/* ==UserStyle==
@name           Attendee app - EA DUAL
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    EventsAir UI overrides
@author         Warren Prasek
==/UserStyle== */
/* Prevent URLs from breaking/cropping UI */
* {
  word-break: break-word
}
.desktop-button-label {
  word-break: normal
}
/* animated pageload indicator bar at bottom of screen */
.nbloader: : before {
  background: #fac943
}
/* ************************************************************************************
Homescreen icon grid
************************************************************************************ */
#pageBannerToolbar {
  padding-bottom: 4px;
  /* Was 48px, trying to reduce height of login screen banner img */
  background: #f0eff5 !important;
}
.pageBannerImage img {
  margin-bottom: -8px !important
}
/* IPAD */
@media screen and (min-width: 768px) {
  /*Reduce gap between icons and big Welcome header */
  #desktopIconPanel {
    margin-top: -48px
  }

}
/* END IPAD */
/* 3 columns of icons instead of 4 */
.desktop-button-wrapper {
  width: 85px;
  height: 85px;
  margin-bottom: 48px;
}
.desktop-icon-panel .desktop-button {
  width: 100%;
  height: 85px;
  border: none;
  border-radius: 16px;
  padding: 0 !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.desktop-button-wrapper: active * {
  opacity: 0.7
}
.desktop-button-wrapper: active .desktop-button {
  box-shadow: none
}
.desktop-button-icon {
  /*  color: #fac943 !important;
  */
  margin-top: 0 !important;
}
/* No background colour behind icon*/
.desktop-button-wrapper .x-button-normal {
  background-color: #fff !important
}
/* Icon labels */
.desktop-button-label {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1;
  margin-top: 8px
}
/* Size of native FontAwesome icons*/
.desktop-button-icon: : before {
  font-size: 32px;
}
/* Uploaded PNG Icon backgrounds */
.desktop-button-wrapper .desktop-button {
  background-repeat: no-repeat !important;
  background-color: #fff !important;
  background-position: center !important;
}
/* Highlight login button when user is logged out */

.desktop-button-wrapper.LogInButton .desktop-button {
  border: 4px solid #fac943 !important;
}
.desktop-button-wrapper.LogInButton .desktop-button-label {
  font-weight: bold !important;
}
/* Disabled to ensure icon BG gradients stretch full-width */
/* Shrink uploaded PNG icons
.desktop-button-wrapper .desktop-button {
  background-size: 70% !important;
}
*/
/* ************************************************************************************
Login
************************************************************************************ */
#loginInstructions {
  text-align: center;
  font-size: 0.9em;
  opacity: 0.75;
  padding: 0 16px 16px 16px;
  margin-top: 4px;
}
.loginform {
  padding: 24px 24px 0 24px;
  background: #fff !important;
}
.loginform .loginField {
  margin-top: 12px
}
.x-input-el {
  padding: 12px !important;
  border-radius: 8px !important;
  letter-spacing: 0.5px !important;
  font-size: 1em !important
}
.x-input-el: focus {
  background: #f0eff5;
  border: 1px solid #fac943 !important;
  color: #fac943 !important
}
.x-container.x-field {
  border-radius: 8px !important
}
#logInButton {
  width: 100%;
  background: #fac943;
  border: none;
}
#resetPasswordButton {
  border: none;
  margin-top: 16px;
  color: #fac943;
}
/* ******************************************
PROMPT TO INSTALL AS APP
****************************************** */
.x-installapp {
  background: #fac943;
  border: 2px solid #fff;
  box-shadow: none;
  border-radius: 16px;
  padding: 8px 16px
}
.x-installapp * {
  color: #fff;
  text-align: center;
  background: #fac943;
  border: none;
  box-shadow: none;
  text-shadow: none
}
.x-installapp .arrow {
  border: none;
  -webkit-box-shadow: none;
  background: #fac943;
  border-radius: 0;
  bottom: -7px
}
.x-installapp .icon-share {
  display: none
}
/* SLIDE-DOWN REFRESH LIST MSG */
.x-list-pullrefresh {
  background: none !important;
  height: 6em;
  padding: 2em 0 0 0;
  margin-top: -2.8em;
}
.x-list-pullrefresh * {
  color: #fac943 !important;
  text-align: left;
  font-weight: bold;
}
.x-list-pullrefresh-arrow, .x-loading-spinner {
  opacity: 0.5
}
.x-list-pullrefresh-wrap {
  padding-left: 2em
}
.x-list-pullrefresh-updated {
  margin-top: -0.5em
}
/* ************************************************************************************
ASSORTED
************************************************************************************ */
/* Previous CSS supplied by Hope */
/*
.agendaVideoContainer {
  display: none!important;
}
*/
* {
  letter-spacing: 0 !important
}
/* White nav ribbon until logged-in */
#pageBannerToolbar + .x-dock-body .x-toolbar-dark {
  background: #fff;
  box-shadow: none!important;
  z-index: 100;
}
#pageBannerToolbar + .x-dock-body .x-toolbar-dark *, #pageBannerToolbar + .x-dock-body .x-toolbar-dark *: : before {
  color: #fac943 !important
}
/* Fix sponsor ribbon search icon & cancel label */
#pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-button-icon: : before, #pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-button-label {
  color: #fff !important
}
/* Purple nav ribbon after login */
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark {
  background: #fac943;
  box-shadow: none!important;
}
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark *, #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark *: : before {
  color: #fff !important
}
/* NAVIGATION RIBBON */
.x-navigation-bar {
  background: #fac943
}
.x-navigation-bar *, .x-navigation-bar .x-button: before {
  color: #fff !important
}
.x-navigation-bar .x-button: active {
  opacity: 0.5
}
.x-field-input *: : placeholder {
  font-style: normal !important;
  color: rgba(0, 0, 0, 0.5) !important
}
/* Primary buttons */
.nicButtonMajor, .refreshButton {
  font-weight: bold;
  background: #fac943;
  border: none;
}
.nicButtonLabel {
  line-height: 1
}
.nicButtonMinor {
  background: #fff !important;
  color: #fac943 !important;
  border-color: #fac943 !important;
}
/* Page titles */
.x-navigation-bar .x-title .x-innerhtml {
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
  font-size: 0.7em !important
}
.x-navigation-bar .x-button-back: : before {
  font-size: 15px
}
.font16 {
  line-height: 1.1em
}
/* LAZY LOADER TEXT */
.x-list-paging-msg {
  padding: 16px 0;
  font-size: 0.85em;
  font-weight: bold;
  color: #fac943
}
/* SPLASH SCREEN LOADING IMAGE */
.splashImage {
  width: 100% !important;
  height: 100% !important
}
.splashImage img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  box-shadow: 0 0 222px rgba(0, 0, 0, 0.3);
}
@media (orientation: landscape) {
  .splashImage img {
    height: 100% !important;
  }

}
@media (orientation: portrait) {
  .splashImage img {
    width: 100% !important;
  }

}
/* GENERAL ACTIVE STATE */
.x-item-pressed {
  opacity: 0.5
}
/* Standard icons */
i.defaultIconColor {
  color: #fac943
}
.messageButton {
  background: #fac943;
}
textarea.x-input-el {
  font-size: 0.85em !important;
  letter-spacing: 0 !important
}
/* ************************************************************************************
Modals
************************************************************************************ */
.x-mask {
  backdrop-filter: blur(1px);
}
.notificationPopup {
  max-width: 90% !important;
  background: none;
  box-shadow: none;
}
.notificationPopup > .x-body {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.33)
}
.notificationPopupHeading {
  background: #fac943;
}
.notificationPopupHeadingCloseIcon {
  margin: 6px 6px 0 0;
  -webkit-text-stroke: 1px #fac943
}
.notificationPopupButtonLabel {
  color: #fac943;
  padding-bottom: 2px
}
.notificationPopupMessageHtml {
  padding-top: 16px
}
.notificationPopupButton {
  border-top-color: #e0d7f3;
}
.notificationPopupButton: active {
  background: #fac943;
}
.notificationPopupButton: active span {
  color: #fff
}
.notificationPopup .x-tabbar .x-body {
  border-radius: 0
}
/* SLIDE UP ACTION SHEET - NEW CONNECTION / PRIVATE CHAT REQUEST */
.toast-window-new {
  padding: 0 !important;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) !important
}
.toast-window-new-heading {
  background: #fac943 !important;
}
.toast-window-new-heading-text, .toast-window-new-heading i {
  color: #fff !important
}
.toast-window-new .toast-window-new-content {
  padding: 24px !important
}
.toast-window-new .meetingHubAvatarIcon {
  width: 48px;
  height: 48px;
  background-size: 48px
}
/* CONNECTION REQEST DETAIL */
.toast-window-new .contactName {
  font-size: 0.85em !important
}
.toast-window-new .contactPosition {
  font-size: 0.8em !important
}
.toast-window-new .contactOrganization {
  font-size: 0.8em !important;
  opacity: 1 !important
}
/* Instant message */
.toast-window-new .speech-bubble {
  margin: 24px 0;
  padding: 8px;
  border-radius: 0 16px 16px 16px;
  background: #eee
}
.toast-window-new .speech-bubble p {
  font-size: 0.85em
}
.toast-window-new .speech-bubble p: : before {
  display: none !important
}
/* Text area for instant message */
.toast-window-new .chatMessagesPanel + .x-container {
  padding: 0
}
.toast-window-new .messageArea {
  font-size: 0.8em !important;
  line-height: 1.2em
}
/* Online status dot above avatar */
.toast-window-new .liveDot {
  left: 60px;
  top: 68px
}
.x-list-item .liveDot {
  left: 66px;
  top: 48px
}
.ScanContactConnectionsTab .liveDot {
  left: 48px !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .liveDot {
    left: calc(15% + 60px)
  }
  .toast-window-new {
    margin-left: 15%;
    width: 70%
  }
  .toast-window-new .toast-window-new-content {
    padding: 48px !important
  }
  .toast-window-new .toast-window-new-content .liveDot {
    left: 84px;
    top: 92px
  }

}
/* END IPAD AND DESKTOP */
.toast-window-new .contactName {
  font-size: 1em
}
.toast-window-new .contactPosition, .toast-window-new .contactOrganization {
  opacity: 0.5
}
.toast-window-new .meetingHubInlineCallButtonContainer {
  margin-top: 16px
}
.toast-window-new .meetingHubInlineCallButtonContainer {
  background: none !important;
  padding: 0
}
.toast-window-new .meetingHubInlineCallButtonContainer .font17 {
  color: #666 !important;
  font-size: 0.85em;
  margin-left: -8px;
}
.toast-window-new .meetingHubInlineCallButtonContainer .font17: : after {
  content: ': ';
}
/* ******************************************
PRIVATE LIVE CHAT
****************************************** */
.toast-window-new.x-sheet-action .nicButtonMinor {
  height: 45px !important;
}
.toast-window {
  border-top: none;
}
/* Add space below input textarea */
.meetingHubCallActionSheet .chatMessagesPanel + .x-container {
  margin-bottom: 24px
}
/* FIX 90 DEGREE LIVE CHAT GREEN CIRCLE ICON ROTATION -- what the */
.fa-comments-alt[style="transform: rotate(90deg);
"] {
  transform: none !important
}
/* ************************************************************************************
Popover select menus
************************************************************************************ */
.x-select-overlay {
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 10px 100px rgba(0, 0, 0, 0.66)
}
.x-select-overlay .x-list-item-first {
  border-top: none
}
.x-select-overlay .x-list-label {
  color: #fac943
}
.x-select-overlay .x-field-select .x-component-outer: : after {
  top: 16px !important
}
.x-select-overlay .x-list-item: active * {
  background: #fac943;
  color: #fff;
  border-radius: 4px
}
/* ******************************************
AGENDA SEARCH POPOVER
****************************************** */
.filterPopup .notificationPopupHeading + .x-layout-box-item {
  padding: 0 !important
}
.filterPopup .x-form-label {
  padding-right: 8px;
}
.filterPopup .x-form-label span {
  font-size: 0.9em !important;
  width: 100% !important;
  display: inline-block;
  text-align: right !important;
  padding-top: 4px
}
.filterPopup .x-input-text {
  font-size: 0.9em !important;
  color: #fac943
}
/* Gain more width for RHS column inputs */
.filterPopup .x-field-select .x-input-el {
  padding: 12px 0 12px 4px !important
}
/* Move RHS column dropdown triangles as far as possible */
.filterPopup .x-field-select .x-component-outer: after {
  left: 90%
}
.filterPopup .popupSelectField {
  margin: 0;
  padding: 0;
  border-radius: 0 !important;
  border-color: #eee
}
.filterPopup .popupSelectField: nth-of-type(2) {
  border-color: #fff
}
/* Restore panel padding once device is wide enough */
@media screen and (min-width: 440px) {
  .filterPopup .notificationPopupHeading + .x-layout-box-item {
    padding: 16px !important
  }

}
/*  Popover selector menus at bottom of screen in native app */
.x-picker.x-floating .x-toolbar-dark {
  background: #fac943
}
.x-picker.x-floating .x-item-selected {
  background: #f0eff5;
  color: #fac943
}
.x-picker.x-floating .x-picker-bar {
  border-color: #f0eff5
}
/* ************************************************************************************
Offline ribbon
************************************************************************************ */
.offlineStatus {
  background: #cc0000;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  font-size: 0.6em !important;
  height: 48px
}
.offlineStatus .x-title .x-innerhtml {
  display: inline !important;
}
.offlineStatus .x-title: : before {
  content: '\26A0 ';
  font-size: 1.25em;
  padding-right: 8px
}
/* ************************************************************************************
Agenda
************************************************************************************ */
#nextgenmobile-view-agenda-listpullrefresh-1 + .x-layout-fit-item {
  padding-top: 16px;
  background: #f0eff5
}
/* DATE TABS */
.dateDataView {
  background: #f0eff5;
}
.x-dataview .dateDataViewItemContainer .dateDataViewItem, #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .dateDataViewItem {
  padding-top: 8px !important;
  height: 28px !important;
  text-align: center;
  color: #fac943 !important;
  border-color: #fac943 !important;
}
.x-dataview .dateDataViewItemContainer.active .dateDataViewItem {
  font-weight: bold !important
}
.x-dataview .dateDataViewItemContainer .dateDataViewItem: active {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px
}
/* RHS temp indicator arrow when tabs scroll offscreen */
/* EG Agenda dates or Meeting hub */
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark i.fa-triangle.navigationArrow, .x-toolbar-dark + .x-dock-body i.fa-triangle.navigationArrow {
  opacity: 1;
}
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark i.fa-triangle.navigationArrow: : before, .x-toolbar-dark + .x-dock-body i.fa-triangle.navigationArrow: : before {
  color: #fac943 !important;
  font-size: 0.8em;
  line-height: 36px !important;
  -webkit-text-stroke: 3px #f0eff5;
}
.x-toolbar-dark + .x-dock-body i.fa-triangle.navigationArrow: : before {
  line-height: 20px !important;
}
/* Rows */
.x-list .x-list-item {
  border: none
}
/* Item cards */
.agendaColoredPostContainer {
  background: #fff;
  border-radius: 8px;
  margin: 2px 0;
  padding: 16px;
}
.x-list-item.agenda .x-innerhtml {
  padding: 4px 16px 0 16px !important;
}
.x-list-item.agenda: active {
  opacity: 0.5
}
/* Target new (???) classes */
#nextgenmobile-view-agenda-listpullrefresh-1 + .x-container .x-list-item-tpl.agenda {
  background: #fff;
  border-radius: 8px;
  margin: 6px 5%;
  width: 90%;
  padding: 16px;
}
#nextgenmobile-view-agenda-listpullrefresh-1 + .x-container .x-list-item-tpl.agenda .x-innerhtml {
  padding: 0 !important;
}
.x-list-item .rightArrow, .x-list-item .rightArrow: : before {
  color: #fac943 !important;
}
.x-list-item .agendaColoredPostContainer .rightArrow, .x-list-item .agendaColoredPostContainer .rightArrow: : before {
  color: rgba(0, 0, 0, 0.66) !important;
}
/* Padding around date select dropdown */
.x-toolbar + .x-toolbar {
  min-height: 80px
}
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark + .x-toolbar-dark .x-field-input * {
  color: #000 !important
}
.x-field-input: active {
  background: #f0eff5
}
.x-field-input: active * {
  color: #fac943;
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  /* Target new (???) classes */
  #nextgenmobile-view-agenda-listpullrefresh-1 + .x-container .x-list-item-tpl.agenda {
    border-radius: 8px;
    margin: 8px 15%;
    width: 70%;
    padding: 24px;
  }
  /* TAB NAV RIBBON */
  .x-toolbar-dark + .x-toolbar-dark {
    background: #f0eff5 !important;
    padding-left: 15%;
    padding-right: 15%;
  }
  .sessionTool, .agendaTool {
    padding-left: 15%;
    padding-right: 15%;
  }
  .sessionTool .x-innerhtml, .agendaTool .x-innerhtml {
    border-radius: 8px !important
  }
  /* SEARCH INPUT BELOW MAIN TITLE RIBBON (INCL ATTENDEE LIST INSIDE MEETING HUB) */
  .x-toolbar-dark + .x-dock-body > .x-inner > .x-layout-card-item > .x-inner > .x-container > .x-inner > .x-field-search, .x-tabbar-dark + .x-dock-body > .x-inner > .x-layout-card-item > .x-inner > .x-container > .x-inner {
    padding-left: 15%;
    padding-right: 15%
  }

}
/* END IPAD+ */
/* Smaller heading font */
.x-list-item .agendaHeading, .x-list-item .attendeeHeading {
  display: block;
  font-size: 0.95em;
  line-height: 1.1em !important;
}
/* Inline favourite stars */
.x-list-item .fa.fa-star, .x-list-item .fa.fa-star: : before {
  float: left;
  color: #ffc700 !important;
  -webkit-text-stroke: 1px #fff !important;
  font-size: 1em !important;
  margin: 2px 4px 0 0 !important;
}
/* Hide empty stars */
.x-list-item .far.fa-star {
  display: none !important;
}
/* Show sub-info on same line */
.x-list-item .horizontalGrid {
  display: inline-block
}
.x-list-item .horizontalGrid h3, .x-list-item .horizontalGrid h4 {
  display: inline-block;
  opacity: 0.66
}
.x-list-item .horizontalGrid + .horizontalGrid h3, .x-list-item .horizontalGrid + .horizontalGrid h4 {
  padding-left: 8px !important;
  margin-left: 8px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.x-list-item .horizontalGrid i.fa-edit {
  display: inline-block;
  margin-left: 8px
}
.x-list-item .horizontalGrid i.fa-edit + span + h4 {
  display: inline-block;
}
.x-list-item .horizontalGrid i.fa-edit + span + h4, .x-list-item .horizontalGrid + .horizontalGrid + .horizontalGrid i.fa-edit + span + h4 {
  border: none !important;
  margin-left: 4px !important;
  padding-left: 0 !important
}
/* CURRENTLY ACTIVE SESSION */
.agendaOnNow {
  background: #fac943 !important;
  margin: -16px 0 0 -16px;
  width: 8px;
  border-radius: 4px 0 0 4px !important
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  /* Commented out 07 Feb 2024 -- agenda list session descriptions */
  /* .x-list-item .horizontalGrid + .horizontalGrid + .horizontalGrid h4 {
    padding-left: 8px !important;
    margin-left: 8px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.4) !important;
  }
  */
  .agendaOnNow {
    margin: -24px 0 0 -24px;
  }

}
/* END IPAD+ */
/* Hide "when" and "where" labels/icons */
.agendaWhereWhatWhen {
  display: none
}
.fa-info-circle + .agendaWhereWhatWhen + h4 {
  opacity: 1;
  padding-left: 0 !important;
  margin: 0 !important;
  border: 0 !important
}
.x-list-item .gridIcon {
  display: none
}
/* Tiny notes icon -- when notes have been recorded */
.x-list-item-tpl.agenda .horizontalGrid .horizontalGridItem, .x-list-item-tpl.myagenda .horizontalGrid .horizontalGridItem {
  color: #000 !important;
  opacity: 0.6;
  margin-left: 5px !important
}
.x-list-item .trackHeading {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.66em;
  color: #fff !important;
  background: #fac943
}
.x-field-search {
  margin: 16px !important
}
.x-toolbar .x-field-select .x-component-outer: : after {
  top: 30px !important
}
/* *****************************************************
!!!PENDING!!! TWEAKS TO CSS TARGETING, 07 FEB 2024
******************************************************** */
/* Replace chevrons with emoji icons for all non-session agenda panels */
.FunctionAgendaType i.rightArrow, .BreakActivityAgendaType i.rightArrow, .HeadingAgendaType i.rightArrow, .InformationAgendaType i.rightArrow, .HotelBookingAgendaType i.rightArrow, .HotelCheckoutAgendaType i.rightArrow, .PresentationAgendaType i.rightArrow, .TravelBookingAgendaType i.rightArrow, .MeetingAgendaType i.rightArrow {
  display: none !important;
}
.SessionAgendaType: : after {
  /* don't add anything */
}
.FunctionAgendaType: : after {
  content: '🎟️';
}
.BreakActivityAgendaType: : after {
  content: '☕️';
}
.HeadingAgendaType: : after {
  /* content: '📣';
  */
}
.InformationAgendaType: : after {
  content: 'ℹ︎';
  background: #fac943;
  color: #fff;
  border-radius: 100px;
  height: 28px;
  width: 28px;
  padding-left: 5px;
  line-height: 0.85em;
  margin-top: 6px;
  scale: 0.8
}
.HotelBookingAgendaType: : after, .HotelCheckoutAgendaType: : after {
  content: '🛏️';
}
.PresentationAgendaType: : after {
  content: '🎤';
}
.TravelBookingAgendaType: : after {
  content: '✈️';
}
.MeetingAgendaType: : after {
  content: '🤝';
}
.myagenda.x-list-item > .x-innerhtml > div: nth-child(1): : after, .agenda.x-list-item > .x-innerhtml > div: nth-child(1): : after {
  font-size: 28px !important;
  position: absolute;
  right: 16px;
  top: 12px
}
/* STYLE AGENDA CARDS BASED ON TYPE */
.HeadingAgendaType, .InformationAgendaType, .BreakActivityAgendaType {
  margin: -16px;
  background: #f0eff5;
  padding: 24px 16px 16px 16px;
  border-radius: 8px
}
.HeadingAgendaType .agendaHeading {
  font-size: 1em !important
}
.HeadingAgendaType .agendaHeading, .HeadingAgendaType .horizontalGrid h3, .HeadingAgendaType .horizontalGrid h4, .InformationAgendaType .agendaHeading, .InformationAgendaType .horizontalGrid h3, .InformationAgendaType .horizontalGrid h4, .BreakActivityAgendaType .agendaHeading, .BreakActivityAgendaType .horizontalGrid h3, .BreakActivityAgendaType .horizontalGrid h4 {
  color: #fac943 !important;
}
/* Session descriptions */
.SessionAgendaType .horizontalGrid h4.ellipsis, .x-list-item .horizontalGrid + .horizontalGrid h4.ellipsis {
  border-left: none !important;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  overflow: hidden !important;
  height: 1.3em;
}
.InformationAgendaType .horizontalGrid + .horizontalGrid {
  width: 100% !important;
}
.HeadingAgendaType .horizontalGrid + .horizontalGrid {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .HeadingAgendaType, .InformationAgendaType, .BreakActivityAgendaType {
    margin: -24px;
  }
  .myagenda.x-list-item > .x-innerhtml > div: nth-child(1): : after, .agenda.x-list-item > .x-innerhtml > div: nth-child(1): : after {
    font-size: 36px !important;
    position: absolute;
    right: 24px;
    top: 10px
  }
  .InformationAgendaType: : after {
    height: 36px;
    width: 36px;
    padding-left: 6px;
    margin-top: 10px;
    scale: 0.8
  }

}
/* *****************************************************
END OF !!!PENDING!!!
******************************************************** */
/* ************************************************************************************
Session info / Resource gallery content detail
************************************************************************************ */
/* Intro card */
.sessionInfoItem: nth-of-type(1), .resoursceGallerySessionContact {
  background: #fac943;
  background: linear-gradient(360deg, #fac943 0%, #fac943 20%, #fac943 100%);
  padding: 16px 8px;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .sessionInfoItem: nth-of-type(1) {
    padding-left: 15%;
    padding-right: 15%
  }
  .sessionInfoItem: nth-of-type(1) h4 + h4 + h4, .resoursceGallerySessionContact h4 + h4 + h4 {
    padding-left: 8px !important;
    margin-left: 8px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.5) !important
  }

}
/* END IPAD */
.resoursceGallerySessionContact {
  margin: -16px -16px 0 -16px;
  padding: 24px
}
.sessionInfoItem: nth-of-type(1) *, .resoursceGallerySessionContact * {
  color: #fff !important
}
/* Day and then timestamp */
.sessionInfoItem: nth-of-type(1) h4, .resoursceGallerySessionContact h4 {
  opacity: 0.75;
  font-size: 1em;
}
/* Timestamp beside day
.sessionInfoItem: nth-of-type(1) h4 + h4, .resoursceGallerySessionContact h4 + h4 {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
*/
/* LOCATION */
.sessionInfoItem: nth-of-type(1) h4 + h4 + h4, .resoursceGallerySessionContact h4 + h4 + h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  opacity: 1;
  width: 100%;
  border-left: none !important;
  font-weight: bold;
}
/* SPONSOR */
.sessionInfoItem: nth-of-type(1) h4 + h4 + h4 + h4, .resoursceGallerySessionContact h4 + h4 + h4 + h4 {
  margin-top: 8px !important;
  font-weight: normal;
}
/* SPONSOR NAMES */
.sessionInfoItem: nth-of-type(1) h4 + h4 + h4 + h4, .resoursceGallerySessionContact h4 + h4 + h4 + h4 {
  padding-top: 8px
}
.sessionInfoItem: nth-of-type(1) h4 .gridIcon, .resoursceGallerySessionContact h4 .gridIcon {
  display: none
}
.sessionInfoItem: nth-of-type(1) .tracksInfo h4, .resoursceGallerySessionContact .tracksInfo h4 {
  display: none !important;
}
.sessionInfoItem: nth-of-type(1) .tracksInfo .trackHeading, .sessionInfoItem: nth-of-type(1) .tracksInfo + div .trackHeading, .resoursceGallerySessionContact .tracksInfo .trackHeading {
  font-weight: bold;
  margin-top: 8px;
  font-size: 0.8em;
  text-transform: uppercase;
  background: #fff;
  color: #fac943 !important
}
.sessionInfoItem: nth-of-type(1) .tracksInfo + div .trackHeading {
  margin-top: 0
}
/* Fave button */
.sessionInfoItem: nth-of-type(1) + div {
  background: #fff;
  text-align: center;
  padding: 24px 0 16px 0 !important;
  color: #ffc700 !important;
}
.sessionInfoItem: nth-of-type(1) + div .x-innerhtml, .starContainer {
  background: #fff;
  width: auto !important;
  display: inline-block;
  padding: 8px 24px;
  border-radius: 100px;
  border: 1px solid #e0d7f3;
}
.resourceGalleryDocumentInfo .starContainer {
  margin-top: 24px
}
.resoursceGallerySessionContact .starContainer {
  background: none;
  margin-top: 16px
}
.resoursceGalleryContactContainer {
  padding: 24px 0
}
.resoursceGalleryContactContainer .attendeeHeading {
  display: inline-block;
  padding-top: 12px
}
.resoursceGalleryContactContainer .contactPosition, .resoursceGalleryContactContainer .contactOrganization {
  opacity: 0.5
}
.font14.posterTheme {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px !important;
}
.galleryDocumentSubText.oneline {
  opacity: 0.6 !important
}
.galleryDocumentSubText.oneline: nth-child(4) {
  margin-top: 8px !important
}
/* Fave button clicked */
.sessionInfoItem: nth-of-type(1) + div: active .x-innerhtml {
  background: #e0d7f3;
}
.sessionInfoItem: nth-of-type(1) + div: active .far, .sessionInfoItem: nth-of-type(1) + div: active .fa {
  color: #fff !important;
}
.sessionInfoItem: nth-of-type(1) + div .far, .sessionInfoItem: nth-of-type(1) + div .fa, .starContainer .fa, .starContainer .far {
  color: #ffc700 !important;
}
.sessionInfoItem: nth-of-type(1) + div .font17 {
  color: #fac943 !important;
  font-size: 0.85em;
  font-weight: bold !important;
}
/* SESSION OVERVIEW */
.sessionInfoItem: nth-of-type(4) {
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.1) !important;
  z-index: 100;
}
/* IPAD  */
@media screen and (min-width: 768px) {
  .sessionInfoItem: nth-of-type(3), .sessionInfoItem: nth-of-type(4) {
    padding-left: 15% !important;
    padding-right: 15% !important
  }
  .sessionInfoItem: nth-of-type(4) {
    margin-bottom: 48px;
  }
  .leftAlignContainer {
    max-width: none !important;
  }
  .resoursceGallerySessionContact, .resourceGalleryDocumentInfo, .resoursceGallerySessionContact + .leftAlignContainer {
    padding-left: 15% !important;
    padding-right: 15% !important
  }

}
/* END IPAD  */
/* SESSION TITLE CARDS THAT DON'T WORK WITH PREVIOUS CSS FOR SOME REASON (???) */
/*Fave button */
.sessionInfoItem .header + div[starbutton="true"] {
  background: #fff;
  width: auto !important;
  display: inline-block;
  padding: 8px 24px;
  border-radius: 100px;
  border: none;
}
.sessionInfoItem .header + div[starbutton="true"]: active {
  opacity: 0.5;
}
.sessionInfoItem .header + div[starbutton="true"] .far, .sessionInfoItem .header + div[starbutton="true"] .fa {
  color: #ffc700 !important;
}
.sessionInfoItem .header + div[starbutton="true"] .font17 {
  color: #fac943 !important;
  font-size: 1em;
  font-weight: bold !important;
}
/* Move Overview header plus subtext out of purple header card area */
.sessionInfoItem .header + div[starbutton="true"] + .sectionTitle, .sessionInfoItem .header + div[starbutton="true"] + .sectionTitle + .font14, .sessionInfoItem .header + div[starbutton="true"] + .sectionTitle + .font14 + .sectionTitle, .sessionInfoItem .header + div[starbutton="true"] + .sectionTitle + .font14 + .sectionTitle + .font14 {
  display: block !important;
  background: #fff;
  margin: 32px -24px;
  color: #000 !important;
  padding: 24px;
}
.sessionInfoItem .header + div[starbutton="true"] + .sectionTitle + .font14, .sessionInfoItem .header + div[starbutton="true"] + .sectionTitle + .font14 + .sectionTitle + .font14 {
  margin: -48px -24px;
  padding-top: 0
}
/* IPAD  */
@media screen and (min-width: 768px) {
  .sessionInfoItem .header + div[starbutton="true"] + div, .sessionInfoItem .header + div[starbutton="true"] + div + div, .sessionInfoItem .header + div[starbutton="true"] + div + div + div, .sessionInfoItem .header + div[starbutton="true"] + div + div + div + div {
    margin-left: calc(-15% - 40px) !important;
    margin-right: calc(-15% - 60px) !important;
    padding: 48px calc(15% + 40px) 24px calc(15% + 40px) !important;
  }
  .sessionInfoItem .header + div[starbutton="true"] + div + .font14, .sessionInfoItem .header + div[starbutton="true"] + div + .font14 + div + .font14 {
    padding-top: 0 !important;
  }
  .sessionInfoItem div[starbutton="true"] + .sectionTitle {
    border-radius: 16px 16px 0 0
  }

}
/* END IPAD */
/* END SESSION TITLE CARDS THAT DON'T WORK WITH PREVIOUS CSS FOR SOME REASON (???) */
/* Overview */
.sessionInfoItem .sectionTitle {
  padding: 0;
  border: none;
  font-size: 1.1em
}
/* ACTION LINKS EG CHECK-IN, DISCUSSION FORUM, SESSION NOTES ETC */
.x-list-item.agendaTool .x-innerhtml, .x-list-item.sessionTool .x-innerhtml {
  /* border-top: 1px solid #eee;
  */
  border-top: none !important;
  border-bottom: 1px solid #eee;
  border-radius: 0 !important
}
.x-list-item.agendaTool + .x-list-item.agendaTool .x-innerhtml, .x-list-item.sessionTool + .x-list-item.sessionTool .x-innerhtml {
  border-top: none;
}
.x-list-item.sessionTool .x-innerhtml *, .x-list-item.agendaTool .x-innerhtml * {
  color: #fac943 !important
}
.x-list-item.sessionTool .x-innerhtml: active, .x-list-item.agendaTool .x-innerhtml: active {
  background: #f0eff5
}
/* CLOSED CAPTION BOX AT BOTTOM */
.translationContainer {
  border-color: #fac943;
  border-radius: 8px;
  padding: 8px
}
/* IPAD  */
@media screen and (min-width: 768px) {
  .translationContainer {
    margin-left: 15%;
    margin-right: 15%
  }

}
/* ************************************************************************************
Session details / info
************************************************************************************ */
/* Highlight title */
.sessionPlayerPlaceHolder + div .x-innerhtml > div > .agendaHeading: nth-of-type(1) {
  display: block !important;
  background: #fac943;
  background: linear-gradient(360deg, #fac943 0%, #fac943 20%, #fac943 100%);
  color: #fff !important;
  margin: -16px;
  padding: 24px 16px
}
/* IPAD  */
@media screen and (min-width: 768px) {
  /* Horizontal line */
  .sectionTitleNew + .font14 + .marginTopBottom10 {
    margin: 32px 15% 16px 15%;
  }
  .sectionTitleNew + .font14 + .marginTopBottom10 + .agendaHeading {
    margin-left: 0;
    margin-right: 0
  }
  .sessionInfoItem .x-innerhtml {
    padding-left: 0
  }
  .sessionPlayerPlaceHolder + div .x-innerhtml > div > .agendaHeading: nth-of-type(1), .sessionPlayerPlaceHolder + div .x-innerhtml > div > div {
    padding-left: 15% !important;
    padding-right: 15%
  }
  /* Speaker card */
  .sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div, .agendaHeading + .sectionTitleNew + .font14 + .topSeparator + .agendaHeading + div, .sectionTitleNew + .font14 + .topSeparator + .agendaHeading.marginBottom10 + div {
    margin: 48px 15% 0 15% !important;
    padding: 36px !important;
    border-radius: 16px;
  }
  /* Speaker bio below card */
  .sectionTitleNew + .font14 + .topSeparator + .agendaHeading + div + .font14 {
    margin: 24px 15% !important;
    padding: 0
  }
  /* Horizontal divider lines */
  .topSeparator {
    margin: 24px 15% !important;
  }
  /* Cards for Speaker / Moderator / Authors */
  .topSeparator.marginTopBottom10 + .agendaHeading.marginBottom10 + div[style="display: flex;
  align-items: start;
  "] {
    margin: 24px 15% !important;
    padding: 36px !important;
    border-radius: 16px;
  }
  /* Bios below cards for Speaker / Moderator / Authors */
  .topSeparator.marginTopBottom10 + .agendaHeading.marginBottom10 + div[style="display: flex;
  align-items: start;
  "] + .font14.marginTop15.marginBottom20 {
    margin: 24px 15% !important;
  }
  /* Para below "Details" header */
  .sectionTitleNew.marginTopBottom15 + .font14 {
    margin-right: 15% !important;
  }

}
/* END IPAD  */

/* Style section headers and normal paragraphs */
.sessionPlayerPlaceHolder + div .sectionTitleNew {
  font-size: 1.4em;
  padding: 24px 16px 0 8px !important;
  border: none;
}
.sessionPlayerPlaceHolder + div .font14 {
  padding: 0 8px 0 8px !important;
  line-height: 1.em
}
.sessionPlayerPlaceHolder + div .topSeparator, .sessionPlayerPlaceHolder + div .agendaHeading.marginBottom10 {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 24px;
}
/* Highlight speaker info */
.sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div {
  background: #f0eff5;
  margin: 16px 8px !important;
  padding: 24px 16px;
  border-radius: 8px;
}
.sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div * {
  color: #000 !important
}
.sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div .attendeeHeading {
  font-size: 1.3em;
  margin-left: 4px
}
.sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div .contactOrganization {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px !important;
  margin-left: 4px
}
/* Authors shown below speaker card */
.sessionPlayerPlaceHolder + div .sectionTitleNew.marginBottom15 + div[style="display: flex;
align-items: start;
"], .sessionPlayerPlaceHolder + div p.marginTop15 + div[style="display: flex;
align-items: start;
"] {
  margin-left: 8px;
}
.sessionPlayerPlaceHolder + div .attendeeHeading {
  font-size: 1.25em;
}
.sessionPlayerPlaceHolder + div .attendeeHeading + .contactOrganization {
  opacity: 0.5;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
  font-size: 1em;
}
/* Live session countdown */
.preSessionContainer {
  background: #fac943;
  background: linear-gradient(#fac943 0%, #fac943 66%, #fac943 100%);
}
.preSessionContainer .preSessionClockTime {
  margin-bottom: 0;
  font-size: 1.25em
}
.preSessionContainer .preSessionClockTime + .preSessionClockTime {
  font-size: 2.5em;
  font-weight: bold;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.66);
}
/* Countdown at top of each tool sub-screen */
.playerContainerSmall {
  width: 100% !important
}
/* SESSION INFO overview content plus presenter name below purple header */
.sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + .font14 + .sectionTitleNew {
  padding-left: 0
}
.sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 {
  padding-left: 0;
  line-height: 1.5em;
  padding-bottom: 0px !important;
}
/* Hide redundant "presenter" heading */
.sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew {
  display: none !important
}
/* Presenter (speaker) pic & name */
.sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div {
  background: #f0eff5;
  padding: 16px;
  border-radius: 8px;
  margin-top: 32px;
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div {
    margin-left: 15%;
    width: 70%;
    padding: 24px !important
  }

}
/* END IPAD+ */
/* QR CHECK-IN CODE AND SESSION RECORDING */
/* Bottom edge ribbon around label & icon */
.meetingRequestButtonContainer {
  background: #f0eff5 !important;
  border-radius: 0;
  border-top: 1px solid #e0d7f3;
  margin: 0 !important
}
.x-dock-body + .meetingRequestButtonContainer + .meetingRequestButtonContainer {
  margin: 0 -16px -16px -16px !important;
}
.meetingRequestButtonContainer .font17 {
  color: #fac943;
  font-weight: normal;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  font-size: 13px
}
.meetingRequestButtonContainer .font17: : after {
  content: ': '
}
/* QR checkin circle icon */
.meetingRequestButtonContainer i.greenBackground {
  background: #fac943 !important
}
.meetingRequestButtonContainer .fa: active {
  opacity: 0.8
}
.meetingRequestButtonContainer .fas {
  scale: 0.85
}
/* Start survey button (sticky ribbon at bottom edge) */
.meetingRequestButtonContainer + .infoButton {
  background: #fac943;
  padding: 24px
}
.meetingRequestButtonContainer + .infoButton .infoButtonLabel {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
/* ************************************************************************************
Discussion forum / chat
************************************************************************************ */
/* IPAD  */
@media screen and (min-width: 768px) {
  .chatMessagesPanel {
    padding: 0 15% !important;
  }
  .chatMessagesPanel + .x-container {
    padding: 48px 15%;
  }
  /* Don't need extra L/R margin inside contact details chat */
  .tabButtonsTabPanel .chatMessagesPanel + .x-container {
    padding: 48px 0;
  }

}
/* END IPAD  */
/* ADD SPACE ABOVE FIRST MSG ONLY */
.chatMessagesPanel .x-dataview-container .x-dataview-item: nth-of-type(1) {
  margin-top: 16px
}
.chatMessagesPanel .speech-bubble {
  padding: 4px !important;
  border-radius: 12px;
  border-top-left-radius: 0;
  background: #eee;
  color: #333;
  margin: 16px 0;
}
.chatMessagesPanel .speech-bubble p {
  line-height: 1.2em;
}
.chatMessagesPanel .speech-bubble.me {
  background: #f0eff5;
  color: #fac943;
  border-radius: 12px;
  border-top-right-radius: 0
}
.chatMessagesPanel .speech-bubble.me p: before {
  display: none
}
.chatMessagesPanel .messageHeading {
  padding: 0;
  color: #aaa;
}
.chatMessagesPanel .messageHeadingName {
  color: #444
}
/* SESSION NOTES -- AND DATE TABS IN AGENDA LIST */
.x-tabbar .x-inner {
  background: #f0eff5 !important;
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .x-tabbar .x-inner {
    padding-left: 15%;
    padding-right: 15%
  }
  .x-tabbar + .x-dock-body {
    padding-left: 15%;
    padding-right: 15% !important;
    padding-top: 32px;
  }

}
/* END IPAD AND DESKTOP */
.x-tab {
  height: 36px !important
}
.x-tabbar.x-docked-top .x-tab {
  margin: 0 !important;
  padding: 0 !important;
}
.x-tabbar.x-docked-top .x-tab: active {
  background: rgba(0, 0, 0, .1) !important;
  border-radius: 8px 8px 0 0 !important;
  opacity: 0.5;
}
/* TABS INCLUDING DATES IN AGENDA LIST */
.x-tab .x-button-label, .x-dataview .dateDataViewItem {
  width: 100% !important;
  color: #fac943 !important;
  padding: 15px 6px 8px 6px !important;
  font-weight: normal !important;
  text-transform: uppercase;
  font-size: 0.75em !important
}
.x-tab-active .x-button-label, #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .dateDataViewItemContainer.active .dateDataViewItem {
  color: #fac943 !important;
  border-color: #fac943 !important;
  font-weight: bold !important
}
/* Tiny number pill */
.x-tab .x-badge {
  padding: 4px !important;
  margin: 5px 30px !important;
  background: #fac943 !important
}
/* Enter notes here */
.sessionNotesTextAreaCls {
  padding: 16px !important;
  border-radius: 8px;
  font-size: 0.9em
}
/* "Select send to export your notes [...]" blankstate message */
.x-tabbar + .x-dock-body .x-innerhtml.font16 {
  text-align: center;
  padding: 24px 16px;
  font-size: 0.9em
}
/* ************************************************************************************
Live Q&A
************************************************************************************ */
/* Question input area */
.socialWallPostContainer {
  background: none
}
/* Buttons below live Q&A input field */
.socialWallPostContainer + .x-container {
  padding: 0 0 24px 0 !important
}
.socialWallPostContainer + .x-container .x-button {
  width: 50%
}
.liveQuestionInfo + form {
  background: #f0eff5
}
.liveQuestionNewPostContent {
  background: #fff !important
}
.liveQuestionNewPostContent .x-input-el {
  border: 1px solid #fff;
  font-size: 0.85em !important;
  line-height: 1.4em;
  letter-spacing: 0 !important;
  padding: 12px 16px !important;
  height: 6.6em;
}
.liveQuestionNewPostContent .x-input-el: focus {
  background: #fff;
  border: 1px solid #fac943 !important;
}
/* Submit anonymously option */
.socialWallPostContainer + .x-container .x-inner.x-horizontal .x-container .x-button {
  width: auto
}
.socialWallPostContainer + .x-container .x-inner.x-horizontal .x-container .x-button + .x-container {
  padding: 0 24px 0 8px;
  color: #fac943 !important
}
.x-liveQuestionVotes-header + div + .x-scroll-container {
  padding-top: 16px !important
}
/* Questions list */
.liveQuestionVoteItem {
  padding: 8px 8px 24px 8px;
  margin: 0 5% 8px 5%;
  width: 90%;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.liveQuestionVoteItemSeparator {
  display: none
}
.liveQuestionVoteItem: active .x-innerhtml {
  background: #fff !important
}
.liveQuestionVoteItem > .x-innerhtml {
  padding: 0 !important
}
.liveQuestionVoteItem > .x-innerhtml > div: nth-of-type(1) {
  padding: 20px 20px 0 20px !important;
  margin: 0 !important
}
.liveQuestionVoteItem h4 {
  margin-left: 60px !important;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.2em;
}
.liveQuestionVoteItem h4 + h4 {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 4px
}
.liveQuestionActions h4 {
  margin-left: 60px;
  margin-top: 4px;
  font-style: normal;
  font-size: 0.7em
}
.liveQuestionActions span {
  margin-top: -4px !important
}
/* Move thumb icon across to R */
.liveQuestionActions .font14 {
  padding-left: 2px !important
}
.liveQuestionVoteItemSeparator {
  border-color: #ddd
}
.x-sheet-action {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  padding: 24px
}
.x-sheet-action .nicButtonMajor {
  margin-bottom: 24px !important;
}
.x-sheet-action .nicButtonMinor {
  border: none !important;
  height: 20px;
}
.nicButtonMajor: active {
  filter: brightness(0.8);
  outline: none
}
.nicButtonMinor: active {
  opacity: 0.5
}
/* GENERIC USER INITIALS AVATAR */
.smallInitialsIcon {
  font-size: 0.7em;
  font-weight: bold;
  background: #bbb;
  padding-top: 10px;
}
.smallInitialsIcon > span {
  color: #fff;
  letter-spacing: 1px !important;
  padding: 0 0 0 2px;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .x-list-item.liveQuestionVoteItem {
    background: #fff;
    margin-left: 15%;
    margin-top: 16px;
    width: 70%;
    border-radius: 8px;
    padding: 0 0 16px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
  .x-list-item.liveQuestionVoteItem .x-innerhtml > div > div {
    padding: 0 !important
  }
  .liveQuestionVoteItemSeparator {
    display: none
  }

}
/* END IPAD */
/* ************************************************************************************
Speaker list & details / Meeting hub attendees list
************************************************************************************ */
/* LIST BG */
.x-list.attendees, .x-list-grouped {
  background: #f0eff5;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
  padding: 16px !important
}
.myAgendaList {
  padding-bottom: 0 !important
}
/* IPAD */
@media screen and (min-width: 768px) {
  /* Ribbon containting Search input and "online now" toggle */
  .ScanContactAttendeesTab >.x-inner >.x-container: nth-child(1) {
    padding-left: 15%;
    padding-right: 15%;
  }
  .x-list.attendees > div {
    padding-left: 25% !important;
    padding-right: 25%;
  }

}
/* END IPAD */

/* ALPHABETIC SECTION HEADERS */
.x-list.attendees .x-list-header, .x-list-grouped#ext-meetingHubContacts-1 .x-list-header {
  background: none !important;
  border: none !important;
  padding: 16px 8px
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  #ext-meetingHubContacts-1 .x-inner.x-scroll-scroller-vertical {
    padding-left: 25% !important;
    padding-right: 25%
  }

}
/* END IPAD AND DESKTOP */
.x-list.attendees .x-list-header .x-innerhtml, .x-list-grouped#ext-meetingHubContacts-1 .x-list-header .x-innerhtml {
  border: none !important;
  background: #fac943;
  color: #fff;
  border-radius: 99px;
  margin-left: 28px;
  font-weight: normal;
  font-size: 0.8em
}
.x-list.attendees .x-list-item, .x-list-grouped .x-list-item {
  border: none
}
/* LIST NAME CARDS */
.x-list.attendees .speaker, .x-list-item-tpl.attendee {
  padding: 2px 16px;
  border: none !important;
  margin-bottom: 2px;
}
.x-list.attendees .speaker .x-innerhtml, .x-list-item-tpl.attendee .x-innerhtml {
  background: #fff;
  border-radius: 12px;
  padding: 16px !important;
  display: inline-block;
  box-shadow: 0 5px 10px #e0d7f3;
}
.x-list.attendees .speaker: active, .x-list-item-tpl.attendee: active {
  opacity: 0.5 !important;
}
/* CIRCULAR AVATAR PICS */
.avatarIcon, .centeredAvatar {
  border-radius: 333px;
}
/* Mega speaker profile pics  -- DON'T RESIZE AS IMG SRC IS 100x100
.centeredAvatar {
  height: 160px;
  width: 160px;
  background-size: 160px;
}
*/

/* NAME CARD CONTENT */
.x-list.attendees .attendeeHeading, .x-list-grouped#ext-meetingHubContacts-1 .contactName {
  font-size: 0.95em;
  margin-bottom: 4px
}
.x-list.attendees h4, .x-list-grouped#ext-meetingHubContacts-1 .contactPosition, .x-list-grouped .contactOrganization {
  line-height: 1em;
  font-size: 0.8em;
  opacity: 0.6;
  margin: 0 0 4px 0
}
.x-list.attendees .speaker: active .x-innerhtml {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none !important;
}
/* Hide weird empty div below (name &title &org */
.attendeeHeading + h4 + h4 + div {
  display: none
}
/* Pinned alphabetical floating pill */
#ext-meetingHubContacts-1 .x-unsized.x-list-header.x-list-header-swap .x-innerhtml {
  padding: 0 14px !important;
  border: 4px solid #fff !important;
  margin-left: 24px;
  width: 46px !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  /* FLOATING PINNED ALPHABETICAL INDEX LETTER */
  #ext-meetingHubContacts-1 .x-unsized.x-list-header.x-list-header-swap {
    padding-left: 25%;
    padding-right: 25%;
    margin-left: 7px;
  }

}
/* END IPAD AND DESKTOP */
/* SPEAKER DETAILS -- INTRO CARD */
.x-layout-box-item.speakerInfo {
  background: #fac943;
  background: linear-gradient(360deg, #fac943 0%, #fac943 20%, #fac943 100%);
  padding-bottom: 16px
}
.x-layout-box-item.speakerInfo * {
  color: #fff !important
}
.x-layout-box-item.speakerInfo .rightArrow {
  margin: 56px 16px 0 0 !important
}
.x-layout-box-item.speakerInfo .centeredAvatar {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5)
}
/* Hide redundant "biography" header then style bio content */
.x-layout-box-item.speakerInfo .attendeeInfo + .sectionTitle {
  display: none
}
.x-layout-box-item.speakerInfo .attendeeInfo + .sectionTitle + p.font14 {
  margin-top: 32px;
  margin-bottom: 0;
  line-height: 1.5em;
  text-align: center;
  padding: 0 16px
}
.x-layout-box-item.speakerInfo h4 {
  margin-top: 8px
}
.x-layout-box-item.speakerInfo h4 + h4 {
  opacity: 0.7;
}
.x-layout-box-item.speakerInfo: active {
  filter: brightness(0.9)
}
.x-layout-box-item.speakerInfo: active * {
  opacity: 0.9
}
.x-layout-box-item.speakerInfo: active .centeredAvatar {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3)
}
/* IPAD */
@media screen and (min-width: 768px) {
  /* Constrain width of speaker info text (and vertical padding) */
  .x-layout-box-item.speakerInfo > .x-inner > .x-innerhtml > p.font14 {
    padding: 16px 15%;
  }

}
/* END IPAD */
/* Prospect / External speaker etc pill */
.contactCategory {
  padding: 4px 12px !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  margin-top: 8px;
  margin-bottom: 4px;
  background: none !important;
  border: 1px solid #ddd !important;
  color: rgba(0, 0, 0, 0.5) !important;
  min-width: auto;
  font-weight: normal;
}
.centeredHeader.attendeeInfo .contactCategory {
  margin-top: 16px;
  border-color: #fff;
}
/* Social icons */
.centeredHeader.attendeeInfo a {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.centeredHeader.attendeeInfo .contactCategory + a {
  margin-left: 16px
}
.presentationInfo .presentation.x-list-item.x-item-pressed: active .x-innerhtml {
  padding-bottom: 0.7em !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .x-layout-box-item.speakerInfo + .x-container .x-list-item-tpl.presentation {
    padding: 24px 15% !important
  }
  .x-layout-box-item.speakerInfo + .x-container .x-list-item-tpl.presentation + .presentation {
    margin-top: -64px;
  }

}
/* END IPAD AND DESKTOP */
/* ************************************************************************************ */
/* Presentation info below speaker intro card */
.x-layout-box-item.speakerInfo + .presentationInfo {
  background: #f0eff5;
  background: linear-gradient(180deg, #f0eff5 0%, #f0eff5 60%, #fff 100%);
  min-height: 240px !important;
}
.x-layout-box-item.speakerInfo + .presentationInfo .agenda {
  background: #fff;
  padding: 8px 16px 24px 16px;
  border-radius: 8px;
  margin-top: 4px;
  box-shadow: 0 5px 10px #e0d7f3;
}
.x-layout-box-item.speakerInfo + .presentationInfo .attendeeHeading {
  font-size: 1.1em;
  margin-top: 16px
}
/* Hide redundant "TITLE" plus... repeated presentation title. Duh */
.x-layout-box-item.speakerInfo + .presentationInfo .agenda + .sectionTitle, .x-layout-box-item.speakerInfo + .presentationInfo .agenda + .sectionTitle + h4.font14 {
  display: none
}
.x-layout-box-item.speakerInfo + .presentationInfo .presentation h4 {
  display: inline-block
}
.x-layout-box-item.speakerInfo + .presentationInfo .presentation h4 + h4 {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #ccc
}
.x-layout-box-item.speakerInfo + .presentationInfo .presentation h4 + p {
  font-size: 0.9em;
  color: #aaa;
}
.x-layout-box-item.speakerInfo + .presentationInfo .presentation .sectionTitle {
  padding-top: 16px
}
.speakerInfo + .presentationInfo + div > div > .buttonSeparator {
  display: none !important
}
/* FIX BG COLOR WHEN CLICKING PRESENTATION / HANDOUT LINK */
.presentationInfo .x-list-item .x-innerhtml .inlineToolWrapper {
  margin-left: -24px;
  margin-right: -24px
}
.presentationInfo .x-list-item: active .x-innerhtml .inlineToolWrapper {
  background: #fff !important
}
/* Handout link clicked */
.presentationInfo .x-list-item: active .x-innerhtml .inlineToolWrapper: active {
  background: #e0d7f3 !important
}
.presentationInfo .x-list-item: active .x-innerhtml .inlineToolWrapper: active * {
  color: #fac943 !important
}
/* ************************************************************************************
Meeting hub invites / connections list
************************************************************************************ */
/* Meeting hub attendees list - item cards */
#ext-meetingHubContacts-1 .meetingHubAvatarIcon + .liveDot {
  left: 48px
}
/* SECTION HEADERS */
.meetingHubInvites .x-list-header {
  background: none !important
}
.meetingHubInvites .x-list-header .x-innerhtml {
  border: none;
  padding: 32px 0 16px 0;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #fac943;
  opacity: 0.7;
  letter-spacing: 3px !important;
}
/* LIST */
.meetingHubInvites .x-scroll-scroller {
  padding: 16px 0
}
@media screen and (min-width: 768px) {
  /* INVITES LIST */
  .meetingHubInvites .x-scroll-scroller {
    padding: 16px 15%;
  }

}
/* ITEM */
.meetingHubInvites .x-list-item, .x-tabbar + .x-dock-body .x-scroll-bar-grid-wrapper + .x-scroll-container .x-list-item {
  border: none !important;
  background: #fff !important;
  border-radius: 8px;
  padding: 4px 0;
  box-shadow: 0 5px 10px #e0d7f3;
  margin: 4px 16px;
  width: calc(100% - 32px)!important
}
.meetingHubInvites .x-list-item .contactName, .x-tabbar + .x-dock-body .x-scroll-bar-grid-wrapper + .x-scroll-container .x-list-item .contactName {
  font-size: 0.9em !important;
  margin-bottom: 2px
}
.meetingHubInvites .x-list-item .contactPosition {
  font-size: 0.8em;
  opacity: 0.5
}
.meetingHubInvites .x-list-item .contactOrganization {
  font-size: 0.8em;
  opacity: 1;
  margin-top: 4px
}
.meetingHubInvites .x-list-item .liveDot {
  left: 50px
}
.meetingHubInvites .x-list-item: active, .x-tabbar + .x-dock-body .x-scroll-bar-grid-wrapper + .x-scroll-container .x-list-item: active {
  box-shadow: none;
  border-radius: 8px !important
}
/* MEETING HUB LIVE CHAT POPOVER WINDOW */
.toast-window.meetingHubCallActionSheet {
  margin: 32px 2.5% 0 2.5% !important;
  width: 95% !important;
  border-radius: 8px 8px 0 0;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .toast-window.meetingHubCallActionSheet {
    margin: 64px 15% 0 15% !important;
    width: 70% !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .toast-window.meetingHubCallActionSheet .x-inner {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  .toast-window.meetingHubCallActionSheet .x-scroll-view {
    margin-left: 5% !important;
    width: 90% !important
  }
  .toast-window.meetingHubCallActionSheet .chatMessagesPanel + .x-container {
    padding: 0 5% !important;
    width: 90% !important
  }

}
/* END IPAD

/* Header contact card */
.toast-window.meetingHubCallActionSheet .meetingHubSelectedContact {
  background: #fac943;
  border-radius: 8px 8px 0 0;
  padding: 16px !important;
}
.toast-window.meetingHubCallActionSheet .meetingHubSelectedContact * {
  color: #fff !important;
}
/* Close icon top RHS */
.toast-window.meetingHubCallActionSheet #ext-closeButton-1, .toast-window.meetingHubCallActionSheet #ext-closeButton-1 *, .toast-window.meetingHubCallActionSheet #ext-closeButton-3, .toast-window.meetingHubCallActionSheet #ext-closeButton-3 * {
  background: none !important
}
.toast-window.meetingHubCallActionSheet #ext-closeButton-1 .far, .toast-window.meetingHubCallActionSheet #ext-closeButton-3 .far {
  background: #fff !important;
  color: #fac943 !important;
  border-radius: 100px
}
/* Move remove connection button down a bit */
.toast-window.meetingHubCallActionSheet .removeConnectionButton {
  margin: 8px 32px 0 8px;
  border-color: #fff
}
/* Smaller profile pic so more room for name etc */
.toast-window.meetingHubCallActionSheet .bigAvatar, .x-navigationview-inner .meetingHubSelectedContact .bigAvatar {
  width: 48px;
  height: 48px;
  background-size: 48px;
  margin-right: 4px;
  /* SAFARI HACK */
  opacity: 0.99;
  /* END SAFARI HACK */
}
.toast-window.meetingHubCallActionSheet .liveDot {
  left: 50px;
  top: 48px
}
/* SAFARI HACK */
.x-navigationview-inner .meetingHubSelectedContact {
  height: 150px !important;
}
@media screen and (min-width: 768px) {
  .x-navigationview-inner .meetingHubSelectedContact > .x-inner {
    width: 560px !important;
    margin: 0 auto !important;
    margin-left: calc(50% - 260px) !important;
  }

}
/* END SAFARI HACK */
.x-navigationview-inner .meetingHubSelectedContact .liveDot {
  top: 57px;
  /* SAFARI HACK */
  left: calc(50% - 225px);
  /* END SAFARI HACK */
}
/* SAFARI HACK -- DELETE THIS BLOCK !

/* IPAD
@media screen and (min-width: 768px) {
  .x-navigationview-inner .meetingHubSelectedContact .liveDot {
    left: calc(50%  - 225px);
  }

}
END IPAD */
/* END SAFARI HACK */
.toast-window.meetingHubCallActionSheet .meetingHubSelectedContact .contactPosition, .toast-window.meetingHubCallActionSheet .meetingHubSelectedContact .contactOrganization, .x-navigationview-inner .meetingHubSelectedContact .contactPosition, .x-navigationview-inner .meetingHubSelectedContact .contactPosition, .x-navigationview-inner .meetingHubSelectedContact .contactOrganization {
  font-size: 0.8em !important
}
/* SAFARI HACK */
.toast-window.meetingHubCallActionSheet .meetingHubSelectedContact .contactName, .x-navigationview-inner .meetingHubSelectedContact .contactName, .toast-window.meetingHubCallActionSheet .meetingHubSelectedContact .contactOrganization, .x-navigationview-inner .meetingHubSelectedContact .contactOrganization, .toast-window.meetingHubCallActionSheet .meetingHubSelectedContact .contactCategory, .x-navigationview-inner .meetingHubSelectedContact .contactCategory {
  opacity: 0.99;
  /* END SAFARI HACK */
}
/* Main sheet area */
.toast-window.meetingHubCallActionSheet > div > div + div {
  border-radius: 8px 8px 0 0;
}
/* Hide message bubble icon - redundant here */
.toast-window.meetingHubCallActionSheet .meetingHubCurrentItemIndicator {
  display: none !important
}
/* ****************************
MEETING HUB --> CONNECTIONS TAB
******************************* */
.ScanContactConnectionsTab, .ScanContactConnectionsTab .x-list-normal {
  padding-top: 16px;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, #fff 100%);
}
.meetingHubScheduledMeetingIndicator {
  margin-right: -32px
}
@media screen and (min-width: 768px) {
  .ScanContactConnectionsTab .x-list-normal .x-scroll-scroller-vertical {
    padding: 32px 15% 0 15% !important;
  }

}
@media screen and (min-width: 1024px) {
  .ScanContactConnectionsTab .x-list-normal .x-scroll-scroller-vertical {
    padding: 32px 25% 0 25% !important;
  }

}
/* ****************************
MEETING HUB --> SCAN TAB
******************************* */
/* INTRO */
.ScanContactScanTab .x-container[style="padding: 10px 20px;
"] .x-innerhtml.font16.bold {
  color: #fac943;
  font-size: 1.2em !important;
  padding: 24px 0 0 8px !important;
  text-align: left !important;
}
.ScanContactScanTab .x-container[style="padding: 10px 20px;
"] + .x-container {
  box-shadow: 0 12px 32px -8px #e0d7f3;
  padding: 8px 24px 32px 28px !important;
  margin-bottom: 0 !important;
}
/* NEXT SECTION */
.ScanContactScanTab .x-container[style="padding: 10px 20px;
"] + .x-container + .x-container[style="width: 100% !important;
"] {
  background: #f0eff5;
  padding: 16px 16px 32px 16px;
}
/* LHS button */
.ScanContactScanTab .x-container[style="padding: 10px 20px;
"] + .x-container + .x-container[style="width: 100% !important;
"] .x-button {
  margin: -30px -8px 0 -8px !important;
  border-radius: 12px;
  padding: 16px !important;
  height: auto;
}
/* QR code */
.ScanContactScanTab .x-container[style="padding: 10px 20px;
"] + .x-container + .x-container[style="width: 100% !important;
"] img {
  width: 90%;
  border-radius: 16px;
  margin: -12px -8px 8px 8px;
  max-width: 240px !important
}
/* SHARED CONTACT INFO SECTION */
.ScanContactScanTab .meetingHubCurrentItemIndicator {
  border: none;
  border-top: 1px solid #e0d7f3;
  margin: 0 0 -36px 0 !important;
}
.ScanContactScanTab .meetingHubCurrentItemIndicator > div * {
  font-size: 1.1em;
  color: #fac943 !important;
  padding: 4px 0 !important;
}
/* Your card area */
.ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized {
  padding-bottom: 24px;
}
/* Your card */
.ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized > .x-inner {
  padding: 16px 8px 8px 16px;
  border-radius: 16px;
  border: 1px solid #e0d7f3;
  background: #fff;
  margin-top: 16px;
}
.ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized > .x-inner .avatar {
  border-radius: 500px;
  width: 64px;
  height: 64px;
  background-size: 64px !important
}
.ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized > .x-inner .contactName {
  margin: 8px 0 4px 0;
}
/* Email */
.ScanContactScanTab .meeingHubContactDetailsTable {
  margin-top: -2px;
  margin-left: 68px;
}
.ScanContactScanTab .meeingHubContactDetailsTable i, .ScanContactScanTab .meeingHubContactDetailsTable .font14 {
  font-weight: normal !important;
  color: #000 !important;
}
/* IPAD  */
@media screen and (min-width: 768px) {
  /* Top panel */
  .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "], .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "] + .x-container {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  /* Intro headline */
  .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "] .x-innerhtml.font16.bold {
    padding-left: 0 !important;
    padding-top: 32px !important
  }
  /* NEXT SECTION */
  .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "] + .x-container + .x-container[style="width: 100% !important;
  "] {
    padding-left: 15%;
    padding-right: 15%;
  }
  /* "Scan me" header */
  .ScanContactScanTab .x-container[style="width: 50% !important;
  "] .font16.textCenter {
    width: 240px;
  }
  /* Your card area */
  .ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }

}
/* END IPAD  */
/* DESKTOP */
@media screen and (min-width: 1024px) {
  /* Top panel */
  .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "], .ScanContactScanTab .x-container[style="padding: 10px 20px;
  "] + .x-container {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }
  /* Your card area */
  .ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized {
    padding-left: 25% !important;
    padding-right: 25% !important;
  }

}
/* *****************************************************
EXPORT TABS ACROSS ENTIRE APP
******************************************************** */
.ScanContactExportTab, .eventNotesExportTab, .sessionNotesDetail .x-tabbar + .x-dock-body {
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, #fff 100%);
  width: 100% !important
}
/* .exhibitorCard .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item */

.sessionNotesDetailExportTab, .sessionNotesDetailNotesTab, .sessionNotesDetailNotesTab .x-field-textarea {
  background: none !important
}
/* Create card effect around content */
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"], .eventNotesExportTab .x-inner[style="transform: translate3d(0px, 0px, 0px);
"], .sessionNotesDetail .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"], #ext-meetingNotes-1 .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item {
  background: #fff;
  width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 48px;
  border-radius: 16px;
  box-shadow: 0 8px 32px #e0d7f3;
  min-height: 100px;
  padding-bottom: 24px;
  max-width: 600px !important;
  height: auto;
  max-height: 450px;
  min-width: 240px !important;
  position: relative;
}
/* Text */
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"] > .x-container, .eventNotesExportTab .x-inner[style="transform: translate3d(0px, 0px, 0px);
"] .font16, .exhibitorCard .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"] .font16, .sessionNotesDetail .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"] .font16, #ext-meetingNotes-1 .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"] .font16 {
  padding: 24px;
  text-align: center;
  line-height: 1.4em;
  color: #666;
  font-size: 0.95em
}
/* Insert huge email emoji icon */
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"] > .x-container: nth-child(1): : before, .eventNotesExportTab .x-inner[style="transform: translate3d(0px, 0px, 0px);
"]  .x-panel-inner: : before, .sessionNotesDetail .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"]: : before, #ext-meetingNotes-1 .x-tabbar + .x-dock-body .x-inner .x-container + .x-container.x-layout-card-item .x-inner[style="transform: translate3d(0px, 0px, 0px);
"]: : before {
  content: '📩';
  font-size: 7em;
  line-height: 1.8em;
  margin-bottom: -0.2em;
  display: inline-block;
  text-align: center;
  width: 100%;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Button */
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"] > .x-container + .x-container {
  padding-top: 0;
}
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"] > .x-container + .x-container .x-button {
  padding: 4px 24px;
}
.ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
"] > .x-container + .x-container .buttonLabel: : after {
  content: ' contacts';
}
.eventNotesExportTab .nicButtonLabel: : after {
  content: ' notes';
}
@media screen and (min-width: 768px) {
  .ScanContactExportTab .x-inner.x-vertical[style="padding: 15px !important;
  "] {
    max-width: 600px !important;
    margin: 80px auto 0 auto;
  }

}
/* ************************************************************************************
My Agenda & Session survey list
************************************************************************************ */
.myAgendaList, .sessionSurveyList {
  background: #f0eff5 !important;
  padding: 0 16px;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .myAgendaList, .sessionSurveyList {
    padding: 0 15% !important;
  }
  .agendaColoredPostContainer {
    margin-left: 15%;
    margin-right: 15%
  }

}
/* END IPAD */
.myAgendaList .x-list-header, .sessionSurveyList .x-list-header {
  background: none !important
}
.myAgendaList .x-list-header .x-innerhtml, .sessionSurveyList .x-list-header .x-innerhtml {
  font-size: 0.85em !important;
  border: none;
  color: #fac943;
  padding: 24px 0 12px 0;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px !important;
}
.myAgendaList .x-list-item.myagenda, .sessionSurveyList .x-list-item.sessionSurvey {
  background: #fff;
  border-radius: 8px;
  border: none;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .myAgendaList .x-list-item.myagenda {
    margin-bottom: 8px;
    border-radius: 16px !important;
  }
  .myAgendaList .x-list-item.myagenda .agendaColoredPostContainer {
    border-radius: 16px !important;
    margin: -16px !important;
  }

}
.x-list.myAgendaList .x-list-item.myagenda.x-item-pressed.x-list-item-tpl, .x-list.sessionSurveyList .x-list-item.sessionSurvey.x-item-pressed.x-list-item-tpl {
  background: rgba(0, 0, 0, 0.05) !important
}
.myAgendaList .x-list-item.myagenda.x-item-selected.x-innerhtml, .myAgendaList .x-list-item.sessionSurvey.x-item-selected .x-innerhtml {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 8px
}
.myAgendaList .x-list-item.myagenda .x-innerhtml, .sessionSurveyList .x-list-item.sessionSurvey .x-innerhtml {
  padding: 16px !important
}
.myAgendaList .x-list-item.myagenda .agendaDates {
  font-size: 0.8em
}
.myAgendaList .x-list-item.myagenda .agendaDates h3 {
  font-weight: bold !important
}
.myAgendaList .x-list-item.myagenda .agendaDates h3 + h3 {
  font-weight: normal !important
}
.myAgendaList .x-list-item.myagenda .myAgendaDivider {
  margin-left: 64px;
  margin-top: -12px !important;
  height: 80%;
  opacity: 0.5;
}
.myAgendaList .x-list-item.myagenda .myAgendaListContent {
  margin-left: 82px
}
.myAgendaList .x-list-item.myagenda h3.agendaHeading {
  font-size: 0.85em;
}
.myAgendaList .x-list-item.myagenda h3.agendaHeading + h3, .sessionSurvey h3, .sessionSurvey h4 {
  font-size: 0.85em
}
.sessionSurvey .agendaHeading {
  margin-left: 0 !important
}
.sessionSurvey h3, .sessionSurvey h4 {
  opacity: 0.7;
  display: inline-block
}
.sessionSurvey h4 + h3 {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #aaa
}
/* Hide pin icon */
.myAgendaList .x-list-item.myagenda h3.agendaHeading + h3 i, .sessionSurvey h4 i, .sessionSurvey h3 i {
  display: none
}
.myAgendaList .x-list-item.myagenda h4 {
  display: none !important
}
/* Fave star */
.myAgendaList .x-list-item.myagenda .fa-star {
  float: none;
  display: inline;
  margin: 0 0 -4px 8px !important;
  font-size: 1.2em !important
}
/* Main area */
.myAgendaList + .x-container > .x-inner {
  padding: 0;
}
/* Scheduled meeting detail view (inside MyAgenda) */
.myAgendaCard .myAgendaList + .x-container[style="padding: 20px;
"] > .x-inner {
  box-shadow: 0 4px 16px #e0d7f3;
  border-radius: 12px;
  background: white;
  height: auto;
  padding: 24px;
}
.myAgendaList + .x-container > .x-inner .contactName {
  font-size: 1em
}
.myAgendaList + .x-container > .x-inner .contactPosition {
  opacity: 0.5;
  font-size: 0.9em;
  margin-top: 4px
}
.myAgendaList + .x-container > .x-inner .contactOrganization {
  font-size: 0.9em;
  margin-top: 2px
}
.myAgendaList + .x-container > .x-inner .rightArrow {
  color: #fac943
}
.myAgendaList + .x-container > .x-inner .agenda {
  padding-left: 80px
}
.myAgendaList + .x-container > .x-inner .agenda i {
  display: none
}
.myAgendaList + .x-container > .x-inner .agenda h4 {
  display: inline-block;
}
.myAgendaCard .myAgendaList + .x-container[style="padding: 20px;
"] {
  padding-top: 24px !important;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 50%, #fff 100%) !important;
}
/* ************************************************************************************
MyAgenda session details
************************************************************************************ */
.myagendaInfo {
  background: #fac943;
}
.myagendaInfo .agendaHeading, .myagendaInfo .agenda .header h3 {
  color: #fff !important;
  padding: 8px 8px 16px 8px !important;
}
/* Date */
.myagendaInfo h4 {
  font-size: 1em;
  color: #fff !important;
  /* display: inline;
  */
  opacity: 0.75;
  padding: 0 8px 0 12px !important
}
/* Time */
.myagendaInfo h4 + h4 {
  /*   padding-left: 8px !important;
  border-left: 1px solid #fff;
  */
}
/*Track (optional) */
.myagendaInfo .tracksInfo > div h4 {
  display: none !important
}
.myagendaInfo .tracksInfo .trackHeading {
  border: none;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85em;
  margin: 16px 0 0 12px;
  padding: 4px 8px 2px 8px
}
.myagendaInfo .x-innerhtml {
  padding-bottom: 0
}
/* Hide calendar & clock icons */
.myagendaInfo .header h4 i {
  display: none
}
.myagendaInfo .inlineToolWrapper {
  background: #fff;
  padding: 16px
}
.myagendaInfo .inlineToolWrapper * {
  color: #fac943 !important;
}
.myagendaInfo .inlineToolWrapper: active {
  background: #f0eff5
}
/* FAVE BUTTON */
.myagendaInfo .agenda .marginTop10, .x-container[style="margin: 15px;
"] + .x-container[style="margin: 0px 15px;
"] div[starbutton="true"] {
  background: #fff;
  width: auto !important;
  display: block;
  max-width: 260px;
  padding: 12px 24px;
  border-radius: 100px;
  border: none;
  margin: 24px 12px 12px 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.33);
}
.myagendaInfo .agenda .marginTop10: active, .x-container[style="margin: 15px;
"] + .x-container[style="margin: 0px 15px;
"] div[starbutton="true"]: active {
  box-shadow: none;
  opacity: 0.5
}
.myagendaInfo .agenda .marginTop10 .font17, .x-container[style="margin: 15px;
"] + .x-container[style="margin: 0px 15px;
"] div[starbutton="true"] .font17 {
  font-size: 1.1em;
  font-weight: bold !important;
  color: #fac943
}
.myagendaInfo .agenda .marginTop10 .fa, .myagendaInfo .agenda .marginTop10 .far, .x-container[style="margin: 15px;
"] + .x-container[style="margin: 0px 15px;
"] div[starbutton="true"] .fa, .x-container[style="margin: 15px;
"] + .x-container[style="margin: 0px 15px;
"] div[starbutton="true"] .far {
  color: #ffc700 !important;
  padding-right: 4px;
}
/* Gap between track pills and ticket/table info */
.agenda .header .tracksInfo + h4 {
  margin-top: 16px
}
/* Wrap time below date inside scheduled meeting cards */
.myAgendaList + .x-container[style="padding: 20px;
"] .agenda h4 + h4 {
  display: block
}
/* Push "Add to favorites" button down a bit */
.header + div[starbutton="true"] {
  margin-top: 16px
}
/* Move up overview text below Notes action link (on its own below header block) */
.myagendaInfo .marginTop10 + .inlineToolWrapper + .sectionTitle {
  margin-top: 0px
}
/* Speaker cards */
.myagendaInfo + .x-list .sessionspeaker .attendeeInfo {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 16px;
  border-radius: 12px;
  margin: 0px 4px 4px 4px;
}
.myagendaInfo + .x-list .sessionspeaker .attendeeInfo .attendeeHeading + h4 {
  margin-top: 4px;
  opacity: 1;
}
.myagendaInfo + .x-list .sessionspeaker .attendeeInfo h4 {
  font-size: 0.75em;
  opacity: 0.7;
}
/* PLANE BOOKING DETAIL VIEW */
.myagendaInfo .header .sectionTitle {
  background: #fff;
  display: block;
  margin: 0 -16px 0 -16px !important;
  padding: 24px;
  opacity: 1;
  color: #000 !important
}
.myagendaInfo .header .sectionTitle + h4, .myagendaInfo .header .sectionTitle + h4 + h4, .myagendaInfo .header .sectionTitle + p.font14 {
  background: #fff;
  display: block;
  margin: -24px -16px 0 -16px;
  padding: 0px 8px 24px 24px !important;
  opacity: 1;
  color: #000 !important
}
.myagendaInfo .header .sectionTitle + h4 + h4 {
  margin-top: -24px
}
.myagendaInfo .header h4 + .sectionTitle {
  padding-top: 24px !important;
  margin-top: -4px !important
}
.myagendaInfo .header p.font14 + .sectionTitle, .myagendaInfo .header .sectionTitle + h4 + .sectionTitle, .myagendaInfo .header .sectionTitle + h4 + h4 + .sectionTitle {
  margin-top: -24px !important
}
.myAgendaCard .myagendaInfo .agenda .header : not(: first-child) {
  background: #fff !important;
  margin-left: -16px;
  margin-right: -16px;
  opacity: 1;
  color: #000 !important;
  padding-left: 24px !important;
  padding-right: 24px !important
}
/* Move faves btn off LHS Of top purple section */
.agenda .header h4 + .marginTop10 {
  margin: 16px 0 24px 4px !important
}
/* Fix above margin for hotel itinerary block */
.myagendaInfo .header h4 + h4 + h4 + h4 + .sectionTitle {
  margin-top: 24px
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  .myagendaInfo .header .agendaHeading + .sectionTitle {
    border-radius: 16px
  }

}
/* END IPAD */
/* HOTEL BOOKING DETAIL VIEW */
.myagendaInfo h4 i.fa-sign-out-alt, .myagendaInfo h4 i.fa-ticket-alt, .myagendaInfo h4 i.fa-money-bill-alt, .myagendaInfo h4 i.fa-user {
  display: inline-block;
  color: #fff !important;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 4px;
  margin-right: 8px
}
/* Undo white BG applied for flight details page */
.myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4 + h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4 + h4 + h4, .myAgendaCard .myagendaInfo .agenda .header h3 + h4: not(: first-child), .myAgendaCard .myagendaInfo .agenda .header h3 + h4 + h4: not(: first-child), .myAgendaCard .myagendaInfo .agenda .header h3 + h4 + h4 + h4: not(: first-child) {
  background: none !important;
  color: #fff !important;
  padding-bottom: 16px !important;
  margin-top: -14px;
}
.myagendaInfo h4 + .sectionTitle, .myagendaInfo h4 + .sectionTitle + p.font14 {
  background: #fff;
  display: block;
  margin: 24px -16px 0 -16px;
  padding: 24px
}
.myagendaInfo h4 + .sectionTitle + p.font14 {
  margin-top: -36px
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  .myagendaInfo .header h4 + .sectionTitle {
    border-radius: 16px 16px 0 0
  }
  .myagendaInfo .header h4 + .sectionTitle + p.font14 {
    border-radius: 0 0 16px 16px;
  }
  .myagendaInfo .header {
    padding-bottom: 48px
  }
  /* reverse above padding for inline actions list */
  .myagendaInfo .header .inlineToolWrapper {
    margin-bottom: -48px
  }
  /* Limit width of scheduled meeting cards */
  .myAgendaList + .x-container[style="padding: 20px;
  "] {
    padding-left: 25% !important;
    padding-right: 25% !important
  }

}
/* END IPAD */
/* WEIRD PADDING AROUND HEADER FOR "ANNUAL AWARD CEREMONY" IN AT23 DEV */
.x-container [style="margin: 15px;
"] .sessionInfoItem {
  margin: -15px;
  padding: 16px;
}
.x-container [style="margin: 15px;
"] .sessionInfoItem .agendaHeading {
  margin-bottom: 16px;
}
.x-container[style="margin: 15px;
"] .sessionInfoItem h4 {
  font-size: 0.8em
}
/* MEETING DETAIL VIEW VIA MYAGENDA */
.myagendaInfo .agenda .avatar {
  width: 80px;
  height: 80px;
  background-size: 80px;
  box-shadow: 0 4px 8px #fac943;
}
.myagendaInfo .agenda .avatar + .attendeeHeading {
  color: #fff !important;
  padding-top: 20px !important;
  display: inline-block
}
.myagendaInfo .agenda h4.meetingType {
  opacity: 1;
  width: auto;
  display: inline-block;
  padding: 4px 12px !important;
  margin: 8px 0 24px 30px;
  color: #000 !important;
  font-size: 0.9em
}
/* Icons for meeting date & time */
.myagendaInfo .agenda div[style="min-height: 100px"] +h4 i, .myagendaInfo .agenda div[style="min-height: 100px"] +h4 +h4 i {
  color: #fff !important
}
/* Align e.g. "attendee request" badge to icons above */
.myagendaInfo .agenda div[style="min-height: 100px"] +h4 +h4 +.meetingType {
  margin-left: 12px;
}
/* PRESENTATION (???) HEADER BLOCK TWEAKS */
.myagendaInfo .agenda .header h3 {
  color: #fff !important;
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 12px
}
.myagendaInfo .agenda .header .marginTop10 + .sectionTitle {
  background: #fff;
  display: block;
  margin: 24px -16px 0 -16px;
  padding: 24px;
  opacity: 1;
  color: #000 !important
}
.myagendaInfo .agenda .header .marginTop10 + .sectionTitle + p.font14 {
  background: #fff;
  display: block;
  margin: -24px -16px 0 -16px;
  padding: 24px
}
/* FUNCTION DETAIL VIEW VIA MYAGENDA */
.myagendaInfo .agenda .header i.fa-money-bill-alt {
  font-weight: bold !important
}
/* FIX WHITE SUBCONTENT BG IN HDR FOR CEO DINNER - AT 23 DEV */
.myAgendaCard .myagendaInfo .agenda .header .tracksInfo {
  background: none !important;
  margin-top: -16px;
  margin-left: -8px;
}
.myAgendaCard .myagendaInfo .agenda .header .tracksInfo *, .myAgendaCard .myagendaInfo .agenda .header .tracksInfo + h4, .myAgendaCard .myagendaInfo .agenda .header .tracksInfo + h4 + h4, .myAgendaCard .myagendaInfo .agenda .header .tracksInfo + h4 + h4 + h4 {
  background: none !important;
  color: #fff !important;
}
.myAgendaCard .myagendaInfo .agenda .header .trackHeading {
  background: #fff !important;
  color: #fac943 !important;
  padding: 4px 8px !important;
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  .myagendaInfo {
    padding-left: 15%;
    padding-right: 15%
  }
  .myagendaInfo > .x-inner > .x-innerhtml {
    padding-left: 0
  }
  .myagendaInfo .inlineToolWrapper {
    margin-left: -22%;
    margin-right: -25%;
    padding-left: 23% !important;
    padding-right: 25% !important
  }
  .myagendaInfo .agenda .header .marginTop10 + .sectionTitle {
    border-radius: 16px 16px 0 0
  }
  .myagendaInfo .agenda .header p.font14 {
    border-radius: 0 0 16px 16px;
  }
  .myagendaInfo .agenda .header .sectionTitle, .myagendaInfo .agenda .header p.font14, .myagendaInfo .agenda .header .sectionTitle + h4, .myagendaInfo .agenda .header .sectionTitle + h4 + h4, .myagendaInfo .agenda .header .sectionTitle + h4 + h4 + h4 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
  .myagendaInfo .agenda .header .sectionTitle + h4 + h4 + h4 + .sectionTitle {
    border-radius: 0;
  }

}
/* END IPAD+ */
/* ************************************************************************************
Session survey
************************************************************************************ */
/* Intro card */
.sessionSurveyInfo {
  background: #fac943
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .sessionSurveyInfo {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 32px
  }

}
/* END IPAD AND DESKTOP */
.sessionSurveyInfo * {
  color: #fff !important
}
.sessionSurveyInfo h3 {
  font-weight: bold;
  margin-bottom: 12px
}
.sessionSurveyInfo i {
  display: none
}
.sessionSurveyInfo h4 {
  opacity: 0.6;
  display: inline-block
}
.sessionSurveyInfo h4 + h4 {
  padding-left: 8px;
  border-left: 1px solid #fff;
  margin-left: 8px
}
/* Question area */
.sessionSurveyInfo + .x-form {
  padding: 24px;
  margin: 0 !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .sessionSurveyInfo + .x-form {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 48px
  }

}
/* END IPAD AND DESKTOP */
/* Heading */
.sessionSurveyInfo + .x-form h4[style="font-weight: bold;
font-size: 20px;
margin-bottom: 10px"] {
  color: #fac943;
  font-size: 1.6em !important;
}
.sessionSurveyInfo + .x-form h4 + p {
  margin: 8px 0
}
/* Each question/answer combo */
.sessionSurveyInfo + .x-form .x-form-fieldset {
  margin-top: 32px !important
}
/* Questions */
.sessionSurveyInfo + .x-form .x-label {
  margin-bottom: 8px !important
}
/* Captions */
.sessionSurveyInfo + .x-form .x-label + .x-label .x-innerhtml {
  font-size: 0.9em;
  color: #999;
  line-height: 1.2em;
  margin-bottom: 12px !important;
}
.sessionSurveyInfo + .x-form .x-form-label: active * {
  color: #fac943 !important
}
/* Responses */
.sessionSurveyInfo + .x-form .x-field-checkbox: : before {
  border: none
}
.sessionSurveyInfo + .x-form .fas, .sessionSurveyInfo + .x-form .fa {
  color: #fac943 !important
}
.sessionSurveyInfo + .x-form .x-form-label {
  padding: 12px 0
}
.sessionSurveyInfo + .x-form .fa-stack-1x {
  font-size: 0.8em !important;
  font-weight: bold
}
.sessionSurveyInfo + .x-form h4.alphaLabel {
  display: inline-block;
  margin-left: 0
}
.sessionSurveyInfo + .x-form .x-img img {
  max-height: 480px;
  width: auto;
}
.sessionSurveyInfo + .x-form .nicButtonMajor {
  width: 100%
}
.sessionSurveyInfo + .x-form .nicButtonMinor {
  margin-right: 16px;
  width: 100%
}
/* ************************************************************************************
Contact details
************************************************************************************ */
/* SIMPLE CARD --> NO CONTACT DETAILS SHOWN BELOW */
.attendeeInfo > .x-inner {
  padding: 48px;
  background: #f0eff5;
  background: linear-gradient(180deg, #f0eff5 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.attendeeInfo > .x-inner > .x-innerhtml {
  background: #fff;
  padding: 24px 24px 36px 24px;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.attendeeInfo > .x-inner > .x-innerhtml .attendeeHeading {
  margin-bottom: 8px;
  display: inline-block
}
.attendeeInfo > .x-inner > .x-innerhtml h4 {
  opacity: 0.6
}
.greenBackground {
  background: #fac943 !important
}
.greenColor {
  color: #fac943 !important
}
/* INTRO DETAILS CARD */
.meetingHubSelectedContact {
  background: #fff;
  box-shadow: 0 0 44px -11px rgba(0, 0, 0, 0.2);
  padding: 24px !important;
  margin-bottom: 8px
}
/* SUBNAV HAMBURGER + CURRENT ICON */
.meetingHubCurrentItemIndicator i {
  color: #fac943 !important
}
/* Current selection */
.meetingHubTabButtonWrapper[style="background: black"] {
  background: #fac943 !important;
}
.meetingHubTabButtonWrapper[style="background: black"] + .meetingHubTabButtonText {
  font-weight: bold !important;
  color: #fac943;
  opacity: 1;
}
/* IPAD  */
@media screen and (min-width: 768px) {
  .meetingHubSelectedContact {
    padding-left: 15% !important;
    padding-right: 15% !important
  }
  /* Only need to reduce width of Personal info view (profile / about / contact details) */
  .meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-inner .x-container: nth-child(4) {
    margin-left: 15% !important;
    width: 70% !important;
    padding: 0 !important
  }

}
/* END IPAD  */
.meetingHubSelectedContact .x-inner {
  float: left
}
.meetingHubSelectedContact .x-inner .x-container {
  float: left
}
.meetingHubSelectedContact .contactName {
  padding: 4px 0 0 8px;
  width: 190px;
  font-size: 1em;
}
.meetingHubSelectedContact .contactOrganization, .meetingHubSelectedContact .contactPosition {
  padding-left: 8px !important;
  font-size: 0.85em !important;
  opacity: 0.7;
  line-height: 1em;
  margin-top: 4px;
  width: 100% !important
}
.meetingHubSelectedContact .connectButton {
  margin-top: -24px;
  margin-right: 0px;
}
.meetingHubSelectedContact .connectButton + .connectButton {
  margin-right: -8px
}
.connectButton: active {
  filter: brightness(0.8)
}
/* CONTACT BUTTONS GRID */
.meetingHubTabButtonsWrapper {
  margin: 0;
  border-bottom: 1px solid #f0eff5;
}
/* Chat messages below contact buttons grid */
.tabButtonsTabPanel .x-container[style="padding: 20px;
height: 100% !important;
"], .tabButtonsTabPanel .chatMessagesPanel .chatMessages {
  padding-bottom: 0 !important
}
.meetingHubTabButtonsWrapper > .x-inner {
  width: 280px;
  margin: auto;
  padding-top: 0;
  padding-bottom: 24px !important;
  /* To hide chat bubbbles below */
}
.meetingHubTabButtonsWrapper .meetingHubTabButtonPanel {
  margin: 8px 10px
}
.meetingHubTabButtonsWrapper .meetingHubTabButtonPanel: active * {
  opacity: 0.9
}
/* CONTACT BUTTONS */
.meetingHubTabButtonWrapper {
  width: 64px;
  height: 64px;
  border-radius: 12px !important;
  margin: 4px;
  background: #fac943 !important;
}
/* Locked options until connected */
/* I have no idea where the #157efb is coming from... noticed in my sandbox event */
.meetingHubTabButtonWrapper[style="background: #fac943;
background-color: #d8d8d8"], .meetingHubTabButtonWrapper[style="background: #157efb;
background-color: #d8d8d8"] {
  opacity: 0.33
}
/* NEW TARGETING for "content unavailable until connected" */
.contactRequiresConnectionPanel {
  border-radius: 16px !important
}
.contactRequiresConnectionPanel .x-innerhtml {
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 0.9em !important;
}
.meetingHubTabButtonText {
  margin-top: 12px;
  font-size: 0.85em;
  opacity: 0.7
}
i.meetingHubTabButtonLocked {
  color: #fff;
  padding: 8px;
  background: #a00;
  border-radius: 100px;
  border: 2px solid #fff;
  font-size: 0.8em;
  margin-top: -50px;
  margin-left: -8px !important
}
/* ******** MEETINGS ******** */
/* Move down & soften "You do not currently have a meeting scheulded" header */
#inlineMeetingHubMeetingRequest, #inlineMeetingHubMeetingRequest .x-form-inner {
  padding-top: 24px !important;
}
.strikeRed {
  color: rgba(0, 0, 0, 0.5) !important
}
/* Hide redundant "Meeting request details" header */
#inlineMeetingHubMeetingRequest .x-innerhtml > div + .sectionTitle {
  display: none
}
/* Inline tag on attendee panel in connections tab */
.meetingHubScheduledMeetingIndicator {
  font-size: 11px;
  font-weight: bold;
  padding: 4px 12px;
  margin-left: 4px
}
.meetingHubScheduledMeetingIndicatorPending {
  background: #fac943 !important;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 12px;
  margin-left: 4px
}
/* Fix vertical alignment of tick / question mark circular overlay pills for meeting icon */
.meetingHubButtonIndicator .x-inner {
  margin-top: -2px !important
}
.meetingHubButtonIndicator {
  margin: -32px 0 0 8px
}
/* Meeting scheduled info header */
#inlineMeetingHubMeetingRequest .sectionTitle, #inlineMeetingHubMeetingRequest .sectionTitleNew {
  padding: 0 !important;
  border: none !important;
  font-size: 1.1em
}
#inlineMeetingHubMeetingRequest .sectionTitleNew {
  color: #fac943 !important;
}
#inlineMeetingHubMeetingRequest .x-form-label span {
  font-size: 0.95em !important;
  margin: 16px 0 4px 0 !important;
  display: inline-block;
  font-weight: bold;
  color: #fac943
}
/* Reverse passing outside bottom action ribbon */
#inlineMeetingHubMeetingRequest .meetingRequestButtonContainer {
  margin: 0 -24px -24px -24px !important
}
/* IPAD */
@media screen and (min-width: 768px) {
  #inlineMeetingHubMeetingRequest {
    margin-left: 20%;
    width: 60%;
  }
  .meetingCard .x-toolbar-inner .x-field-select {
    margin: 0 auto;
    max-width: 500px !important;
  }
  #inlineMeetingHubMeetingRequest .meetingRequestButtonContainer {
    margin: 0 -85% -24px -85% !important;
    padding: 24px 0
  }

}
/* END IPAD */
/* ***** Meeting request action sheet ***** */
/* Add gap between contact card and meeting info */
.x-sheet-action-inner > .toast-window-new-content > .x-inner > .x-container + .x-container {
  padding-top: 24px !important
}
/* Hide redundant "Meeting request details" header */
.x-sheet-action-inner > .toast-window-new-content > .x-inner > .x-container + .x-container .sectionTitleNew {
  display: none
}
/* Date and time bubble */
.meetingHubDateTimeInfo {
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 0.9em;
  margin-top: 4px
}
.meetingHubDateTimeInfo > div: nth-child(1) {
  font-weight: bold
}
/* Hide redundant "Meeting details" header in action sheet */
.x-sheet-action.toast-window-new .sectionTitle {
  display: none
}
/* Remove margin around actions ribbon at bottom */
.x-sheet-action.toast-window-new .meetingRequestButtonContainer {
  margin: 24px -24px 0 -24px !important
}
/* Propose alternate time */
.x-sheet-action.toast-window-new .meetingRequestButtonContainer + .nicButtonMinor {
  padding-top: 24px;
}
.x-sheet-action.toast-window-new .meetingRequestButtonContainer + .nicButtonMinor .nicButtonLabel {
  font-weight: bold
}
.x-sheet-action.toast-window-new .meetingRequestButtonContainer + .nicButtonMinor .nicButtonLabel: : before {
  content: 'Propose '
}
.x-sheet-action.toast-window-new .meetingRequestButtonContainer + .nicButtonMinor .nicButtonLabel: : after {
  content: ' date/time'
}
/* Chat input box */
.meetingHubTabButtonsWrapper + .meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-container.x-unsized.x-has-height {
  padding-top: 0 !important;
}
/* Prevent text overrunning RHS circular arrow button */
.x-input-el.messageArea {
  padding-right: 56px !important
}
/* MAIN CTA BUTTON */
.meetingHubCallButtonContainer {
  background: #f0eff5 !important;
  border: none;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .meetingHubCallButtonContainer {
    padding: 36px !important;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
  /* Reverse added padding to hide chat (only needed for mob) */
  .meetingHubTabButtonsWrapper > .x-inner {
    padding-bottom: 0;
    width: auto
  }

}
/* END IPAD */
.meetingHubCallButtonContainer .font17 {
  font-size: 0.9em;
  color: #fac943;
  width: 100% !important
}
.meetingHubCallButtonContainer .font17: : after {
  content: ": "
}
/* CALLING MODAL */
.callCountdownDisplay {
  margin-top: 16px;
  border-radius: 24px
}
/* HAMBURGER (ACTUALLY BACK NAV) AND INFO / MSG ICON RIBBON */
.meetingHubCurrentItemIndicator {
  margin: 0 !important;
  border: none;
  padding: 16px 0
}
/* TAB BAR BELOW -- ROUND CORNERS BECAUSE NOT FULL BLEED*/
.meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-tabbar-inner {
  padding: 0 24px 2px 24px;
  border-radius: 100px
}
/* Contact details -- CONTACT DETAILS tab available once connected */
.tabButtonsTabPanel .x-dock-body .x-inner .x-container: nth-child(3) .x-scroll-scroller-vertical .x-container .x-innerhtml {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  margin: 48px 5% !important;
  width: 90%;
  padding: 24px;
}
/* position */
.tabButtonsTabPanel .x-dock-body .x-inner .x-container: nth-child(3) .x-scroll-scroller-vertical .x-container .x-innerhtml .contactPosition {
  margin: 8px 0 4px 0;
  opacity: 0.5
}
/* Email and social */
.meeingHubContactDetailsTable {
  margin: 16px 0 0 -4px
}
/* Email */
.meeingHubContactDetailsTable a .font14 {
  font-weight: bold;
  color: #fac943 !important;
  margin-top: -22px
}
/* Social icons */
.meeingHubContactDetailsTable a {
  margin-left: -32px
}
.meeingHubContactDetailsTable a + a {
  margin-left: -8px
}
.meeingHubContactDetailsTable a i {
  font-size: 48px !important
}
/* CONTACT DETAILS -- NOTES (ONCE CONNECTED) */
.meetingHubNotesTab .x-tabbar-inner {
  background: none !important
}
/* IPAD */
@media screen and (min-width: 768px) {
  /* Lock icon (before connection made) */
  .tabButtonsTabPanel .x-dock-body .x-inner .x-container: nth-child(3) .x-scroll-scroller-vertical .x-container .x-innerhtml i.fa-lock-alt {
    margin-right: 48px !important;
  }
  /* Contact details tab "business card" available once connected */
  .tabButtonsTabPanel .x-dock-body .x-inner .x-container: nth-child(3) .x-scroll-scroller-vertical .x-container .x-innerhtml {
    width: 60%;
    margin: 48px 20% !important;
  }
  /* Chat stream */
  .tabButtonsTabPanel .chatMessagesPanel {
    padding: 0 !important
  }
  /* Restore width of notes text area input */
  .meetingHubNotesTab .x-dock-body {
    padding: 0 !important;
  }

}
/* END IPAD */
/* ************************************************************************************
Settings
************************************************************************************ */
/* Main wrapper */
.attendeeAppConsent > .x-dock > .x-dock-body .x-container.x-layout-box-item.x-stretched {
  margin: 0 !important;
  padding: 24px;
  background: #f0eff5
}
/* Header */
.attendeeAppConsent .x-container.x-unsized > .x-inner > .x-innerhtml.font16 {
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #fac943;
}
/* Section headers */
.attendeeAppConsent > .x-dock > .x-dock-body .sectionTitleNew {
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 1px !important;
  padding: 0;
  border: none;
  font-weight: bold;
  margin: 32px 0 8px 0;
  color: #fac943 !important;
}
.attendeeAppConsent .attendeeInfo {
  padding: 0!important;
}
.attendeeAppConsent .attendeeInfo .x-inner {
  background: none;
  padding: 0
}
.attendeeAppConsent .bottomSeparator {
  border: none;
  padding: 0 !important
}
.attendeeAppConsent .attendeeInfo .x-innerhtml {
  padding: 16px;
  box-shadow: 0 4px 10px #e0d7f3;
}
.attendeeAppConsent .attendeeInfo .avatarIcon {
  width: 48px;
  height: 48px;
  background-size: 48px;
  margin-bottom: 32px;
}
.attendeeAppConsent .attendeeInfo .initialsIcon {
  width: 48px;
  height: 48px;
  padding-top: 12px
}
.attendeeAppConsent .attendeeInfo .initialsIcon span {
  font-size: 0.7em
}
.attendeeAppConsent .attendeeInfo .attendeeHeading {
  font-size: 0.9em;
  margin: 0 0 2px 0 !important
}
.attendeeAppConsent .attendeeInfo h4 {
  font-size: 0.85em;
  margin-top: 2px
}
.attendeeAppConsent .attendeeInfo h4 + h4 {
  opacity: 1 !important
}
/* Checkbox circles to right of name badge panels */
.attendeeAppConsent .attendeeInfo + .x-field-radio {
  padding: 24px 0 0 0 !important;
  width: 24px;
}
.attendeeAppConsent .attendeeInfo + .x-field-radio .x-field-input {
  background: none !important
}
.attendeeAppConsent .attendeeInfo + .x-field-radio .x-input-radio {
  padding: 0 !important
}
.attendeeAppConsent .attendeeInfo + .x-field-radio .x-field-mask {
  width: 48px !important
}
.styledRadios .x-input-checkbox: checked+.x-field-mask: : after, .styledRadios .x-input-radio: checked+.x-field-mask: : after {
  color: #fac943;
  border-color: #fac943;
}
.x-toggle-on, .x-toggle-on: before {
  background: #fac943 !important;
  border-color: #fac943 !important
}
/* Explanation paragraphs */
.attendeeAppConsent .font12.italic {
  font-style: normal;
  line-height: 1.4em;
  padding-bottom: 8px
}
/* Shared contact details panels */
.attendeeAppConsent .x-field-checkbox {
  padding: 10px 0 0 16px !important;
  margin-bottom: 2px;
  border-radius: 8px
}
.attendeeAppConsent .x-field-checkbox.disabled {
  opacity: 25%
}
.attendeeAppConsent .x-field-checkbox .narrowCheckboxLabel > span {
  font-size: 0.9em
}
/* Row of social media icons */
.attendeeAppConsent .x-field-checkbox + .x-unsized.x-panel .x-innerhtml {
  margin-top: 16px
}
.attendeeAppConsent .x-field-checkbox + .x-unsized.x-panel .x-innerhtml .unstyledIcons {
  margin-right: 8px
}
/* Fade social icons that haven't been setup yet */
.attendeeAppConsent .x-field-checkbox + .x-unsized.x-panel .x-innerhtml .unstyledIcons i[style="color: ;
font-size: 30px;
margin-right: 10px;
margin-bottom: 10px"] {
  opacity: 0.2 !important
}
/* YOUR BIO */
.attendeeAppConsent .x-field-checkbox + .x-container + .x-container > .x-inner > .x-container {
  padding: 0
}
.attendeeAppConsent .x-input-el {
  font-size: 0.85em !important
}
.attendeeAppConsent .x-input-el: focus {
  background: #fff !important;
  border-radius: 12px !important;
}
.attendeeAppConsent .x-field-focused .x-field-input {
  border-color: #fac943 !important
}
/* DO NOT DISTURB */
.attendeeAppConsent .x-field-textarea + .x-container > .x-inner > .x-container {
  padding: 48px 0 0 0 !important
}
.attendeeAppConsent .x-field-textarea + .x-container > .x-inner > .x-container + .x-toggle-field {
  margin-top: -16px !important
}
.socialMediaFormField {
  padding-bottom: 8px !important
}
.socialMediaFormField .x-component-outer {
  background: #fff;
  border-radius: 8px;
}
.socialMediaFormField .x-component-outer: focus {
  border: 1px solid #fac943;
}
.socialMediaFormField .x-field-input {
  background: none !important;
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  /* Main wrapper */
  .attendeeAppConsent > .x-dock > .x-dock-body .x-navigationview-inner > .x-container.x-layout-box-item.x-stretched {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }

}
/* END IPAD AND DESKTOP */
/* ******************************************
MEETINGS LIST
****************************************** */
#ext-meetings-1 .meetingStatusColor {
  width: 8px;
  border-radius: 8px;
  margin-left: -16px;
  display: inline-block;
}
/* ************************************************************************************
GAMIFICATION
************************************************************************************ */
/* *************** WIN POINTS ************ */
.myScore {
  background: #fff !important;
  margin: 24px;
  height: 324px !important;
  border-radius: 24px;
  /* box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15);
  */
}
/* Labels inside circles */
.myScore .progressbar-text {
  color: #fac943 !important;
  font-weight: bold;
  margin-top: 10px !important;
  white-space: nowrap;
}
.myScore .progressLabel {
  font-weight: normal;
  font-size: 0.4em;
  letter-spacing: 2px !important;
  margin-top: 0
}
/* Circle keylines */
.myScore #pointsProgress, .myScore #goalsProgress, .myScore #ticketsContainer #tickets {
  width: 140px;
  margin-bottom: 40px;
}
.myScore #pointsProgress svg path, .myScore #goalsProgress svg path, .myScore #tickets svg path, .myScore #coinsToSpend svg path {
  stroke: #ddd;
  stroke-width: 1px
}
.myScore #pointsProgress svg path + path, .myScore #goalsProgress svg path + path, .myScore #tickets svg path + path, .myScore #coinsToSpend svg path + path {
  stroke: #fac943;
  stroke-width: 4px
}
/* Sub labels */
.myScore .progressBottomLabel {
  font-size: 0.8em;
  padding-top: 8px;
  font-weight: bold;
}
/* Hide redundant (duplicate) "TICKETS" caption below circle */
.myScore #ticketsContainer #tickets + .progressBottomLabel {
  display: none
}
/* Rank progress bar line */
#ranking {
  margin: 8px 0 -8px 0;
}
#ranking svg path {
  stroke: #ddd;
}
#ranking svg path + path {
  stroke: #fac943;
}
.myScore #nextRank, .myScore #previousRank {
  font-weight: bold;
  font-size: 0.8em
}
/* Top 10 headers */
.myScore + .x-container .sectionTitleNew {
  font-size: 1.2em;
  text-align: center !important;
  width: 100%;
  font-weight: normal;
  border: none;
  color: #fac943 !important;
  margin-top: 8px !important;
}
.myScore + .x-container .sectionTitleNew: : before {
  content: ' \1F3C6 ';
  font-size: 1.3em;
  margin-right: 8px
}
.myScore + .x-container .sectionTitleNew: : after {
  content: ' point scorers'
}
/* TOP 10 CARDS */
.x-list-item.gamificationLeaders {
  padding: 4px 0 8px 0 !important;
  margin-top: 4px !important
}
.x-list-item.gamificationLeaders span + h4 {
  opacity: 0.5
}
.x-list-item.gamificationLeaders .attendeeHeading {
  padding-top: 6px !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .myScore {
    margin: 5% 15%;
    padding: 24px 0 !important;
    border-radius: 32px;
  }
  .myScore + .x-container .sectionTitleNew {
    font-size: 1.5em;
  }
  #nextgenmobile-view-gamification-leaderslistpullrefresh-1 + .x-container .x-scroll-container {
    padding: 0 25% !important;
    width: 50% !important
  }
  #nextgenmobile-view-gamification-prizelistpullrefresh-1 + .x-container .x-scroll-container {
    padding: 0 15% !important;
    width: 70% !important
  }
  .x-list-item.gamificationLeaders {
    padding: 8px 8px 12px 8px !important;
    border-radius: 16px !important;
    margin-top: 24px !important
  }
  .x-list-item.gamificationLeaders + .x-list-item.gamificationLeaders {
    margin-top: 8px !important
  }

}
/* END IPAD AND DESKTOP */
.x-list-emptytext > .x-innerhtml {
  font-size: 0.9em;
  background: #e0d7f3;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 8px;
  border-radius: 100px;
  color: #fac943;
  opacity: 0.7
}
.x-list-emptytext .newPostContainer {
  margin: 0;
  min-width: 280px
}
/* *************** GOALS ************ */
/* GOAL LIST */
#ext-gamifications-1 {
  background: #f0eff5;
}
#nextgenmobile-view-gamification-listpullrefresh-1 + .x-container .x-scroll-scroller-vertical {
  padding-top: 16px
}
/* Goal list item */
.x-list-item.gamification {
  padding: 8px 0 !important;
  margin-bottom: 8px !important
}
/* Goal icon LHS */
.x-list-item.gamification .x-innerhtml >div >i.fal {
  color: #fac943 !important
}
/* List item RHS text */
.x-list-item.gamification .x-innerhtml > div: nth-of-type(2) {
  padding: 0 8px 0 0
}
.x-list-item.gamification h4 {
  font-size: 0.8em;
}
/* Show points as a "pill" */
.x-list-item.gamification h4 + h4 {
  font-size: 0.6em;
  letter-spacing: 1px !important;
  color: #666;
  background: #eee;
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px 1px 6px;
  margin-top: 12px !important;
}
/* GOAL DETAILS VIEW */
.gamificationInfo .gamificationHeader {
  background: #fac943 !important;
  margin-bottom: 64px;
}
.gamificationInfo .gamificationHeader h4 {
  color: #fff !important;
  font-weight: bold;
  font-size: 1.8em !important
}
/* Points */
.gamificationInfo .gamificationHeader h4 + h4 {
  font-weight: normal;
  font-size: 1em !important;
  letter-spacing: 2px !important;
  padding: 8px 16px;
  margin: 16px;
  background: #fff;
  display: inline-block;
  border-radius: 8px;
  color: #fac943 !important;
}
.gamificationInfo .gamificationHeader h4 + h4: : before {
  content: '\1F389 ';
  margin-right: 8px
}
/* Mega icon */
.gamificationInfo .gamificationHeader + i {
  font-size: 8em !important;
  margin-left: 0 !important;
  box-shadow: 0 11px 99px #e0d7f3;
  width: 2em;
  height: 2em;
  padding-top: 0.5em
}
.gamificationInfo .gamificationHeader + i: : before {
  color: #fac943 !important;
}
/* Label */
.gamificationInfo .x-innerhtml div + div {
  text-align: center !important;
  font-size: 1em;
  padding: 0;
  margin-top: 48px !important
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .gamificationInfo .gamificationHeader {
    margin-bottom: 96px
  }
  #nextgenmobile-view-gamification-listpullrefresh-1 + .x-container .x-scroll-scroller-vertical {
    padding: 48px 15%
  }
  .x-list-item.gamification {
    padding: 16px 8px 0 8px !important;
    margin-bottom: 8px !important
  }
  .gamificationInfo .x-innerhtml div + div {
    font-size: 1.4em;
    margin-top: 64px !important
  }

}
/* END IPAD AND DESKTOP */
/* ********* BADGES **************** */
/* BADGE LIST VIEW */
.gamificationBadge .x-scroll-view {
  padding-top: 24px;
}
.gamificationBadgeItem {
  padding: 0 !important;
  margin: 8px;
  box-shadow: 0 4px 16px #e0d7f3;
  border-radius: 8px;
  width: 150px
}
/* Colour blocks */
.gamificationBadgeItem .badgeItem {
  width: 100%
}
.gamificationBadgeItem .iconBadgeItem {
  border-radius: 8px 8px 0 0;
}
.gamificationBadgeItem .iconBadgeItem i {
  font-size: 32px !important;
  padding-top: 34px !important;
  color: #fac943 !important;
}
.gamificationBadgeItem .title {
  font-size: 0.8em !important;
  font-weight: bold;
  line-height: 1em;
  max-width: 120px !important;
  margin: 16px 0 0 0 !important
}
/* Progress steps */
.gamificationBadgeItem .title + .title {
  font-weight: normal;
  margin: 12px 0 16px 0 !important;
  opacity: 0.5
}
/* Progress bar */
.gamificationBadgeItem .title + .title + div {
  margin-bottom: 16px;
  border-radius: 8px !important
}
/* Completion check circle icon */
.gamificationBadgeItem .title + i {
  margin-bottom: 24px;
}
/* BADGE DETAIL VIEW */
.badgeInfo .x-innerhtml > div > div {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
  width: 280px;
  margin: 48px auto;
  border-radius: 16px;
}
.badgeInfo .x-innerhtml > div > div .badgeItem {
  width: 100% !important;
  height: 140px
}
.badgeInfo .x-innerhtml > div > div .iconBadgeItem {
  margin: 0 !important;
  width: 100% !important;
  border-radius: 16px 16px 0 0;
  height: 140px !important;
  padding-top: 24px;
}
.badgeInfo .x-innerhtml > div > div .iconBadgeItem i.badgeIcon {
  color: #fac943 !important;
  font-size: 6em !important;
}
.badgeInfo .x-innerhtml > div > div .badgeItem + .title {
  color: #000 !important;
  font-weight: bold;
  margin-top: 24px !important
}
/* Completion check circle icon */
.badgeItem + p + i {
  margin-bottom: 24px;
}
.badgeInfo .x-innerhtml > div > div .badgeItem + .title + .title + div {
  padding-bottom: 24px !important
}
.badgeInfo .x-innerhtml > p {
  text-align: center;
  font-size: 1.2em
}
/* IPAD */
@media screen and (min-width: 768px) {
}
/* END IPAD */
/* ******** PRIZES ********** */

.gamificationPrize {
  margin-top: -20px
}
/* List headers */
.gamificationPrize .x-list-header {
  background: none !important;
  padding: 32px 0 0 8px;
  text-align: center
}
.gamificationPrize .x-list-header .x-innerhtml {
  border: none;
  font-size: 1.5em;
  font-weight: normal;
  color: #fac943
}
.gamificationPrize .gamificationPrizeItem {
  padding: 16px 0 8px 0!important
}
/* Prize description and points per ticket */
.gamificationPrize .gamificationPrizeItem img {
  width: auto !important;
  height: auto !important;
  max-width: 80px;
  max-height: 80px !important
}
.gamificationPrize .gamificationPrizeItem img + i + div {
  margin-left: 80px !important;
  padding-top: 8px
}
.gamificationPrize .gamificationPrizeItem .font12 {
  font-size: 0.85em
}
.gamificationPrize .gamificationPrizeItem .font12 + .font12 {
  font-size: 0.7em;
  opacity: 0.5
}
/* Hide annoying, apparently redundant horizontal lines inside each item*/
.gamificationPrizeItem .liveQuestionVoteItemSeparator {
  display: none
}
/* PRIZE INFO VIEW */
.prizeInfo > .x-inner > .x-innerhtml > div > div: nth-child(1) {
  background: #fac943;
  margin: 0 !important;
  padding: 48px 0;
}
/* Main title */
.prizeInfo h4 {
  color: #fff !important;
  font-weight: bold;
  font-size: 2em !important
}
/* points */
.prizeInfo h4 + h4 {
  font-weight: normal;
  font-size: 1em !important;
  letter-spacing: 2px !important;
  padding: 8px 16px;
  background: #fff;
  display: inline-block;
  border-radius: 8px;
  color: #fac943 !important;
  margin-top: 16px
}
/* Description below header card */
.prizeInfo p.title {
  text-align: center;
  padding-top: 48px;
  font-size: 1.1em;
  color: #000
}
/* BIG IMAGE IF ADDED TO PRIZE */
.prizeInfo img {
  padding: 48px 15% 24px 15%;
  width: 70%;
}
.prizeInfo img + div h4 {
  color: #fac943 !important
}
.prizeInfo img + div h4 + h4 {
  background: #f0eff5
}
.prizeInfo img + div + div + p {
  padding-top: 0 !important;
  opacity: 0.4
}
/* "To Spend" subhdr */
#coinsToSpend .progressLabel {
  letter-spacing: 0.5px !important
}
/* Prizes section header */
.myScore + .gamificationPrize .x-list-header: first-of-type > .x-innerhtml: : before {
  content: ' \1F381';
  font-size: 1.5em;
  margin-right: 12px;
}
/* Prizes section header */
.myScore + .gamificationPrize .x-list-header > .x-innerhtml: : before {
  content: ' \1F929';
  font-size: 1.5em;
  margin-right: 12px;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .prizeInfo img {
    padding: 96px 35% 24px 35%;
    width: 30%
  }

}
/* END IPAD */
/* ************************************************************************************
Resource gallery
************************************************************************************ */
.resourceGalleryDocument {
  padding-top: 8px !important;
  margin-left: -6px !important;
  border: none !important
}
#ext-resourceGalleryDocuments-1 {
  background: #fff !important;
}
#ext-resourceGalleryDocuments-1 * {
  border: none
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  #ext-resourceGalleryDocuments-1 {
    margin-top: -32px
  }
  .resourceGalleryDocument {
    padding: 48px 7.5% !important
  }

}
/* END IPAD AND DESKTOP */
.resourceGalleryTileContainer {
  box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 8px;
  max-width: 150px;
  min-height: 190px;
  max-height: 260px;
  margin: 8px 0 0 24px;
}
.resourceGalleryDocumentContainer {
  margin: -8px;
  padding-top: 88px;
}
.resourceGalleryDocumentWrapper > div {
  font-size: 0.75em !important;
  padding: 14px !important
}
.resourceGalleryTileContainer .resourceGalleryImage {
  border-radius: 8px 8px 0 0;
  height: 88px
}
.resourceGalleryDocumentInfo {
  padding-top: 24px
}
.resourceGalleryDocumentInfo .agendaHeading + h4 {
  margin-bottom: 24px !important;
}
.resourceGalleryTileContainer: active {
  box-shadow: none;
  filter: brightness(0.9)
}
#ext-resourceGalleryDocuments-1 .x-list-item {
  padding: 8px 0 0 0;
  margin-left: -6px
}
#ext-resourceGalleryDocuments-1 .x-list-item: active .x-innerhtml {
  background: none
}
.resourceGalleryTileContainer .galleryDocumentText {
  padding-bottom: 8px
}
.resourceGalleryTileContainer .galleryDocumentText .fa-star {
  float: right;
  margin-top: 0 !important
}
.resoursceGallerySessionContact {
  padding-bottom: 48px !important
}
.resoursceGallerySessionContact .attendeeHeading {
  display: inline-block;
  padding-top: 16px !important
}
.resoursceGallerySessionContact .contactCategory {
  color: #fff !important;
}
.resourceGalleryDocumentInfo .galleryDocumentSubText + .galleryDocumentSubText + .galleryDocumentSubText {
  font-size: 0.65em !important;
  opacity: 1 !important;
}
/* BREAKPOINTS INCL IPAD/DESKTOP */
@media screen and (min-width: 390px) {
  .resourceGalleryTileContainer {
    max-width: 170px;
    max-height: 260px
  }

}
@media screen and (min-width: 400px) {
  .resourceGalleryTileContainer {
    max-width: 180px;
  }

}
@media screen and (min-width: 768px) {
  .resourceGalleryDocumentContainer {
    padding-top: 144px;
  }
  .resourceGalleryTileContainer .resourceGalleryImage {
    height: 144px
  }
  .resourceGalleryDocument {
    padding: 48px 5% 0 5% !important;
    margin-bottom: -24px;
  }
  .resourceGalleryTileContainer {
    max-width: 280px;
  }
  .resourceGalleryDocumentInfo .galleryDocumentSubText {
    font-size: 0.85em !important;
  }
  .resourceGalleryDocumentInfo .galleryDocumentSubText + .galleryDocumentSubText + .galleryDocumentSubText {
    font-size: 0.75em !important;
  }

}
@media screen and (min-width: 1200px) {
  .resourceGalleryDocument {
    padding: 48px 15% 0 15% !important;
  }

}
/* END IPAD AND DESKTOP */
/* ************************************************************************************
Event stream
************************************************************************************ */
#nextgenmobile-view-socialwall-listpullrefresh-1 {
  background: #f0eff5;
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .socialWallPostColoredPostContainer, .newPostContainer {
    margin-left: 15% !important;
    margin-right: 15% !important
  }

}
/* END IPAD AND DESKTOP */
/* NEW POST BUTTON */
.newPostContainer {
  background: #fac943;
  padding: 12px;
  border-radius: 52px !important;
  margin: 24px 24px 40px 24px;
  box-shadow: 0 8px 24px -12px #fac943;
}
.newPostContainer: active {
  opacity: 0.8;
  box-shadow: none;
}
.newPostContainer .newPost {
  color: #fff;
  font-size: 0.85em;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 4px;
  text-align: center;
  padding-left: 24px;
  height: auto
}
.newPostContainer .avatarIcon, .newPostContainer .smallInitialsIcon {
  width: 32px;
  height: 32px;
  margin: -3px 0 0 0 !important;
  background-size: 32px
}
.newPostContainer .smallInitialsIcon {
  padding-top: 10px
}
.newPostContainer .fa-angle-right: : before {
  color: #fff !important;
  margin: 0 12px 0 0 !important;
  font-size: 1em !important
}
.newPostContainer: active {
  opacity: 0.5
}
/* EVENTSTREAM NEW POST CHECK-IN */
.x-list.checkInLocations {
  background: #f0eff5
}
.x-list.checkInLocations .x-inner .x-scroll-scroller-vertical {
  padding: 24px
}
.avatarIcon.functionCheckInLocation, .avatarIcon.sessionCheckInLocation {
  width: 36px;
  height: 36px;
  background-size: 36px
}
@media screen and (min-width: 768px) {
  .x-list.checkInLocations {
    padding: 24px 15%
  }

}
.x-list-item.checkInLocations {
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  margin: 4px 0;
  box-shadow: 0 4px 16px #e0d7f3;
}
/* EVENTSTREAM SEARCH PANEL */
.x-toolbar-dark {
  background: #fac943 !important;
}
.x-toolbar-dark .x-button-label {
  color: #fff !important;
}
/* POSTS */
.socialWallPostColoredPostContainer {
  background: #fff !important;
  border-radius: 8px;
  margin: -8px -2px;
  box-shadow: 0 2px 10px #e0d7f3;
}
.socialWallPostColoredPostContainer .attendeeHeading {
  font-size: 0.85em !important;
  margin-bottom: 4px
}
.socialWallPostColoredPostContainer h4 {
  color: #000;
  font-style: normal;
  font-size: 0.8em;
  line-height: 1.1em
}
.socialWallPostColoredPostContainer .avatarIcon, .socialWallPostColoredPostContainer .smallInitialsIcon {
  width: 36px;
  height: 36px;
  background-size: 36px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.socialWallPostColoredPostContainer i.fa-angle-down {
  color: #777;
  font-size: 1em !important;
  text-align: right;
  margin: -6px -4px 0 0 !important
}
.socialWallPostColoredPostContainer .socialWallActions * {
  color: #fac943;
  font-style: normal;
}
.socialWallPostColoredPostContainer .socialWallActions {
  margin-top: 8px;
  font-size: 0.9em
}
.socialWallPostColoredPostContainer .socialWallActions i {
  font-size: 0.9em !important;
  width: 20px;
  margin-top: 0 !important;
  padding-right: 0 !important
}
.socialWallPostColoredPostContainer .socialWallPostedAt {
  float: right;
  margin-left: 16px;
  margin-top: 6px;
  color: #777
}
.socialWallPostColoredPostContainer h4.socialWallPostContent {
  margin: 0 !important
}
.socialWallPostPhoto img {
  border-radius: 8px;
  margin-top: 4px
}
/* Can't click social post cards so disable press state */
.socialWallPost.x-item-pressed {
  opacity: 1
}
.socialWallPost.x-item-pressed .socialWallPostPhoto {
  filter: brightness(0.7)
}
/* EVENT STREAM SEARCH */
.x-toolbar .x-field-search {
  margin-right: 0 !important
}
.x-toolbar .x-field-search .x-clear-icon {
  margin: -10px 16px 0 0
}
.x-toolbar .x-field-search + .x-button-normal .x-button-label {
  font-size: 0.85em;
  font-weight: bold !important;
  padding-right: 8px
}
/* EVENT STREAM POST EDITOR */
/* Profile panel at top */
.socialWallPostInfo {
  padding: 4px;
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .socialWallPostInfo {
    padding-left: 15%;
  }
  .socialWallPostInfo + .x-button + div + div + div + .x-button {
    margin-right: 15% !important;
  }
  .socialWallPostContainer {
    padding-left: 15% !important;
    padding-right: 15%
  }

}
/* END IPAD AND DESKTOP */
.socialWallPostInfo .attendeeHeading {
  display: inline-block;
  font-size: 1.1em;
  margin-top: 10px !important
}
/* CAMERA / VIDEO / PIN ICONS AT TOP RHS */
.socialWallPostInfo + .x-button, .socialWallPostInfo + .x-button + div + div + .x-button, .socialWallPostInfo + .x-button + div + div + div + .x-button {
  margin-top: 24px !important;
  margin-right: 4px
}
.socialWallNewPostContent, .socialWallCommentContainer > .x-inner {
  border: 1px solid #ccc;
  padding: 16px;
  border-radius: 8px;
  font-size: 0.85em
}
.socialWallNewPostContent i, .postCharactersRemaining *, .socialWallCommentContainer i {
  font-style: normal !important;
  font-size: 0.85em
}
.socialWallNewPostContent: focus, .socialWallCommentContainer: focus > .x-inner {
  border-color: #fac943 !important;
  background: #f0eff5;
  color: #fac943
}
/* Image added to post */
.socialWallPostContainer + div + div > .x-inner > .x-img {
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.2)
}
/* EVENT STREAM COMMENT  EDITOR */
.socialWallCommentInfo {
  box-shadow: 0 10px 24px -8px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px
}
.socialWallCommentInfo h4 {
  color: #000 !important;
  font-size: 1em
}
.socialWallCommentInfo .attendeeHeading {
  font-size: 1.1em !important;
  display: inline-block;
  margin-top: 4px
}
.socialWallCommentInfo: active .socialWallPostPhoto {
  filter: brightness(0.7)
}
.socialWallCommentContainer {
  padding: 0 24px;
  background: none
}
.socialWallCommentInfo .socialWallPostColoredPostContainer {
  box-shadow: none
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 768px) {
  .socialWallComment, .socialWallCommentContainer {
    padding-left: 15%;
    padding-right: 15%
  }
  .socialWallCommentInfo {
    padding-top: 24px
  }

}
/* END IPAD AND DESKTOP */
.socialWallCommentContainer > .x-inner {
  padding: 8px !important
}
.socialWallCommentContainer > .x-inner .x-button {
  background: #fac943 !important;
  border-radius: 8px;
  margin-right: 4px !important;
  padding: 0 12px
}
.socialWallCommentContainer > .x-inner .x-button-label {
  color: #fff !important;
  font-weight: bold
}
.socialWallComment {
  border-bottom: 1px solid #eee
}
.socialWallComment * {
  font-style: normal !important;
}
.socialWallComment i.fa-angle-down {
  font-size: 1.1em !important;
  margin-top: -8px !important
}
.socialWallCommentContent {
  font-size: 0.85em;
  margin-top: 2px !important;
}
/* SESSION CHECKIN */
.checkInLocations .attendeeHeading {
  font-size: 0.85em;
  margin-top: 6px
}
.checkInLocations .attendeeHeading + h4 {
  font-size: 0.8em;
}
/* QR CHECKIN CODE --AND-- QR HOME MODULE --AND-- BARCODE MODULE */
.agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode {
  background: #f0eff5;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
  margin: -16px -16px -32px -16px !important;
  padding: 64px 5% 0 5%;
  height: 100%;
}
.qrcodeCard, .barcodeCard {
  background: #f0eff5;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
}
.agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode .font17 {
  color: #fac943;
  margin-bottom: 32px
}
.agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode .x-img, .qrcodeCard .x-img, .barcodeCard .x-img {
  border-radius: 24px !important;
  box-shadow: 0 11px 33px #e0d7f3 !important;
}
.barcodeCard .x-img {
  width: 90% !important;
  margin: 0 !important;
  left: 5% !important;
  border: 4px solid #fff !important;
  border-top-width: 16px !important;
  border-bottom-width: 8px !important;
  top: 45% !important;
}
@media screen and (min-width: 768px) {
  .barcodeCard .x-img {
    width: 50% !important;
    left: 25% !important;
  }

}
/* FULLSCREEN IMAGE VIEWER */
.imageBox {
  background: #f0eff5 !important
}
.imageBox figure img {
  box-shadow: 0 0 111px #e0d7f3
}
/* ************************************************************************************
My photo
************************************************************************************ */
.myPhotoCard .x-inner[style="transform: translate3d(0px, 0px, 0px);
"] {
  background: #f0eff5;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
}
.myPhotoCard #myPhotoImage {
  margin-top: 10% !important;
  box-shadow: 0 11px 44px -15px #fac943;
  border-radius: 1000px;
}
.myPhotoCard #myPhotoImage + div .font16 {
  margin-top: 5% !important;
  text-align: center;
  font-size: 0.95em;
  line-height: 1.5em;
  padding: 24px 10% !important;
  color: #fac943;
  z-index: 1000;
}
/* IPAD AND DESKTOP */
@media screen and (min-width: 550px) {
  .myPhotoCard .x-scroll-container {
    background: #f0eff5;
    background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
  }
  .myPhotoCard .x-inner[style="transform: translate3d(0px, 0px, 0px);
  "] {
    background: #fff !important;
    width: 480px !important;
    margin: 48px auto 0 auto !important;
    border-radius: 16px;
    box-shadow: 0 4px 33px #e0d7f3;
    min-width: 480px !important;
    position: relative;
    min-height: 400px !important;
    padding: 24px;
  }
  .myPhotoCard #myPhotoImage {
    box-shadow: 0 11px 22px rgba(0, 0, 0, 0.2);
  }
  .myPhotoCard #myPhotoImage + div .font16 {
    padding: 48px 15%;
    color: #666;
  }

}
/* END IPAD AND DESKTOP */
/* ************************************************************************************
Notes
************************************************************************************ */
.x-eventNotes {
  background: #f0eff5;
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
}
/* Insert mega notepad emoji icon as blankstate */
.x-eventNotes-emptytext > .x-innerhtml: : before {
  content: '🗒️';
  font-size: 6em;
  display: inline-block;
  width: 100%;
  padding: 32px;
  text-align: center;
  padding-top: 96px;
  text-shadow: 0 4px 16px #e0d7f3;
}
@media screen and (min-width: 768px) {
  .x-eventNotes .x-eventNotes-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px !important;
  }
  .x-eventNotes .x-eventNotes-inner .newNoteContainerEmptyText {
    margin: 16px auto;
    width: 400px;
  }

}
/* NEW NOTES BUTTON */
.x-eventNotes-item-first {
  margin-top: 16px !important
}
.newNoteContainerEmptyText .newNoteContainer {
  background: #fac943 !important;
  padding: 12px;
  border-radius: 52px !important;
  margin: 48px 24px 48px 24px;
  box-shadow: 0 5px 24px -12px rgba(0, 0, 0, 0.4);
}
.newNoteContainer .newNote {
  color: #fff;
  font-size: 0.85em;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  padding-left: 24px;
  height: auto
}
/* NOTE PANELS */
.eventNotesItem + .eventNotesItem: active, .newNoteContainerEmptyText: active, .newNoteContainerEmptyText + div: active {
  opacity: 0.5;
  box-shadow: none;
}
/* Hide weird empty h4 */
.eventNotesItem .attendeeHeading + h4 {
  display: none
}
/* Timestamp */
.eventNotesItem .attendeeHeading + h4 + p {
  text-align: left !important;
  padding-top: 8px;
  opacity: 0.6
}
.eventNotesItem .attendeeHeading + h4 + p i {
  font-style: normal;
}
/* NOTES INPUT TEXTAREA */
.sessionNotesTextAreaCls {
  font-size: 0.95em !important
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  .sessionNotesTextAreaCls {
    margin: 24px 0;
    padding: 24px !important;
  }

}
/* END IPAD+ */
/* ************************************************************************************
News and Alerts
************************************************************************************ */
/* List background */
#nextgenmobile-view-alert-listpullrefresh-1 + .x-container, #nextgenmobile-view-news-listpullrefresh-1 + .x-container {
  background: #f0eff5 !important;
  padding: 16px !important
}
/* List items */
.x-list-item-tpl.alert, .x-list-item-tpl.newsItem {
  background: #fff !important;
  margin-bottom: 8px;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0 4px 16px #e0d7f3;
}
.x-list-item-tpl.alert p.newsPostedDate, .x-list-item-tpl.newsItem p.newsPostedDate {
  color: #999;
  font-size: 0.7em
}
.x-list-item-tpl.alert h4 {
  color: #fac943;
  font-size: 0.9em
}
.x-list-item-tpl.newsItem h3 {
  color: #fac943;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 4px
}
.x-list-item-tpl.alert i, .x-list-item-tpl.newsItem i {
  color: #fac943;
  margin-top: 12px
}
.x-list-item-tpl.alert br, .x-list-item-tpl.newsItem br {
  display: none
}
.x-list-item-tpl.alert h4 + br + h4 {
  color: #000 !important;
  margin-top: 8px;
  line-height: 1.4em
}
.x-list-item-tpl.newsItem img {
  border-radius: 6px;
  margin-left: -4px
}
/* Alert detail view */
.alertHeader {
  background: #fac943;
  border: none !important
}
.alertHeader * {
  color: #fff !important;
  border: none !important
}
.alertHeaderIcon {
  margin-top: 0
}
.alertHeader i {
  font-size: 4em;
  margin-left: -0.5em
}
.alertHeader h4 {
  font-size: 2em;
}
.alertHeader h4 + p {
  opacity: 0.7
}
/* Main alert content below intro card */
.alertHeader + .header {
  padding: 16px 0
}
.alertHeader + .header * {
  text-align: left !important;
  font-style: normal
}
.alertHeader + .header .speech-bubble {
  background: none;
  padding: 0 !important;
  margin: 0;
}
.alertHeader + .header .speech-bubble * {
  margin: 0;
  font-size: 1.1em;
  color: #000;
  line-height: 1.5em;
}
.alertHeader + .header .speech-bubble p: : before {
  display: none
}
.alertHeader + .header .bubble-container + p {
  margin-left: 10px;
  padding-top: 8px !important
}
/* News detail view */
.newsInfo .x-innerhtml.x-html {
  padding: 24px
}
.newsInfo .newsPostedDate {
  font-size: 1em
}
.newsInfo h3 {
  font-weight: bold;
  color: #000;
  line-height: 1.2em
}
.newsInfo .x-innerhtml.x-html div + p + p * {
  font-size: 1.1em !important
}
.newsInfo .x-innerhtml.x-html img {
  border-radius: 8px
}
.newsInfo .x-innerhtml.x-html .newsPostedDate {
  font-size: 1em;
  margin: -8px 0 24px 0
}
.newsInfo .x-innerhtml.x-html h3 {
  color: #fac943;
  margin-bottom: 32px
}
.newsInfo .x-innerhtml.x-html h1 {
  color: #000;
  font-size: 2em;
  line-height: 1.2em;
}
.newsInfo .x-innerhtml.x-html p {
  font-size: 1.1em
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  #nextgenmobile-view-alert-listpullrefresh-1 + .x-container, #nextgenmobile-view-news-listpullrefresh-1 + .x-container, .newsInfo .x-innerhtml.x-html {
    padding: 48px 15% !important;
  }
  .newsInfo .x-inner {
    background: #f0eff5;
    padding: 48px 15% !important
  }
  .newsInfo .x-innerhtml.x-html {
    background: #fff;
    padding: 32px !important;
    border-radius: 16px;
    box-shadow: 0 8px 32px #e0d7f3;
  }
  .x-list-item-tpl.alert {
    padding: 16px;
  }
  .x-list-item-tpl.alert h4 {
    font-size: 1.4em
  }
  .x-list-item-tpl.alert h4 + br + h4 {
    font-size: 0.95em
  }
  .newsInfo .x-innerhtml.x-html h1 {
    font-size: 2.5em;
  }
  .newsInfo .x-innerhtml.x-html p {
    font-size: 1.2em
  }
  .alertHeader + .header {
    background: #f0eff5;
    margin: 0 -16px;
    padding: 48px 15%
  }
  .alertHeader + .header .bubble-container {
    background: #fff;
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 8px 32px #e0d7f3;
  }
  .alertHeader + .header .bubble-container + p {
    margin-left: 44px;
    padding-top: 24px !important;
    opacity: 0.7
  }

}
/* END IPAD+ */
/* ************************************************************************************
LEADERBOARD
************************************************************************************ */
/* Section headers on BG */
.top10GamificationLabel .sectionTitle {
  color: #fac943 !important;
  font-weight: normal;
  font-size: 0.7em;
  letter-spacing: 1px !important;
  margin-top: 20px !important;
  border: none;
}
/* Fix double BG panel */
.x-tabbar + .x-dock-body .x-scroll-bar-grid-wrapper + .x-scroll-container .x-list-item.socialLeaderBoardItem {
  background: none !important;
  box-shadow: none;
}
/* Cards inside "overall top 10 posts" section */
.x-list-item.socialLeaderBoardItem .socialWallPostColoredPostContainer {
  padding-right: 24px;
  margin: 8px -20px 0 -20px
}
.x-list-item.socialLeaderBoardItem .socialWallPostedAt {
  float: left;
  margin-top: 6px;
  opacity: 0.5 !important
}
.x-list-item.socialLeaderBoardItem .socialWallActions {
  margin-top: 0
}
/* top 10 cards can't be opened so disable press state */
.x-list-item.socialLeaderBoardItem.x-item-pressed {
  opacity: 1
}
/* Cards below initial "Overall top 10 posts" section */
.socialLeaderBoardAttendee {
  background: #fff;
  border-radius: 8px;
  padding: 8px 16px 15px 16px;
  box-shadow: 0 2px 10px #e0d7f3;
  min-height: auto;
  margin: 0 -20px 6px -20px;
}
/* Ranking number */
.socialLeaderBoardAttendee .socialLeaderBoardPosition {
  background: #fac943;
  color: #fff;
  height: 100% !important;
  display: inline-block;
  padding: 2px 32px 2px 12px;
  border-radius: 66px;
  font-size: 0.7em;
  margin: 14px -22px 0 0;
  min-width: 32px;
  text-align: left;
}
.socialLeaderBoardAttendee .avatarIcon {
  width: 38px;
  height: 38px;
  background-size: 38px;
  margin-top: 7px;
  border: 2px solid #fff
}
.socialLeaderBoardAttendee .attendeeHeading {
  margin-top: 10px;
  font-size: 0.8em !important
}
.socialLeaderBoardAttendee .attendeeHeading + h4 {
  font-size: 0.75em !important;
  opacity: 0.5 !important;
}
.socialLeaderBoardAttendee .attendeeHeading + h4 + h4 {
  font-size: 0.75em !important;
  opacity: 1 !important;
  margin-left: 75px !important
}
.socialLeaderBoardAttendee .socialLeaderBoardPoints {
  font-size: 1em;
  font-weight: bold;
  color: #000 !important;
  margin: 0 0 0 75%;
  letter-spacing: -1px !important;
  padding: 12px 0 12px 8px !important;
  border-left: 1px solid #ddd;
}
/* IPAD+ */
@media screen and (min-width: 768px) {
  #nextgenmobile-view-socialleaderboard-listpullrefresh-1 + .x-container {
    padding: 48px 0 !important;
  }
  .socialLeaderBoardAttendee, #nextgenmobile-view-socialleaderboard-listpullrefresh-1 + .x-container .socialWallPostColoredPostContainer {
    margin-left: 15% !important;
    margin-right: 15% !important;
  }
  .socialLeaderBoardAttendee .socialLeaderBoardPoints {
    margin-left: 52%;
  }

}
/* ************************************************************************************
SAFARI HACKS
************************************************************************************ */
.meetingHubSelectedContact .connectButton {
  margin-left: 24px;
}
@media screen and (min-width: 768px) {
  .meetingHubTabButtonsWrapper > .x-inner {
    width: 560px !important;
  }

}
/* ************************************************************************************
END SAFARI HACKS
************************************************************************************ */
/* ************************************************************************************
FINAL TWEAKS
************************************************************************************ */
/* Fix alignment of avatar inside "Add to eventstream" button */
.newPostContainer .avatarIcon, .newPostContainer .smallInitialsIcon {
  margin-left: -3px !important;
  margin-top: -6px;
}
.newPostContainer .smallInitialsIcon {
  padding-top: 5px
}
/* Adjust initials alignment when adding to eventstream */
.socialWallPostInfo .smallInitialsIcon {
  margin-right: 12px
}
.smallInitialsIcon span {
  padding-top: 3px
}
.socialWallPostInfo .smallInitialsIcon span {
  font-size: 1.4em;
}
.socialWallPostColoredPost .smallInitialsIcon span {
  padding-top: 0
}
.socialWallPostColoredPost .fa-angle-down {
  color: #fac943
}
.socialWallPostContent {
  line-height: 1.25em !important;
}
.socialWallPostColoredPost .socialWallPostContent + .socialWallPostPhoto {
  margin-top: 8px
}
/* Win points --> Trivia quiz */
.gamificationInfo + .x-form {
  margin: -180px 0 0 0;
  padding: 8px
}
/* DISABLE PANEL DUE TO INTERFERENCE WITH GOAL SCREENS
.gamificationInfo +.x-form .x-form-inner {
  padding: 0 24px 16px 24px;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
*/
/* Hide lines inbetween questions then add spacing */
.gamificationInfo + .x-form .x-field: : before {
  border: none;
}
.gamificationInfo + .x-form .x-field {
  margin: 12px 0
}
/* Use theme colours for option circles */
/*.gamificationInfo +*/
.x-form .fa-circle, .gamificationInfo + .x-form .far {
  color: #fac943 !important
}
/*.gamificationInfo +*/
.x-form .fa-circle + .fa-inverse {
  color: #fff !important
}
/*.gamificationInfo +*/
.x-form h4.alphaLabel {
  margin-left: 56px;
  margin-top: -28px
}
/* IPAD */
@media screen and (min-width: 768px) {
  .gamificationInfo + .x-form {
    margin: -150px 20% 0 20% !important;
  }
  .gamificationInfo + .x-form .x-form-inner {
    /* DISABLE PANEL DUE TO INTERFERENCE WITH GOAL SCREENS
    padding: 0 36px 24px 36px;
    border-radius: 16px;
    box-shadow: 0 4px 48px rgba(0, 0, 0, 0.1);
    */
  }

}
/* END IPAD */
/* Remove redundant limited-height blur behind popover alert window */
.notificationPopup {
  backdrop-filter: none
}
/* Fix white text in search field inside eventstream header */
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .x-field-search .x-input-search {
  color: #000 !important
}
/* ...and white cross circle icon (clear field action) */
#pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .x-field-search .x-input-search + .x-field-mask + .x-clear-icon: : before {
  color: #fac943 !important
}
/* Fix horizontal alignment for "Add to evenstream" button when no search results returned */
.newPostContainerEmptyText .newPostContainer {
  margin-left: 0 !important
}
/* SESSION --> LIVE Q&A */
/* Prevent submit button being too wide next to "submit anonymously" text */
.socialWallPostContainer + .x-container .x-inner.x-horizontal .x-container + .x-container + .nicButtonMajor {
  width: auto;
  padding-left: 36px;
  padding-right: 36px
}
/* EVENT STREAM VIDEO POSTS */
/* Hide weird duplicate empty space below video */
.socialWallVideo + .socialWallPostVideo {
  display: none !important
}
/* Position and style overlay video icon */
.socialWallVideo .videoPlay {
  margin-top: 80px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  width: 50px !important;
  height: 50px !important;
  padding: 14px 0 0 0;
  font-size: 22px
}
.socialWallVideo .videoPlay {
  top: 50%;
}
/* Press effect */
.socialWallVideo: active {
  opacity: 0.66
}
/* Move down & constrain max size of actual fullsize playable video */
.socialWallPostContent + #postVideo {
  margin-top: 16px;
  max-height: 800px
}
/* *****************************************
LIVE AUDIO/VIDEO CHAT
***************************************** */
/* Header strip */
.twilioContainer > .x-body > .x-inner > .x-container: nth-child(1) {
  background: #fac943
}
.twilioContainer .roomTitle {
  font-size: 1.2em;
  font-weight: bold;
  padding: 8px 4px;
  background: #fac943;
  line-height: 1em !important
}
.twilioContainer .roomInvitationButton {
  padding: 8px 16px 8px 0
}
.twilioContainer .roomInvitationButton i {
  color: #fff
}
.twilioContainer .roomInvitationButton .centerChild {
  background: none !important
}
/* Screen BG */
.twilioContainer, .twilioContainer .centerChild {
  background: #333 !important
}
/* No avatar photo */
.twilioContainer .participantInitialsWrapper {
  background: rgba(255, 255, 255, 0.33) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 1);
}
.twilioContainer .participantInitialsWrapper .participantInitials {
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px !important
}
/* Each person */
.twilioContainer .roomItemContainer {
  background: none
}
.twilioContainer .participantPhoto {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 1);
  width: 60%;
  height: auto
}
/* Name */
.twilioContainer .smallParticipant .participantInfo {
  text-align: center;
  padding: 8px 16px !important;
  margin: 0 auto !important;
  width: 100%;
  background: rgba(51, 51, 51, 0.5);
  margin-bottom: -1px !important
}
.twilioContainer .smallParticipantFull .participantInfo {
  font-weight: bold
}
/* End / Mic / Cam buttons at bottom */
.twilioContainer .roomButtonWrapper {
  background: rgba(51, 51, 51, 0.8);
  padding: 24px;
  margin-bottom: -32px;
  border-radius: 16px 0 0 0
}
.twilioContainer .roomButtonWrapper + .roomButtonWrapper {
  padding: 24px 0;
  border-radius: 0
}
.twilioContainer .roomButtonWrapper + .roomButtonWrapper + .roomButtonWrapper {
  padding: 24px;
  border-radius: 0 16px 0 0
}
.twilioContainer .roomButton {
  border: none;
  background: rgba(255, 255, 255, 0.15)
}
.twilioContainer .roomButton .centerChild {
  background: none !important
}
.twilioContainer .roomButtonOff {
  background: #fff
}
/* *****************************************
LIVE AUDIO/VIDEO CHAT --  POPOVER ACTION SHEET "ADD ATTENDEES TO THIS CALL"
***************************************** */
script + .x-container > .x-body > .x-sheet-action {
  border: 1px solid #fff;
  border-radius: 8px 8px 0 0 !important;
}
/* Close icon top RHS */
script + .x-container > .x-body > .x-sheet-action .x-body > .x-container, script + .x-container > .x-body > .x-sheet-action .x-body > .x-container .x-inner {
  background: none !important
}
script + .x-container > .x-body > .x-sheet-action .x-innerhtml .fa-times-circle {
  color: #fff !important;
  margin: 8px 8px 0 0
}
/* Header strip */
script + .x-container > .x-body > .x-sheet-action .x-sheet-action-inner > .x-container: nth-child(1) {
  background: #fac943 !important;
  border-radius: 8px 8px 0 0
}
script + .x-container > .x-body > .x-sheet-action .x-sheet-action-inner > .x-container: nth-child(1) * {
  color: #fff !important;
}
/* Selected attendee pill tokens */
script + .x-container > .x-body > .x-sheet-action .x-container[style="padding: 2px;
margin: 2px;
background: rgb(239, 239, 239);
display: inline-block;
"] {
  background: #fac943 !important;
  border-radius: 8px;
  padding: 2px 2px 2px 8px !important;
}
script + .x-container > .x-body > .x-sheet-action .x-container[style="padding: 2px;
margin: 2px;
background: rgb(239, 239, 239);
display: inline-block;
"] .x-innerhtml div {
  color: #fff;
  font-size: 0.85em;
  padding-right: 4px
}
script + .x-container > .x-body > .x-sheet-action .x-container[style="padding: 2px;
margin: 2px;
background: rgb(239, 239, 239);
display: inline-block;
"] i {
  margin: 4px 0
}
/* Attendee info blocks */
script + .x-container > .x-body > .x-sheet-action .x-list-item > .x-innerhtml {
  padding: 16px 16px 12px 16px;
  margin: 4px 8px;
  width: calc(100% - 16px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
script + .x-container > .x-body > .x-sheet-action .x-list-item > .x-innerhtml .contactName {
  font-size: 0.95em
}
script + .x-container > .x-body > .x-sheet-action .x-list-item > .x-innerhtml .contactPosition {
  font-size: 0.85em;
  opacity: 0.5;
  margin-top: 4px
}
script + .x-container > .x-body > .x-sheet-action .x-list-item > .x-innerhtml .contactOrganization {
  font-size: 0.85em;
}
/* Send invitation button at bottom */
script + .x-container > .x-body > .x-sheet-action .defaultButton {
  display: inline-block;
  width: calc(100% - 48px);
  margin: 24px !important;
  padding: 12px 16px !important;
  height: auto;
  font-weight: bold;
  border: none
}
script + .x-container > .x-body > .x-sheet-action .defaultButton .whiteColor {
  width: 100%;
  display: inline-block;
  text-align: center;
}
/* *****************************************
LIVE POLL
***************************************** */
.livePollContainer {
  background: #f0eff5;
  padding: 0;
}
/* Panel around each Q & A group */
.livePollContainer .x-scroll-scroller-vertical > .x-container {
  margin: 16px;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px #e0d7f3;
}
.livePollQuestionHeaderText {
  margin-bottom: 8px
}
.livePollAnswer {
  border: 1px solid #ddd;
  color: #fac943;
}
.livePollAnswer .unstyledIcons i.fa-check {
  background: #fac943;
  border-radius: 88px;
  color: #fff;
  padding: 6px 0 0 5px;
  width: 24px;
  height: 24px;
  font-size: 0.9em !important
}
/* IPAD */
@media screen and (min-width: 768px) {
  .livePollContainer {
    padding: 30px 15%;
  }
  .livePollContainer .x-scroll-scroller-vertical > .x-container {
    border-radius: 16px;
    padding: 32px;
  }

}
/* END IPAD */
/* 28 SEPT 2023 - CONTACT DETAILS VIEW: FIX LEFT-ALIGNED GREEN CONTACT BUTTON OVERLAPPING OTHER INFO */
.x-navigationview-inner .meetingHubSelectedContact {
  padding-bottom: 0 !important;
  height: 144px !important
}
.meetingHubSelectedContact .x-inner .x-container + .x-container .x-inner .x-container + .x-container .x-inner .x-container {
  display: inline-block;
}
.meetingHubSelectedContact .contactName, .meetingHubSelectedContact .contactPosition, .meetingHubSelectedContact .contactOrganization {
  min-width: 170px !important;
  display: inline-block !important
}
.meetingHubSelectedContact .connectButton {
  height: 42px !important
}
.meetingHubSelectedContact .contactOrganization {
  float: left;
  margin-top: 0 !important
}
/* 28 SEPT 2023 - FIX WIN POINTS BADGE ALIGNMENT */
.gamificationBadgeItem .badgeItem .avatarIcon {
  margin-left: calc(50% - 50px);
  border-radius: 0;
  margin-top: 8px
}
.badgeInfo .avatarIcon {
  margin-top: 36px;
  border-radius: 0
}
/* 28 SEPT 2023 - STYLE ENDING TIME FOR WIN POINTS -- GOALS ITEMS */
.x-list-item.gamification .attendeeHeading + h4 + h4 {
  margin-right: 8px
}
.x-list-item.gamification .attendeeHeading + h4 + h4 + h4 {
  background: none;
  padding: 0;
  margin-top: -4px !important;
  letter-spacing: 0 !important;
  opacity: 0.66;
}
.x-list-item.gamification .attendeeHeading + h4 + h4 + h4 i {
  display: none;
}
/* 28 SEPT 2023 - REMOVE ROGUE REFRESH TRIANGLE AT TOP OF BADGES SCREEN */
#nextgenmobile-view-gamification-badgelistpullrefresh-1 .x-list-pullrefresh-arrow {
  margin-top: -32px !important
}
/* 28 SEPT 2023 - FIX TRIVIA FORMS CROPPING INTRO UESTIONS */
.gamificationInfo .gamificationHeader + .bodyIcon {
  width: 140px;
  height: 140px;
  font-size: 64px !important;
  padding-top: 36px
}
.gamificationInfo + .x-form {
  margin-top: -80px !important
}
.gamificationInfo > .x-inner > .x-innerhtml div + div[style="margin-top: 30px"] {
  padding: 0 15% !important;
}
/* IPAD */
@media screen and (min-width: 768px) {
  .SessionAgendaType .horizontalGrid h4.ellipsis {
    height: auto;
  }

}
/* END IPAD */
/* MOVE TRACK PILL DOWN */
.myAgendaListContent h3.agendaHeading {
  margin-bottom: 8px
}
/* LEFT ALIGN LOCATION & TRACK PILL IN MYAGENDA LIST ON LARGE DEVICES */
@media screen and (min-width: 1024px) {
  .myAgendaListContent h3.agendaHeading + h3.greyFont, .myAgendaListContent .trackHeading {
    margin-left: 0px
  }

}
/* Eventstream */
.socialWallVideo .videoPlay {
  top: calc(50% - 64px) !important
}
/* Auto posts about imminent sessions */
.socialWallPostColoredPost .autoPostInfo i {
  color: #fac943;
  font-size: 36px !important
}
.socialWallPostColoredPost .autoPostInfo + .attendeeHeading {
  color: #fac943 !important
}
/* Red badge indicating currently live poll */
.livePollLiveIndicator, .x-list-item.sessionTool .x-innerhtml .livePollLiveIndicator, .x-list-item.agendaTool .x-innerhtml .livePollLiveIndicator, .sessionPlayerPlaceHolder + div .x-innerhtml > div > .livePollLiveIndicator {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 1px !important;
  padding: 2px 8px !important;
  text-align: center !important;
  word-break: keep-all
}
.livePollAnswer.greenColor {
  color: #fac943 !important;
  border-color: #fac943 !important
}
/* Graph results -- option 1 to 5, shown beside response % inside bar graph style rows */
.livePollAnswer > div > div + div[style="flex: 0 1 auto"] {
  font-weight: bold;
  margin-left: 16px
}
/* Count pill sometimes shown inside "Answered" tab in Live Q&A */
.x-tab.x-hasbadge .x-badge {
  min-width: 18px;
  margin-left: calc(50% - 22px) !important;
}
/* **** AGENDA DETAIL VIEW FOR FUNCTIONS **** */
/* Header area */
#ext-onAIRFunctionContainer-3 .x-container.x-layout-box-item.x-stretched[style="margin: 15px;
"] {
  margin: 0 !important;
}
#ext-onAIRFunctionContainer-3 .x-container.x-layout-box-item.x-stretched[style="margin: 15px;
"] .sessionInfoItem {
  padding: 24px !important
}
#ext-onAIRFunctionContainer-3 > .x-inner > .x-container: nth-child(1) {
  max-height: 280px !important
}
/* Center on ipad & above */
@media screen and (min-width: 768px) {
  #ext-onAIRFunctionContainer-3 .x-container.x-layout-box-item.x-stretched[style="margin: 15px;
  "] .sessionInfoItem {
    padding: 24px 15% !important
  }
  #ext-onAIRFunctionContainer-3 > .x-inner > .x-container + .x-container, #ext-onAIRFunctionContainer-3 div[starbutton="true"] {
    margin-left: 15% !important;
    margin-right: 15% !important
  }

}
/* end ipad */
/* Fave button  */
#ext-onAIRFunctionContainer-3 div[starbutton="true"] {
  background: #fff;
  width: auto !important;
  display: inline-block;
  padding: 8px 24px;
  border-radius: 100px;
  border: 1px solid #e0d7f3 !important;
  margin-top: 24px;
}
#ext-onAIRFunctionContainer-3 div[starbutton="true"]: hover {
  border-color: #fac943 !important;
  cursor: pointer;
}
#ext-onAIRFunctionContainer-3 div[starbutton="true"]: active {
  opacity: 0.5;
}
#ext-onAIRFunctionContainer-3 div[starbutton="true"] .far, #ext-onAIRFunctionContainer-3 div[starbutton="true"] .fa {
  color: #ffc700 !important;
}
#ext-onAIRFunctionContainer-3 div[starbutton="true"] .font17 {
  color: #fac943 !important;
  font-size: 1em;
  font-weight: bold !important;
}
/* **** END AGENDA DETAIL VIEW FOR FUNCTIONS **** */
/* Enable text selection within user posts */
.speech-bubble p, .liveQuestionVoteItem div + h4, h4.socialWallPostContent {
  -webkit-user-select: text;
  user-select: text;
}
/* Fix spacing for contact category badges eg. online / remote / sponsor etc */
.contactCategory {
  margin-right: 4px;
}
.contactCategory + .contactCategory {
  margin-top: 0
}
.meetingHubSelectedContact .x-innerhtml .contactCategory {
  background: #fff !important;
}
/* Make contact details header area tall enough for wrapping info */
.x-navigationview-inner .meetingHubSelectedContact {
  height: 160px !important
}
.liveQuestionVoteItem h4 {
  word-break: break-word
}
/* ***************************************************** */
/* *************** EXHIBITOR & SPONSOR MODULES (NEW) ************* */
/* ***************************************************** */

/* List section headers */
#nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container .x-list-header {
  padding: 0 !important;
  background: none !important;
  text-align: center !important;
  width: auto!important;
  margin: 16px auto;
}
#nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container .x-list-header > .x-innerhtml {
  color: #fff !important;
  border: none;
  border-radius: 100px;
  font-size: 0.9em;
}
/* Alphabetical letters only */
#nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container .x-list-header.x-list-header-wrap.x-list-footer-wrap > .x-innerhtml {
  background: #fac943 !important;
}
/* Show logo inline with text to RHS */
.x-list-item.exhibitor .horizontalGridItem {
  display: inline-block;
  max-width: 240px;
}
/* Org name */
.x-list-item.exhibitor .organizationHeading {
  font-size: 0.9em;
  line-height: 1.1em
}
/* Booth numbers (duh) */
.x-list-item.exhibitor .boothNumber, .exhibitorInfo .boothNumber {
  min-width: 0 !important;
  background: #f0eff5;
  color: #fac943;
  font-size: 0.8em;
  text-align: left;
  padding: 2px 12px;
  margin-top: 8px
}
/* POPOVER FILTER PANEL */
.exhibitorFilterTabPanel .x-dock-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.exhibitorFilterTabPanel .x-tabbar-inner {
  border-radius: 8px 8px 0 0;
  margin-bottom: 16px
}
/* Text labels in popover filter window */
.exhibitorFilterTabPanel .popupTextField .x-form-label span {
  text-align: left !important
}
/* Colorize chunky "tick" icons in checklist */
.x-input-checkbox: checked + .x-field-mask: : after {
  color: #fac943
}
/* IPAD */
@media screen and (min-width: 768px) {
  /* Exhibitor BG -- reduce width of cards */
  #nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container {
    padding-left: 15%;
    padding-right: 15%;
  }

}
/* END IPAD */

/* *** EXHIBITOR DETAIL VIEW -- INTRO *** */
.exhibitorInfo {
  z-index: 100
}
.exhibitorInfo .exhibitorDetailsLogo {
  max-height: 180px
}
.exhibitorInfo .organizationHeading, .sponsorInfo .organizationHeading {
  font-size: 1.5em;
  margin: 16px 0 16px 0
}
.exhibitorInfo .boothNumber {
  display: block;
  width: 50px;
  margin: 0 auto 16px auto;
  font-size: 1.1em;
  padding: 4px 12px;
}
.exhibitorInfo a.fontBlack12, .sponsorInfo h4 a {
  color: #fac943 !important;
  display: inline-block;
  margin-top: 12px !important;
  word-break: break-all;
}
/* *** EXHIBITOR / SPONSOR DETAIL VIEW -- PROFILE *** */
.exhibitorInfo + .x-container, .exhibitorInfo + .x-container + .x-container, .sponsorInfo + .x-container + .x-container, .sponsorInfo + .x-container + .x-container + .x-container {
  background: #f0eff5;
  padding: 24px !important;
  margin: 0 !important;
  height: auto !important;
}
.exhibitorInfo + .x-container + .x-container .accordionContent {
  min-height: 140px !important;
}
.exhibitorInfo + .x-container .sectionTitleNew, .exhibitorInfo + .x-container + .x-container .sectionTitleNew, .sponsorInfo + .x-container + .x-container .sectionTitleNew, .sponsorInfo + .x-container + .x-container + .x-container .sectionTitleNew {
  border: none;
  padding: 0
}
/* *** EXHIBITOR / SPONSOR DETAIL VIEW -- REP CARDS *** */
.exhibitorInfo + .x-container + .x-container .x-list.x-layout-box-item, .sponsorInfo + .x-container + .x-container .x-list.x-layout-box-item {
  background: none
}
.exhibitorInfo + .x-container + .x-container .exhibitorRepresentativeListItem {
  border-radius: 8px !important;
  background: #fff;
  margin-bottom: 4px;
  padding: 8px 16px !important;
}
.sponsorInfo + .x-container + .x-container + .x-container .exhibitorRepresentativeListItem {
  background: none;
  padding: 0 !important
}
.sponsorInfo + .x-container + .x-container + .x-container .exhibitorRepresentativeListItem .x-list-item-tpl {
  border-radius: 8px !important;
  background: #fff;
  margin-bottom: 4px;
  padding: 8px 16px !important
}
.exhibitorInfo + .x-container + .x-container .exhibitorRepresentativeListItem .contactPosition, .sponsorInfo + .x-container + .x-container + .x-container .exhibitorRepresentativeListItem .contactPosition {
  font-size: 0.85em;
  margin: 0 0 2px 0
}
.exhibitorInfo + .x-container + .x-container .exhibitorRepresentativeListItem .contactOrganization, .sponsorInfo + .x-container + .x-container + .x-container .exhibitorRepresentativeListItem .contactOrganization {
  font-size: 0.85em;
  opacity: 0.5
}
/* REQUEST LIVE MEETING / REQUEST LIVE CHAT BUTTONS AT BOTTOM OF SCREEN */

.x-container[style="padding: 15px 15px 30px;
"] {
  background: #fac943 !important;
}
.x-container[style="padding: 15px 15px 30px;
"] .meetingRequestButtonContainer {
  background: #fac943 !important;
  border: none;
}
.x-container[style="padding: 15px 15px 30px;
"] .meetingRequestButtonContainer .font17 {
  color: #fff;
}
.x-container[style="padding: 15px 15px 30px;
"] .meetingRequestButtonContainer .x-button i {
  background: #fff !important;
  color: #fac943 !important;
}
/* Exhibitor rep card -- live dot */
.exhibitorRepresentativeListItem .repLiveDot {
  left: 48px
}
/* *** EXHIBITOR DETAIL VIEW -- MY NOTES *** */
.exhibitorInfo + .x-container + .x-container + .x-container .x-innerhtml {
  background: #f0eff5 !important;
  padding-left: 24px;
  padding-right: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}
/* Profile chevron & everything in My Notes */
.exhibitorInfo + .x-container i, .exhibitorInfo + .x-container + .x-container + .x-container * {
  color: #fac943 !important
}
/* HIDE ANNOYING HORIZTONTAL LINE BELOW CONTENT */
.buttonSeparator {
  opacity: 0 !important
}
/* ***************************************************** */
/* *************** SPONSORS MODULE (NEW) ************* */
/* ***************************************************** */
/* IPAD AND ABOVE */
@media screen and (min-width: 768px) {
  .x-list-grouped.sponsors .x-scroll-view {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  .sponsorInfo + .x-container + .x-container, .sponsorInfo + .x-container + .x-container + .x-container {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }

}
/* END IPAD AND ABOVE */
.x-list-grouped.sponsors {
  background: #f0eff5 !important;
}
.x-list-grouped.sponsors .x-list-header {
  background: none !important
}
.x-list-grouped.sponsors .x-list-header-wrap {
  border: none;
}
.x-list-grouped.sponsors .rankHeading, .x-list-grouped.exhibitors .rankHeading {
  text-transform: uppercase;
  font-weight: bold !important;
  font-size: 0.66em;
  letter-spacing: 2px !important;
  background: #fac943 !important;
  color: #fff !important;
  display: inline-block !important;
  border-radius: 100px;
  padding: 4px 16px;
  margin-left: -16px;
  line-height: 1em;
  margin-bottom: 16px !important;
  margin-top: 24px !important
}
.sponsors .x-list-item.sponsor {
  padding: 2px 16px !important
}
.sponsors .x-list-item.sponsor .x-innerhtml {
  background: #fff;
  border-radius: 8px;
  padding: 16px 16px 8px 16px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
}
.sponsors .x-list-item.sponsor .x-innerhtml .organizationHeading {
  font-weight: normal;
  margin: 12px 0 0 4px !important;
  display: inline-block;
  width: 90%;
  line-height: 1.1em
}
/* Sponsor logo */
.sponsorInfo .centeredAvatarNoCrop {
  width: auto;
  height: 180px;
  background-size: auto 180px !important
}
.sponsorInfo .centeredAvatarNoCrop + .organizationHeading {
  width: 100%;
  display: inline-block
}
/* Alphabetical list headers */
.x-list.sponsors .x-list-header .x-innerhtml {
  color: #fac943;
  margin: 24px 0 4px 0;
}
.newNoteContainer i.fa-angle-right: : before {
  color: #fff !important;
  margin-right: 8px !important
}
.newNoteContainer i.fa-angle-right {
  color: #fff !important;
  margin-top: -8px
}
/* Background area around "more info" button */
.sponsorInfo + div + div + div + div + div {
  background: #f0eff5;
  background: linear-gradient(180deg, #f0eff5 0%, #fff 100%) !important;
  padding-bottom: 80px
}
.sponsorInfo + div + div + div + div + div > .x-inner {
  margin-top: -24px !important
}
/* Extra info hidden until button pressed */
.sponsorInfo + div + div + div + div + div + .x-container.dark {
  margin: -32px 0 0 0 !important
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody {
  display: inline-block;
  padding: 24px !important;
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody p {
  margin-bottom: 16px
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody .bodyContent {
  padding: 0 !important
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody .sectionHeaderCell, #hooters .sectionHeaderCell {
  padding: 8px 0 !important;
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody .templateDataTable, #hooters .templateDataTable {
  background: rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 32px;
  border-radius: 12px
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody .templateDataTable .dataTableHeading, #hooters .dataTableHeading {
  background: none !important;
  padding: 12px !important;
  font-size: 12px !important;
  text-align: right !important
}
.sponsorInfo + div + div + div + div + div + .x-container.dark #templateBody .templateDataTable .dataTableContent, #hooters .dataTableContent {
  padding: 12px !important;
  vertical-align: middle
}
.bodyContent strong {
  font-weight: bold;
  display: block
}
/* Move up action links on sponsor details page */
.x-list-grouped.sponsors + .x-layout-card-item .inlineToolWrapper {
  margin-top: 0
}
/* ********************************************************* */
/* *********************** 05 DEC 2023 UPDATES ************* */
/* ********************************************************* */
/* ********** LIVE SUPPORT INTRO RIBBON TITLE AND BACK NAV ARROW ********** */
#pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-title .x-innerhtml, #pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-button-back: : before {
  color: #fff !important
}
/* Live support intro paragraph */
#ext-liveSupportRequest-1 .font16 {
  padding: 8px 0;
  font-size: 0.9em;
  line-height: 1.35em;
}
/* Live support request ribbon at bottom */
#ext-liveSupportRequest-1 > .x-inner > div: last-child {
  padding: 0 !important;
  background: #fff !important;
  border: none;
}
/* Position in queue shown above "Cancel request" */
#ext-liveSupportRequest-1 .meetingRequestButtonContainer {
  background: none !important;
  border: none
}
#ext-liveSupportRequest-1 .meetingRequestButtonContainer.lightBlackBackground {
  background: #f4f4f4 !important;
  width: 60% !important;
  margin-left: 20% !important;
  text-align: center !important;
  color: #000 !important;
  border-radius: 99px;
  padding: 0 !important;
}
#ext-liveSupportRequest-1 .meetingRequestButtonContainer.lightBlackBackground .x-container + .x-container {
  background: none !important;
  margin-left: -16px !important
}
@media screen and (min-width: 768px) {
  #ext-liveSupportRequest-1 {
    width: 70% !important;
    margin-left: 15% !important
  }

}
/* ********** LIVE SUPPORT QUEUE RIBBON TOP OF HOMESCREEN GRID ********** */
#ext-liveSupportDetails-1 .redBackground {
  padding: 3px !important
}
#ext-liveSupportDetails-1 .redBackground * {
  background: none !important;
  color: #fff
}
#ext-liveSupportDetails-1 .redBackground i.fa-user {
  font-size: 20px !important;
  margin-left: 8px
}
/* Live support hand icon badge on homescreen icon grid */
.desktop-button-wrapper .liveSupportBadge {
  background: #f00;
  width: auto;
  height: auto;
  border-radius: 99px
}
.desktop-button-wrapper .liveSupportBadge: : before {
  color: #fff;
}
/* Fix BG for search field in sponsor list top ribbon */
.x-toolbar-dark .x-input-search {
  background: #fff !important
}
/* ********** Tweak padding for "Exhibitor information" screen ********** */
#hooters {
  margin: 0 !important
}
#hooters #templateBody .bodyContent {
  padding: 24px !important
}
#hooters #templateBody .bodyContent p {
  margin-bottom: 16px
}
/* TWEAKS FOR EXTRA CONTENT ONCE MORE INFO BUTTON PRESSED */
#hooters .sectionHeaderCell {
  padding: 0 24px !important
}
#hooters .templateDataTable {
  width: 90%;
  margin: 16px 5%
}
/* Exhibitor detail view on iPad */
@media screen and (min-width: 768px) {
  .exhibitors.x-list .x-scroll-scroller-vertical {
    padding-left: 15%;
    padding-right: 15%
  }
  /* Whole page and intro section */
  #ext-exhibitor-1 {
    background: #f0eff5
  }
  #ext-exhibitorInfo-1 {
    background: #fff
  }
  /* Profile and Representative sections */
  .exhibitorInfo + .x-container, .exhibitorInfo + .x-container + .x-container {
    padding-left: 15% !important;
    padding-right: 15% !important
  }
  .exhibitorInfo + .x-container + .x-container + .x-container .exhibitorTool {
    padding-left: 15% !important;
    padding-right: 15% !important;
    background: #f0eff5 !important
  }
  #ext-exhibitor-1 + .x-container .sessionNotesTextAreaCls {
    margin-left: 15%;
    width: 70%
  }

}
/* END IPAD */
/* ********** VIEW LEADS LIST *********** */
#ext-viewLeads-1 .x-list-header {
  background: none !important;
  text-align: center;
  margin-top: 24px
}
#ext-viewLeads-1 .x-list-header .x-innerhtml {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 1px !important;
  border: none;
  color: #fac943;
}
#ext-viewLeads-1 .viewLead {
  background: #fff !important;
  margin: 8px 0;
  border-radius: 8px;
  border: none;
  padding: 8px;
  box-shadow: 0 5px 8px #e0d7f3;
}
#ext-viewLeads-1 .viewLead h4 {
  font-size: 0.9em
}
/* View leads list on iPad */
@media screen and (min-width: 768px) {
  #ext-viewLeads-1, .viewLeadInfo {
    padding-left: 15% !important;
    padding-right: 15% !important
  }
  .viewLeadInfo + div {
    margin-left: 15% !important;
    width: 70% !important;
  }

}
/* END IPAD */
/* ********** VIEW LEAD DETAIL PAGE *********** */
/* Attendee card */
.viewLeadInfo > .x-inner > .x-innerhtml {
  padding: 24px 16px 8px 24px;
}
.viewLeadInfo .avatar {
  width: 80px;
  height: 80px;
  background-size: 80px
}
.viewLeadInfo .attendeeHeading {
  display: inline-block;
  margin-top: 18px !important;
  font-size: 1.2em
}
.viewLeadInfo .header h4 {
  font-size: 1.1em
}
/* Info button hidden once clicked */
.viewLeadInfo + .infoButton {
  height: auto;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0eff5
}
.viewLeadInfo + .infoButton .infoButtonLabel {
  border: 1px solid #fac943 !important;
  width: auto !important;
  margin: 0 auto 16px auto;
  padding: 4px 12px;
  border-radius: 99px;
  font-size: 0.9em !important;
  font-weight: bold;
}
/* Extra info */
.viewLeadInfo + .infoButton + .x-container.dark {
  margin: 0 !important;
}
.viewLeadInfo + .infoButton + .x-container.dark .bodyContent {
  padding: 16px 24px !important;
}
.viewLeadInfo + .infoButton + .x-container.dark .bodyContent p {
  margin-bottom: 16px;
}
/* ********************************************************* */
/* *************** END 05 DEC 2023 UPDATES ***************** */
/* ********************************************************* */
/* *************** 25 OCT 2023 UPDATES TO FIX PCOA ISSUES -- MAYBE REMOVE AFTERWARDS ??? ************* */
/* Remove coloured backgrounds & excessive padding  */
.x-list-item-tpl.agenda .agendaColoredPostContainer, .x-list-item-tpl.myagenda .agendaColoredPostContainer {
  margin: -16px;
  padding: 24px;
}
/* Change BG color for (alternating?) grey agenda cards
.x-list-item-tpl.agenda .agendaColoredPostContainer {
  background: #fff !important
}
*/
/* Make text legible for track labels */
.x-list-item-tpl.agenda .agendaColoredPostContainer .trackHeading {
  background: rgba(0, 0, 0, .3) !important;
  border-width: 1px 1px 1px 16px !important;
}
/* Hide truncated session summaries */
.x-list-item-tpl.agenda .agendaColoredPostContainer .sessionInfoContainer {
  display: none
}
/* *************** END 25 OCT 2023 UPDATES TO FIX AT23-BNE ISSUES ************* */
@media screen and (min-width: 768px) {
  /* Remove coloured backgrounds & excessive padding  */
  .x-list-item-tpl.agenda .agendaColoredPostContainer, .x-list-item-tpl.myagenda .agendaColoredPostContainer {
    margin: -24px !important;
  }

}
/* ********************************************************* */
/* ***************** 17 JAN 2024 UPDATES ******************* */
/* ********************************************************* */
/* Fix alignment for circle cross icons inside fields */
.inAppPurchase .x-field-mask + .x-clear-icon: : before {
  margin: 4px 0 0 -4px
}
/* ************* TICKET PURCHASE MODULE ************* */

/* Screen BG */
.x-list.InAppPurchasesList {
  background: linear-gradient(0deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
}
/* Bottom strip BG behind "submit button" */
.x-list.InAppPurchasesList +.inAppPurchaseSummary +#invalidEmailLabel +div {
  background: #f0eff5;
}
/* Individual ticket panels */
.x-list-item-tpl.inAppPurchase + .x-list-item-tpl.inAppPurchase > .x-innerhtml {
  border-radius: 12px;
  padding-bottom: 24px;
  background: #fff;
  margin: 16px 0 !important;
  border: 1px solid #e0d7f3;
}
/* Function name */
.x-list-item-tpl.inAppPurchase .font16 {
  font-weight: bold
}
/* Ticket type */
.x-list-item-tpl.inAppPurchase .font16 + .font14.italic {
  margin: 8px 0;
  font-style: normal
}
/* Guest name header */
.x-list-item-tpl.inAppPurchase .sectionTitle {
  padding: 16px 0 4px 0;
  width: 100%;
  border: none;
  color: #fac943 !important;
  border-bottom: 1px solid #fac943;
  text-transform: uppercase
}
.x-list-item-tpl.inAppPurchase .guestFields {
  padding-right: 0
}
.x-list-item-tpl.inAppPurchase .guestFields span {
  font-size: 1.1em;
  margin-top: 8px !important;
  display: inline-block
}
.x-list-item-tpl.inAppPurchase .guestLabels {
  padding-bottom: 4px
}
.inAppPurchaseSummary {
  height: auto;
  background: #fac943;
  padding-bottom: 8px;
  font-weight: bold
}
/* Optional custom headings */

.inAppPurchase .staticContentHeading {
  background: none !important;
  border: none !important;
}
.inAppPurchase .staticContentHeading .contactHeading {
  color: #fac943;
  font-weight: bold;
  margin: 16px 0 0 -8px !important;
  text-align: center;
}
/* In-app purchase button eg minus/plus rockers for # of tickets */
.defaultBackground {
  background: #fac943
}
/* Error message below total price */
.inAppPurchaseSummary + .loginFail .loginFailContent {
  text-align: center
}
/* Fix alignment for circle cross icons inside fields */
.inAppPurchase .x-field-mask + .x-clear-icon: : before {
  margin: 4px 0 0 -4px
}
@media screen and (min-width: 768px) {
  .inAppPurchase {
    padding-left: 15%;
    padding-right: 15%
  }

}
@media screen and (min-width: 1024px) {
  .inAppPurchase {
    padding-left: 25%;
    padding-right: 25%
  }

}
@media screen and (min-width: 1280px) {
  .inAppPurchase {
    padding-left: 35%;
    padding-right: 35%
  }

}
/* ************* TABLE SELECTION MODULE ************* */
/* Date header */
#ext-tableallocations-1 .x-list-header {
  background: none !important;
  margin: 16px 0;
  padding: 0;
}
#ext-tableallocations-1 .x-list-header .x-innerhtml {
  border: none;
  color: #fac943;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  width: 100%;
  letter-spacing: 1px !important
}
/* Individual panels */
.x-list-item-tpl.tableallocation {
  background: #fff;
  border-radius: 8px;
  padding: 8px 4px;
  margin: 4px 0;
  border: none !important;
  box-shadow: 0 5px 8px #e0d7f3;
}
.x-list-item-tpl.tableallocation .agendaHeading {
  margin: 0 0 8px 0 !important
}
.x-list-item-tpl.tableallocation h4, .x-list-item-tpl.tableallocation h3 {
  font-size: 0.9em !important
}
.x-list-item-tpl.tableallocation h4 i, .x-list-item-tpl.tableallocation h3 i {
  display: none
}
/*Allocated table info */
.tableallocationInfo .agendaHeading {
  font-size: 1.4em;
  padding-top: 16px;
  color: #fac943 !important
}
.tableallocationInfo .sectionTitle {
  padding: 16px 0 0px 0;
  width: 100%;
  border: none;
  color: #fac943 !important;
  text-transform: uppercase
}
.tableallocationInfo .sectionContent {
  margin-bottom: 0 !important
}
h4.tableName {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 4px 8px !important;
  opacity: 1 !important;
  font-size: 0.9em !important
}
/* CHANGE TABLE MAIN SCREEN */
div[aria-label="View Table Plan"] .x-button-label {
  background: #fac943;
  margin: 16px;
  border-radius: 8px;
  color: #fff !important
}
div[aria-label="View Table Plan"] .x-button-label * {
  color: #fff !important
}
div[aria-label="View Table Plan"] .x-button-label i {
  margin: -8px -16px 8px 0
}
.x-list.tables .x-list-header-wrap {
  background: none !important;
  border: none;
  margin-bottom: 16px
}
.x-list.tables .x-list-header-wrap .x-innerhtml {
  border: none;
}
.x-list.tables .x-list-item-tpl.tablelist {
  background: #fff !important;
  border-radius: 8px;
  margin-bottom: 2px;
  padding: 4px 0;
}
/* CHANGE TABLE DETAIL SCREEN */
.x-list-normal.guests .attendeeHeading + h4, .x-list-normal.guests .attendeeHeading + h4 + h4 {
  font-size: .9em;
}
/* TABLE GUESTS SCREEN */
.x-list.tableGuests .x-list-header {
  background: none !important
}
.x-list.tableGuests .x-list-header .x-innerhtml {
  color: #fac943;
  border: none;
  margin-bottom: 16px;
}
.x-list.tableGuests .x-list-header-wrap {
  border: none
}
.x-list-item-tpl.tableGuests {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 4px;
  padding: 8px 0;
  box-shadow: 0 5px 8px #e0d7f3;
}
.x-list-item-tpl.tableGuests h4 {
  font-size: 0.8em
}
/* IPAD  */
@media screen and (min-width: 768px) {
  .guestList {
    text-align: center
  }
  div[aria-label="View Table Plan"] .x-button-label {
    margin-left: 25%;
    margin-right: 25%
  }
  .x-list.tables {
    padding: 24px 25% !important;
  }
  .x-list-item-tpl.tableallocation, .tableallocationInfo > .x-inner {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 480px !important
  }
  .guestInfo.x-layout-box-item, .guestInfo.x-layout-box-item + .x-container {
    padding-left: 20%;
    padding-right: 20%
  }

}
@media screen and (min-width: 1200px) {
  .guestInfo.x-layout-box-item, .guestInfo.x-layout-box-item + .x-container {
    padding-left: 35%;
    padding-right: 35%
  }

}
/* ************ MEETINGS MODULE ************* */
#nextgenmobile-view-meeting-listpullrefresh-1 {
  background: linear-gradient(180deg, #f0eff5 0%, #f0eff5 80%, rgba(255, 255, 255, 1) 100%);
}
.x-list-item-tpl.meeting {
  background: #fff;
  box-shadow: 0 8px 16px #e0d7f3;
  width: 90%;
  margin: 16px 0 -8px 5%;
  border-radius: 8px;
}
.x-list-item-tpl.meeting .x-innerhtml {
  padding: 24px !important
}
.x-list-item-tpl.meeting .meetingStatusColor {
  border-radius: 8px 0 0 8px !important;
  margin: -24px 0 0 -24px !important
}
.x-list-item-tpl.meeting .agendaDates h3 {
  text-align: left
}
.x-list-item-tpl.meeting .myAgendaDivider {
  display: none
}
.x-list-item-tpl.meeting .myAgendaListContent {
  margin-left: 25%
}
.x-list-item-tpl.meeting .myAgendaListContent .meetingGap {
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: -8px !important
}
.x-list-item-tpl.meeting .myAgendaListContent h3 .agendaHeading {
  font-size: 1.1em;
  margin-bottom: 8px;
  color: #fac943 !important
}
.x-list-item-tpl.meeting .myAgendaListContent h3 + h3 {
  font-size: .85em
}
.x-list-item-tpl.meeting .myAgendaListContent .meetingType {
  border: none;
  font-size: 0.8em;
  width: auto;
  display: inline-block;
  padding: 4px 12px
}
@media screen and (min-width: 768px) {
  .x-list-item-tpl.meeting {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 480px
  }
  .meetingInfo {
    padding-left: 25% !important;
    padding-right: 25% !important
  }

}
/* *********** MEETING DETAIL VIEW ******* */
.meetingInfo {
  padding: 16px
}
.meetingInfo .avatar {
  width: 80px;
  height: 80px;
  background-size: 80px
}
.meetingInfo .avatar + .attendeeHeading {
  padding-top: 20px !important;
  display: inline-block;
  font-size: 1.2em
}
.meetingInfo h4 {
  font-size: 1.1em
}
.meetingInfo h4 i {
  display: none
}
.meetingInfo .meetingType {
  border: none;
  font-size: 1em;
  padding: 4px 12px;
  display: inline-block;
  width: auto;
  margin-top: 16px
}
.starability-growRotate {
  width: auto;
  margin-top: 24px !important
}
.meetingInfo .starability-growRotate legend {
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 2px !important
}
.meetingInfo .starability-growRotate legend: : after {
  content: ' : '
}
.starability-growRotate label {
  opacity: 0.75;
  margin-right: 4px
}
.meetingInfo + .x-button-normal, .meetingInfo + .x-button-normal + .x-button-normal, .meetingInfo + .x-button-normal + .x-button-normal + .x-button-normal, .meetingInfo + .x-button-normal + .x-button-normal + .x-button-normal + .x-button-normal {
  margin-top: 0 !important;
  margin-bottom: 24px !important
}
/* Speaker details --> Handouts action icon */
.inlineToolWrapper .unstyledIcons i {
  color: #fac943 !important
}
/* ********************************************************* */
/* *************** END 17 JAN 2024 UPDATES ***************** */
/* ********************************************************* */
/* ************************************************************************************
END FINAL TWEAKS
************************************************************************************ */