Attendee App CSS (NON-Modern theme)

 * { word-break: break-word } .desktop-button-label { word-break: normal } .nbloader::before { background:#7037ED } #pageBannerToolbar { padding-bottom: 4px; background: #f1ebfe !important; } .pageBannerImage img { margin-bottom: -8px !Important } @media screen and (min-width:768px) { #desktopIconPanel { margin-top: -48px } } .desktop-button-wrapper { width: 64px; height: 64px; margin-bottom: 48px; margin-left:12px !important; margin-right:12px !important; } @media screen and (max-width:547px){ .x-homeContainer #homeScreenContainer { padding-left:calc(50% - 186px) !important } } .desktop-icon-panel .desktop-button { width: 100%; height: 64px; border: none; border-radius: 12px; 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 { margin-top: -8px !important; } .desktop-button-wrapper .x-button-normal { background-color: #fff !important } .desktop-button-label { font-size: 0.8em; font-weight: 400; line-height: 1; margin-top: 8px } .desktop-button-icon::before { font-size: 28px; } .desktop-button-wrapper .desktop-button { background-repeat: no-repeat !Important; background-color: #fff !important; background-position: center !Important; } .desktop-button-wrapper.LogInButton .desktop-button { border:4px solid#7037ED !important; } .desktop-button-wrapper.LogInButton .desktop-button-label{ font-weight:bold !important; } @media screen and (max-width:374px){ .desktop-button-wrapper { margin-left:10px !important; margin-right:10px !important; } .desktop-button-icon { margin-top: -2px !important; } } @media screen and (min-width:768px) { .desktop-button-wrapper { width: 85px; height: 85px; margin-left:4% !important; margin-right:4% !important; } .desktop-icon-panel .desktop-button { height: 85px; border-radius: 16px; } .desktop-button-icon::before { font-size: 32px; } .desktop-button-icon { margin-top: 0 !important; } } #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: #f1ebfe; border: 1px solid#7037ED !important; color:#7037ED !important } .x-container.x-field { border-radius: 8px !important } #logInButton { width: 100%; background:#7037ED; border: none; } #resetPasswordButton { border: none; margin-top: 16px; color:#7037ED; } .x-installapp { background:#7037ED; border: 2px solid #fff; box-shadow: none; border-radius: 16px; padding: 8px 16px } .x-installapp * { color: #fff; text-align: center; background:#7037ED; border: none; box-shadow: none; text-shadow: none } .x-installapp .arrow { border: none; -webkit-box-shadow: none; background:#7037ED; border-radius: 0; bottom: -7px } .x-installapp .icon-share { display: none } .x-list-pullrefresh { background: none !important; height: 6em; padding: 2em 0 0 0; margin-top: -2.8em; } .x-list-pullrefresh * { color:#7037ED !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 } * { letter-spacing: 0 !Important } #pageBannerToolbar + .x-dock-body .x-toolbar-dark { background: #fff; box-shadow: 0 -10px 44px #E0D7F3 !important; z-index: 100; } #pageBannerToolbar + .x-dock-body .x-toolbar-dark *, #pageBannerToolbar + .x-dock-body .x-toolbar-dark *::before { color:#7037ED !Important } #pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-button-icon::before, #pageBannerToolbar + .x-dock-body .x-toolbar-dark .x-button-label { color: #fff !important } #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark { background:#7037ED; 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 } .x-navigation-bar { background:#7037ED } .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 } .nicButtonMajor, .refreshButton { font-weight: bold; background:#040742; border: none; } .nicButtonLabel { line-height: 1 } .nicButtonMinor { background: #fff !important; color:#040742 !important; border-color:#040742 !important; } .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 } .x-list-paging-msg { padding: 16px 0; font-size: 0.85em; font-weight: bold; color:#7037ED } .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; } } .x-item-pressed { opacity: 0.5 } i.defaultIconColor { color:#7037ED } .messageButton { background:#040742; } textarea.x-input-el { font-size: 0.85em !important; letter-spacing: 0 !important } .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:#7037ED; } .notificationPopupHeadingCloseIcon { margin: 6px 6px 0 0; -webkit-text-stroke: 1px#7037ED } .notificationPopupButtonLabel { color:#040742; padding-bottom: 2px } .notificationPopupMessageHtml { padding-top: 16px } .notificationPopupButton { border-top-color: #E0D7F3; } .notificationPopupButton:active { background:#040742; } .notificationPopupButton:active span { color: #fff } .notificationPopup .x-tabbar .x-body { border-radius: 0 } .toast-window-new { padding: 0 !important; box-shadow: 0 0 100px rgba(0, 0, 0, 0.3) !Important } .toast-window-new-heading { background:#7037ED !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 } .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 } .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 } .toast-window-new .chatMessagesPanel + .x-container { padding: 0 } .toast-window-new .messageArea { font-size: 0.8em !Important; line-height: 1.2em } .toast-window-new .liveDot { left: 60px; top: 68px } .x-list-item .liveDot { left: 66px; top: 48px } .ScanContactConnectionsTab .liveDot {left:48px !important} @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 } } .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: ': '; } .toast-window-new.x-sheet-action .nicButtonMinor { height: 45px !important; } .toast-window { border-top: none; } .meetingHubCallActionSheet .chatMessagesPanel + .x-container { margin-bottom: 24px } .fa-comments-alt[style="transform: rotate(90deg);"] { transform: none !important } .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:#7037ED } .x-select-overlay .x-field-select .x-component-outer::after { top: 16px !important } .x-select-overlay .x-list-item:active * { background:#7037ED; color: #fff; border-radius: 4px } .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:#7037ED } .filterPopup .x-field-select .x-input-el { padding: 12px 0 12px 4px !important } .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 } @media screen and (min-width:440px) { .filterPopup .notificationPopupHeading + .x-layout-box-item { padding: 16px !important } } .x-picker.x-floating .x-toolbar-dark { background:#7037ED } .x-picker.x-floating .x-item-selected { background: #f1ebfe; color:#7037ED } .x-picker.x-floating .x-picker-bar { border-color: #f1ebfe } .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 } #nextgenmobile-view-agenda-listpullrefresh-1 + .x-layout-fit-item { padding-top: 16px; background: #f1ebfe } .dateDataView { background: #f1ebfe; } .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:#7037ED !Important; border-color: #4F1AC3 !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 } #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:#7037ED !important; font-size: 0.8em; line-height: 36px !important; -webkit-text-stroke: 3px #f1ebfe; } .x-toolbar-dark + .x-dock-body i.fa-triangle.navigationArrow::before { line-height: 20px !important; } .x-list .x-list-item { border: none } .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 } #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:#7037ED !important; } .x-list-item .agendaColoredPostContainer .rightArrow, .x-list-item .agendaColoredPostContainer .rightArrow::before { color: rgba(0, 0, 0, 0.66) !important; } .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: #f1ebfe } .x-field-input:active * { color: #4F1AC3; } @media screen and (min-width:768px) { #nextgenmobile-view-agenda-listpullrefresh-1 + .x-container .x-list-item-tpl.agenda { border-radius: 8px; margin: 8px 15%; width: 70%; padding: 24px; } .x-toolbar-dark + .x-toolbar-dark { background: #f1ebfe !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 } .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% } } .x-list-item .agendaHeading, .x-list-item .attendeeHeading { display: block; font-size: 0.95em; line-height: 1.1em !important; } .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; } .x-list-item .far.fa-star { display: none !important; } .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 } .agendaOnNow { background:#7037ED !Important; margin: -16px 0 0 -16px; width: 8px; border-radius: 4px 0 0 4px !Important } @media screen and (min-width:768px) { .agendaOnNow { margin: -24px 0 0 -24px; } } .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 } .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:#7037ED } .x-field-search { margin: 16px !important } .x-toolbar .x-field-select .x-component-outer::after { top: 30px !important } .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; } .FunctionAgendaType::after { content: '\1F39F'; content: ''; } .BreakActivityAgendaType::after { content: '\2615'; } .InformationAgendaType::after { content: '\2139'; background:#7037ED; 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: '\1F6CF'; } .PresentationAgendaType::after { content: '\1F3A4'; } .TravelBookingAgendaType::after { content: '✈\2708'; } .MeetingAgendaType::after { content: '\1F91D'; } .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 } .HeadingAgendaType, .InformationAgendaType, .BreakActivityAgendaType { margin: -16px; background: #f1ebfe; 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: #4F1AC3 !important; } .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 } } .sessionInfoItem:nth-of-type(1), .resoursceGallerySessionContact { background:#7037ED; background: linear-gradient(360deg, #4F1AC3 0%,#7037ED 20%,#7037ED 100%); padding: 16px 8px; } @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 } } .resoursceGallerySessionContact { margin: -16px -16px 0 -16px; padding: 24px } .sessionInfoItem:nth-of-type(1) *, .resoursceGallerySessionContact * { color: #fff !important } .sessionInfoItem:nth-of-type(1) h4, .resoursceGallerySessionContact h4 { opacity: 0.75; font-size: 1em; } .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; } .sessionInfoItem:nth-of-type(1) h4 + h4 + h4 + h4, .resoursceGallerySessionContact h4 + h4 + h4 + h4 { margin-top: 8px !important; font-weight: normal; } .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:#7037ED !important } .sessionInfoItem:nth-of-type(1) .tracksInfo + div .trackHeading { margin-top: 0 } .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 } .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:#7037ED !important; font-size: 0.85em; font-weight: bold !important; } .sessionInfoItem:nth-of-type(4) { box-shadow: 0 10px 24px -10px rgba(0,0,0,0.1) !important; z-index: 100; } @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 } } .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:#7037ED !Important; font-size: 1em; font-weight: bold !important; } .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 } @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 } } .sessionInfoItem .sectionTitle { padding: 0; border: none; font-size: 1.1em } .x-list-item.agendaTool .x-innerhtml, .x-list-item.sessionTool .x-innerhtml { 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:#040742 !important } .x-list-item.sessionTool .x-innerhtml:active, .x-list-item.agendaTool .x-innerhtml:active { background: #f1ebfe } .translationContainer { border-color:#040742; border-radius: 8px; padding: 8px } @media screen and (min-width:768px) { .translationContainer { margin-left: 15%; margin-right: 15% } } .sessionPlayerPlaceHolder + div .x-innerhtml > div > .agendaHeading:nth-of-type(1) { display: block !important; background:#7037ED; background: linear-gradient(360deg, #4F1AC3 0%,#7037ED 20%,#7037ED 100%); color: #fff !Important; margin: -16px; padding: 24px 16px } @media screen and (min-width:768px) { .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% } .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; } .sectionTitleNew + .font14 + .topSeparator + .agendaHeading + div + .font14{ margin: 24px 15% !important; padding: 0 } .topSeparator { margin: 24px 15% !important; } .topSeparator.marginTopBottom10 + .agendaHeading.marginBottom10 + div[style="display: flex; align-items: start;"]{ margin: 24px 15% !important; padding: 36px !Important; border-radius: 16px; } .topSeparator.marginTopBottom10 + .agendaHeading.marginBottom10 + div[style="display: flex; align-items: start;"] + .font14.marginTop15.marginBottom20 { margin: 24px 15% !important; } .sectionTitleNew.marginTopBottom15 + .font14{ margin-right:15% !Important; } } .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; } .sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div { background: #f1ebfe; margin: 16px 8px !important; padding: 24px 16px; border-radius: 8px; } .sessionPlayerPlaceHolder + div .topSeparator + .agendaHeading.marginBottom10 + div * { color: #4F1AC3 !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 } .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; } .preSessionContainer { background:#7037ED; background: linear-gradient(#7037ED 0%,#7037ED 66%, #4F1AC3 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); } .playerContainerSmall { width: 100% !important } .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; } .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew { display: none !Important } .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div, .sessionPlayerPlaceHolder + div .agendaHeading + .sectionTitleNew + div.font14 + .sectionTitleNew + div.font14 + .topSeparator + .sectionTitleNew + div { background: #f1ebfe; padding: 16px; border-radius: 8px; margin-top: 32px; } .agendaHeading + .font16.marginTop15 {margin:36px 0} @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 } } .meetingRequestButtonContainer { background: #f1ebfe !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:#7037ED; font-weight: normal; letter-spacing: 1px !important; text-transform: uppercase; font-size: 13px } .meetingRequestButtonContainer .font17::after { content: ': ' } .meetingRequestButtonContainer i.greenBackground {background:#7037ED !important} .meetingRequestButtonContainer .fa:active { opacity: 0.8 } .meetingRequestButtonContainer .fas { scale: 0.85 } .meetingRequestButtonContainer + .infoButton { background:#040742; padding: 24px } .meetingRequestButtonContainer + .infoButton .infoButtonLabel { color: #fff; font-weight: bold; text-align: center; } @media screen and (min-width: 768px) { .chatMessagesPanel { padding: 0 15% !important; } .chatMessagesPanel + .x-container { padding: 48px 15%; } .tabButtonsTabPanel .chatMessagesPanel + .x-container { padding: 48px 0; } } .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: #f1ebfe; color: #4F1AC3; 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 } .x-tabbar .x-inner { background: #f1ebfe !important; } @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; } } .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; } .x-tab .x-button-label, .x-dataview .dateDataViewItem { width: 100% !important; color:#7037ED !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: #4F1AC3 !important; border-color: #4F1AC3 !important; font-weight: bold !important } .x-tab .x-badge { padding: 4px !important; margin: 5px 30px !important; background: #4F1AC3 !important } .sessionNotesTextAreaCls { padding: 16px !important; border-radius: 8px; font-size: 0.9em } .x-tabbar + .x-dock-body .x-innerhtml.font16 { text-align: center; padding: 24px 16px; font-size: 0.9em } .socialWallPostContainer { background: none } .socialWallPostContainer + .x-container { padding: 0 0 24px 0 !important } .socialWallPostContainer + .x-container .x-button { width: 50% } .liveQuestionInfo + form { background: #f1ebfe } .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#7037ED !important; } .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:#7037ED !Important } .x-liveQuestionVotes-header + div + .x-scroll-container { padding-top: 16px !Important } .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 } .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 } .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; } @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 } } .x-list.attendees, .x-list-grouped { background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); padding: 16px !Important } .myAgendaList { padding-bottom: 0 !important } @media screen and (min-width:768px) { .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%; } } .x-list.attendees .x-list-header, .x-list-grouped#ext-meetingHubContacts-1 .x-list-header { background: none !important; border: none !Important; padding: 16px 8px } @media screen and (min-width:768px) { #ext-meetingHubContacts-1 .x-inner.x-scroll-scroller-vertical { padding-left: 25% !important; padding-right: 25% } } .x-list.attendees .x-list-header .x-innerhtml, .x-list-grouped#ext-meetingHubContacts-1 .x-list-header .x-innerhtml { border: none !Important; background:#7037ED; 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 } .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; } .avatarIcon, .centeredAvatar { border-radius: 333px; } .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; } .attendeeHeading + h4 + h4 + div { display: none } #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} @media screen and (min-width:768px) { #ext-meetingHubContacts-1 .x-unsized.x-list-header.x-list-header-swap { padding-left: 25%; padding-right: 25%; margin-left: 7px; } } .x-layout-box-item.speakerInfo { background:#7037ED; background: linear-gradient(360deg, #4F1AC3 0%,#7037ED 20%,#7037ED 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) } .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) } @media screen and (min-width:768px) { .x-layout-box-item.speakerInfo > .x-inner > .x-innerhtml > p.font14 { padding: 16px 15%; } } .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; } .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 } @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; } } .x-layout-box-item.speakerInfo + .presentationInfo { background: #f1ebfe; background: linear-gradient(180deg, #f1ebfe 0%, #f1ebfe 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 } .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 } .presentationInfo .x-list-item .x-innerhtml .inlineToolWrapper { margin-left: -24px; margin-right: -24px } .presentationInfo .x-list-item:active .x-innerhtml .inlineToolWrapper { background: #fff !Important } .presentationInfo .x-list-item:active .x-innerhtml .inlineToolWrapper:active { background: #E0D7F3 !Important } .presentationInfo .x-list-item:active .x-innerhtml .inlineToolWrapper:active * { color:#7037ED !Important } #ext-meetingHubContacts-1 .meetingHubAvatarIcon + .liveDot { left: 48px } .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: #4F1AC3; opacity: 0.7; letter-spacing: 3px !important; } .meetingHubInvites .x-scroll-scroller { padding: 16px 0 } @media screen and (min-width:768px) { .meetingHubInvites .x-scroll-scroller { padding: 16px 15%; } } .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 } .toast-window.meetingHubCallActionSheet { margin: 32px 2.5% 0 2.5% !important; width: 95% !Important; border-radius: 8px 8px 0 0; } @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 } } .toast-window.meetingHubCallActionSheet .meetingHubSelectedContact { background:#7037ED; border-radius: 8px 8px 0 0; padding: 16px !important; } .toast-window.meetingHubCallActionSheet .meetingHubSelectedContact * { color: #fff !Important; } .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:#7037ED !important; border-radius: 100px } .toast-window.meetingHubCallActionSheet .removeConnectionButton { margin: 8px 32px 0 8px; border-color: #fff } .toast-window.meetingHubCallActionSheet .bigAvatar, .x-navigationview-inner .meetingHubSelectedContact .bigAvatar { width: 48px; height: 48px; background-size: 48px; margin-right: 4px; opacity: 0.99; } .toast-window.meetingHubCallActionSheet .liveDot { left: 50px; top: 48px } .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; } } .x-navigationview-inner .meetingHubSelectedContact .liveDot { top: 57px; left: calc(50% - 225px); } .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 } .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; } .toast-window.meetingHubCallActionSheet > div > div + div { border-radius: 8px 8px 0 0; } .toast-window.meetingHubCallActionSheet .meetingHubCurrentItemIndicator { display: none !Important } .ScanContactConnectionsTab, .ScanContactConnectionsTab .x-list-normal { padding-top: 16px; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 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; } } .ScanContactScanTab .x-container[style="padding: 10px 20px;"] .x-innerhtml.font16.bold { color:#7037ED; 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; } .ScanContactScanTab .x-container[style="padding: 10px 20px;"] + .x-container + .x-container[style="width: 100% !important;"] { background: #f1ebfe; padding: 16px 16px 32px 16px; } .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; } .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 } .ScanContactScanTab .meetingHubCurrentItemIndicator { border: none; border-top: 1px solid #E0D7F3; margin: 0 0 -36px 0 !important; } .ScanContactScanTab .meetingHubCurrentItemIndicator > div * { font-size: 1.1em; color:#7037ED !Important; padding: 4px 0 !Important; } .ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized { padding-bottom: 24px; } .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; } .ScanContactScanTab .meeingHubContactDetailsTable { margin-top: -2px; margin-left: 68px; } .ScanContactScanTab .meeingHubContactDetailsTable i, .ScanContactScanTab .meeingHubContactDetailsTable .font14 { font-weight: normal !important; color: #000 !important; } @media screen and (min-width:768px) { .ScanContactScanTab .x-container[style="padding: 10px 20px;"], .ScanContactScanTab .x-container[style="padding: 10px 20px;"] + .x-container { padding-left: 15% !Important; padding-right: 15% !important; } .ScanContactScanTab .x-container[style="padding: 10px 20px;"] .x-innerhtml.font16.bold { padding-left: 0 !important; padding-top: 32px !Important } .ScanContactScanTab .x-container[style="padding: 10px 20px;"] + .x-container + .x-container[style="width: 100% !important;"] { padding-left: 15%; padding-right: 15%; } .ScanContactScanTab .x-container[style="width: 50% !important;"] .font16.textCenter { width: 240px; } .ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized { padding-left: 15% !important; padding-right: 15% !important; } } @media screen and (min-width:1024px) { .ScanContactScanTab .x-container[style="padding: 10px 20px;"], .ScanContactScanTab .x-container[style="padding: 10px 20px;"] + .x-container { padding-left: 25% !Important; padding-right: 25% !important; } .ScanContactScanTab .meetingHubCurrentItemIndicator + .x-container.x-unsized { padding-left: 25% !important; padding-right: 25% !important; } } .ScanContactExportTab, .eventNotesExportTab, .sessionNotesDetail .x-tabbar + .x-dock-body{ background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, #fff 100%); width:100% !Important } .sessionNotesDetailExportTab, .sessionNotesDetailNotesTab, .sessionNotesDetailNotesTab .x-field-textarea {background:none !important} .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; } .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 } .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: '\1F4E9'; 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); } .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; } } .myAgendaList, .sessionSurveyList { background: #f1ebfe !important; padding: 0 16px; } @media screen and (min-width:768px) { .myAgendaList, .sessionSurveyList { padding: 0 15% !important; } .agendaColoredPostContainer { margin-left: 15%; margin-right: 15% } } .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:#7037ED; 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 } .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 } .myAgendaList .x-list-item.myagenda .fa-star { float: none; display: inline; margin: 0 0 -4px 8px !important; font-size: 1.2em !Important } .myAgendaList + .x-container > .x-inner { padding: 0; } .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:#7037ED } .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, #f1ebfe 0%, #f1ebfe 50%, #fff 100%) !important; } .myagendaInfo { background:#7037ED; } .myagendaInfo .agendaHeading, .myagendaInfo .agenda .header h3 { color: #fff !Important; padding: 8px 8px 16px 8px !important; } .myagendaInfo h4 { font-size: 1em; color: #fff !important; opacity: 0.75; padding: 0 8px 0 12px !Important } .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 } .myagendaInfo .header h4 i { display: none } .myagendaInfo .inlineToolWrapper { background: #fff; padding: 16px } .myagendaInfo .inlineToolWrapper * { color:#040742 !Important; } .myagendaInfo .inlineToolWrapper:active { background: #f1ebfe } .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: 270px; 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:#7037ED } .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; } .agenda .header .tracksInfo + h4 { margin-top: 16px } .myAgendaList + .x-container[style="padding: 20px;"] .agenda h4 + h4 { display: block } .header + div[starbutton="true"] { margin-top: 16px } .myagendaInfo .marginTop10 + .inlineToolWrapper + .sectionTitle { margin-top: 0px } .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; } .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 } .agenda .header h4 + .marginTop10 { margin: 16px 0 24px 4px !important } .myagendaInfo .header h4 + h4 + h4 + h4 + .sectionTitle { margin-top: 24px } @media screen and (min-width:768px) { .myagendaInfo .header .agendaHeading + .sectionTitle { border-radius: 16px } } .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 } .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 > .agendaHeading + h4 + h4 + h4 + h4 + h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4 + h4 + h4 + h4 +h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4 + h4 + h4 + h4 +h4 +h4, .myAgendaCard .myagendaInfo .agenda > .header > .agendaHeading + h4 + h4 + h4 + h4 + 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 } @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 } .myagendaInfo .header .inlineToolWrapper { margin-bottom: -48px } .myAgendaList + .x-container[style="padding: 20px;"] { padding-left: 25% !important; padding-right: 25% !important } } .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 } .myagendaInfo .agenda .avatar { width: 80px; height: 80px; background-size: 80px; box-shadow:0 4px 8px #4F1AC3; } .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 } .myagendaInfo .agenda div[style="min-height:100px"] +h4 i, .myagendaInfo .agenda div[style="min-height:100px"] +h4 +h4 i { color:#fff !important } .myagendaInfo .agenda div[style="min-height:100px"] +h4 +h4 +.meetingType { margin-left:12px; } .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 } .myagendaInfo .agenda .header i.fa-money-bill-alt { font-weight: bold !important } .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, .myAgendaCard .myagendaInfo .agenda .header .tracksInfo + h4 + h4 + h4 + h4, .myAgendaCard .myagendaInfo .agenda .header .tracksInfo + h4 + h4 + h4 + h4 + h4 { background: none !Important; color: #fff !important; } .myAgendaCard .myagendaInfo .agenda .header .trackHeading { background: #fff !important; color:#7037ED !Important; padding: 4px 8px !important; } @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; } } .sessionSurveyInfo { background:#7037ED } @media screen and (min-width:768px) { .sessionSurveyInfo { padding-left: 15%; padding-right: 15%; padding-top: 32px } } .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 } .sessionSurveyInfo + .x-form { padding: 24px; margin: 0 !important } @media screen and (min-width:768px) { .sessionSurveyInfo + .x-form { padding-left: 15%; padding-right: 15%; padding-top: 48px } } .sessionSurveyInfo + .x-form h4[style="font-weight: bold;font-size: 20px;margin-bottom:10px"] { color:#7037ED; font-size: 1.6em !important; } .sessionSurveyInfo + .x-form h4 + p { margin: 8px 0 } .sessionSurveyInfo + .x-form .x-form-fieldset { margin-top: 32px !important } .sessionSurveyInfo + .x-form .x-label { margin-bottom: 8px !important } .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:#040742 !important } .sessionSurveyInfo + .x-form .x-field-checkbox::before { border: none } .sessionSurveyInfo + .x-form .fas, .sessionSurveyInfo + .x-form .fa { color:#040742 !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% } .attendeeInfo > .x-inner { padding: 48px; background: #f1ebfe; background: linear-gradient(180deg, #f1ebfe 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:#7037ed !important} .greenColor {color:#7037ed !important} .meetingHubSelectedContact { background: #fff; box-shadow: 0 0 44px -11px rgba(0,0,0,0.2); padding: 24px !important; margin-bottom:8px } .meetingHubCurrentItemIndicator i { color:#7037ED !Important } .meetingHubTabButtonWrapper[style="background: black"] { background: #7037ed !Important; } .meetingHubTabButtonWrapper[style="background: black"] + .meetingHubTabButtonText { font-weight: bold !important; color: #7037ed; opacity: 1; } @media screen and (min-width:768px) { .meetingHubSelectedContact { padding-left: 15% !important; padding-right: 15% !important } .meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-inner .x-container:nth-child(4) { margin-left: 15% !important; width: 70% !important; padding: 0 !Important } } .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) } .meetingHubTabButtonsWrapper { margin: 0; border-bottom: 1px solid #f1ebfe; } .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; } .meetingHubTabButtonsWrapper .meetingHubTabButtonPanel { margin: 8px 10px } .meetingHubTabButtonsWrapper .meetingHubTabButtonPanel:active * { opacity: 0.9 } .meetingHubTabButtonWrapper { width: 64px; height: 64px; border-radius: 12px !Important; margin: 4px; background:#040742 !important; } .meetingHubTabButtonWrapper[style="background:#7037ED; background-color: #D8D8D8"], .meetingHubTabButtonWrapper[style="background: #157EFB; background-color: #D8D8D8"] { opacity: 0.33 } .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 } #inlineMeetingHubMeetingRequest, #inlineMeetingHubMeetingRequest .x-form-inner { padding-top: 24px !Important; } .strikeRed { color: rgba(0, 0, 0, 0.5) !Important } #inlineMeetingHubMeetingRequest .x-innerhtml > div + .sectionTitle { display: none } .meetingHubScheduledMeetingIndicator { font-size: 11px; font-weight: bold; padding: 4px 12px; margin-left: 4px } .meetingHubScheduledMeetingIndicatorPending { background:#7037ED !Important; font-size: 11px; font-weight: bold; padding: 4px 12px; margin-left: 4px } .meetingHubButtonIndicator .x-inner { margin-top: -2px !important } .meetingHubButtonIndicator { margin: -32px 0 0 8px } #inlineMeetingHubMeetingRequest .sectionTitle, #inlineMeetingHubMeetingRequest .sectionTitleNew { padding: 0 !Important; border: none !Important; font-size: 1.1em } #inlineMeetingHubMeetingRequest .sectionTitleNew { color:#7037ED !Important; } #inlineMeetingHubMeetingRequest .x-form-label span { font-size: 0.95em !Important; margin: 16px 0 4px 0 !Important; display: inline-block; font-weight: bold; color:#7037ED } #inlineMeetingHubMeetingRequest .meetingRequestButtonContainer { margin: 0 -24px -24px -24px !Important } @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 } } .x-sheet-action-inner > .toast-window-new-content > .x-inner > .x-container + .x-container { padding-top: 24px !important } .x-sheet-action-inner > .toast-window-new-content > .x-inner > .x-container + .x-container .sectionTitleNew { display: none } .meetingHubDateTimeInfo { border-radius: 8px; padding: 12px 16px; font-size: 0.9em; margin-top: 4px } .meetingHubDateTimeInfo > div:nth-child(1) { font-weight: bold } .x-sheet-action.toast-window-new .sectionTitle { display: none } .x-sheet-action.toast-window-new .meetingRequestButtonContainer { margin: 24px -24px 0 -24px !Important } .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' } .meetingHubTabButtonsWrapper + .meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-container.x-unsized.x-has-height { padding-top: 0 !important; } .x-input-el.messageArea { padding-right: 56px !Important } .meetingHubCallButtonContainer { background: #f1ebfe !important; border: none; } @media screen and (min-width:768px) { .meetingHubCallButtonContainer { padding: 36px !important; margin-left: auto; margin-right: auto; width: 600px; } .meetingHubTabButtonsWrapper > .x-inner { padding-bottom: 0; width: auto } } .meetingHubCallButtonContainer .font17 { font-size: 0.9em; color:#7037ED; width: 100% !important } .meetingHubCallButtonContainer .font17::after { content: ": " } .callCountdownDisplay { margin-top: 16px; border-radius: 24px } .meetingHubCurrentItemIndicator { margin: 0 !important; border: none; padding: 16px 0 } .meetingHubCurrentItemIndicator + .tabButtonsTabPanel .x-tabbar-inner { padding: 0 24px 2px 24px; border-radius: 100px } .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; } .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 } .meeingHubContactDetailsTable { margin: 16px 0 0 -4px } .meeingHubContactDetailsTable a .font14 { font-weight: bold; color:#7037ED !important; margin-top: -22px } .meeingHubContactDetailsTable a { margin-left: -32px } .meeingHubContactDetailsTable a + a { margin-left: -8px } .meeingHubContactDetailsTable a i { font-size: 48px !important } .meetingHubNotesTab .x-tabbar-inner { background: none !Important } @media screen and (min-width:768px) { .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; } .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; } .tabButtonsTabPanel .chatMessagesPanel { padding: 0 !important } .meetingHubNotesTab .x-dock-body { padding: 0 !Important; } } .attendeeAppConsent > .x-dock > .x-dock-body .x-container.x-layout-box-item.x-stretched { margin: 0 !important; padding: 24px; background: #f1ebfe } .attendeeAppConsent .x-container.x-unsized > .x-inner > .x-innerhtml.font16 { font-weight: normal; font-size: 1.2em; line-height: 1.2em; color: #4F1AC3; ; } .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:#7037ED !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 } .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:#7037ED; border-color:#7037ED; } .x-toggle-on, .x-toggle-on:before{background:#7037ED !important; border-color:#7037ED !important} .attendeeAppConsent .font12.italic { font-style: normal; line-height: 1.4em; padding-bottom: 8px } .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 } .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 } .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 } .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:#7037ED !important } .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#7037ED; } .socialMediaFormField .x-field-input { background: none !important; } @media screen and (min-width:768px) { .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; } } #ext-meetings-1 .meetingStatusColor { width: 8px; border-radius: 8px; margin-left: -16px; display: inline-block; } .myScore { background: #fff !Important; margin: 24px; height: 324px !Important; border-radius: 24px; } .myScore .progressbar-text { color:#040742 !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 } .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:#040742; stroke-width: 4px } .myScore .progressBottomLabel { font-size: 0.8em; padding-top: 8px; font-weight: bold; } .myScore #ticketsContainer #tickets + .progressBottomLabel {display:none} #ranking { margin: 8px 0 -8px 0; } #ranking svg path { stroke: #ddd; } #ranking svg path + path { stroke:#040742; } .myScore #nextRank, .myScore #previousRank { font-weight: bold; font-size: 0.8em } .myScore + .x-container .sectionTitleNew { font-size: 1.2em; text-align: center !important; width: 100%; font-weight: normal; border: none; color:#7037ED !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' } .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 } @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 } } .x-list-emptytext > .x-innerhtml { font-size: 0.9em; background: #E0D7F3; display: inline-block; width: auto; height: auto; padding: 8px; border-radius: 100px; color:#7037ED; opacity: 0.7 } .x-list-emptytext .newPostContainer { margin: 0; min-width: 280px } #ext-gamifications-1 { background: #f1ebfe; } #nextgenmobile-view-gamification-listpullrefresh-1 + .x-container .x-scroll-scroller-vertical { padding-top: 16px } .x-list-item.gamification { padding: 8px 0 !important; margin-bottom: 8px !Important } .x-list-item.gamification .x-innerhtml >div >i.fal {color:#7037ED !important} .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; } .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; } .gamificationInfo .gamificationHeader { background:#7037ED !important; margin-bottom: 64px; } .gamificationInfo .gamificationHeader h4 { color: #fff !important; font-weight: bold; font-size: 1.8em !important } .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:#7037ED !Important; } .gamificationInfo .gamificationHeader h4 + h4::before { content: '\1F389 '; margin-right: 8px } .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:#7037ED !Important; } .gamificationInfo .x-innerhtml div + div { text-align: center !Important; font-size: 1em; padding: 0; margin-top: 48px !Important } @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 } } .gamificationBadge .x-scroll-view { padding-top: 24px; } .gamificationBadgeItem { padding: 0 !important; margin: 8px; box-shadow: 0 4px 16px #E0D7F3; border-radius: 8px; width: 150px } .gamificationBadgeItem .badgeItem { width: 100% } .gamificationBadgeItem .iconBadgeItem { border-radius: 8px 8px 0 0; } .gamificationBadgeItem .iconBadgeItem i { font-size: 32px !important; padding-top: 34px !important; color:#7037ed !important; } .gamificationBadgeItem .title { font-size: 0.8em !Important; font-weight: bold; line-height: 1em; max-width: 120px !important; margin: 16px 0 0 0 !Important } .gamificationBadgeItem .title + .title { font-weight: normal; margin: 12px 0 16px 0 !important; opacity: 0.5 } .gamificationBadgeItem .title + .title + div { margin-bottom: 16px; border-radius: 8px !important } .gamificationBadgeItem .title + i { margin-bottom: 24px; } .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:#7037ED !important; font-size:6em !important; } .badgeInfo .x-innerhtml > div > div .badgeItem + .title { color: #000 !important; font-weight: bold; margin-top: 24px !important } .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 } .gamificationPrize {margin-top:-20px} .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:#7037ED } .gamificationPrize .gamificationPrizeItem { padding: 16px 0 8px 0!important } .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 } .gamificationPrizeItem .liveQuestionVoteItemSeparator { display: none } .prizeInfo > .x-inner > .x-innerhtml > div > div:nth-child(1) { background:#7037ED; margin: 0 !important; padding: 48px 0; } .prizeInfo h4 { color: #fff !Important; font-weight: bold; font-size: 2em !important } .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:#7037ED !Important; margin-top: 16px } .prizeInfo p.title { text-align: center; padding-top: 48px; font-size: 1.1em; color: #000 } .prizeInfo img { padding: 48px 15% 24px 15%; width: 70%; } .prizeInfo img + div h4 { color:#7037ED !important } .prizeInfo img + div h4 + h4 { background: #f1ebfe } .prizeInfo img + div + div + p { padding-top: 0 !important; opacity: 0.4 } #coinsToSpend .progressLabel { letter-spacing: 0.5px !important } .myScore + .gamificationPrize .x-list-header:first-of-type > .x-innerhtml::before { content: ' \1F381'; font-size: 1.5em; margin-right: 12px; } .myScore + .gamificationPrize .x-list-header > .x-innerhtml::before { content: ' \1F929'; font-size: 1.5em; margin-right: 12px; } @media screen and (min-width:768px) { .prizeInfo img { padding: 96px 35% 24px 35%; width: 30% } } .resourceGalleryDocument { padding-top: 8px !Important; margin-left: -6px !important; border: none !important } #ext-resourceGalleryDocuments-1 { background: #fff !important; } #ext-resourceGalleryDocuments-1 * { border: none } @media screen and (min-width:768px) { #ext-resourceGalleryDocuments-1 { margin-top: -32px } .resourceGalleryDocument { padding: 48px 7.5% !important } } .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; } @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; } } #nextgenmobile-view-socialwall-listpullrefresh-1 { background: #f1ebfe; } @media screen and (min-width:768px) { .socialWallPostColoredPostContainer, .newPostContainer { margin-left: 15% !important; margin-right: 15% !important } } .newPostContainer { background:#040742; padding: 12px; border-radius: 52px !important; margin: 24px 24px 40px 24px; box-shadow: 0 8px 24px -12px #4F1AC3; } .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 } .x-list.checkInLocations { background: #f1ebfe } .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; } .x-toolbar-dark { background:#7037ED !Important; } .x-toolbar-dark .x-button-label { color: #fff !Important; } .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:#040742; 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 } .socialWallPost.x-item-pressed { opacity: 1 } .socialWallPost.x-item-pressed .socialWallPostPhoto { filter: brightness(0.7) } .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 } .socialWallPostInfo { padding: 4px; } @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% } } .socialWallPostInfo .attendeeHeading { display: inline-block; font-size: 1.1em; margin-top: 10px !Important } .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:#7037ED !important; background: #f1ebfe; color:#7037ED } .socialWallPostContainer + div + div > .x-inner > .x-img { box-shadow: 0 10px 33px rgba(0, 0, 0, 0.2) } .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 } @media screen and (min-width:768px) { .socialWallComment, .socialWallCommentContainer { padding-left: 15%; padding-right: 15% } .socialWallCommentInfo { padding-top: 24px } } .socialWallCommentContainer > .x-inner { padding: 8px !important } .socialWallCommentContainer > .x-inner .x-button { background:#040742 !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; } .checkInLocations .attendeeHeading { font-size: 0.85em; margin-top: 6px } .checkInLocations .attendeeHeading + h4 { font-size: 0.8em; } .agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode, .myAgendaCard .sessionPlayerPlaceHolder + .x-container .barcode { background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); margin:-16px -16px -32px -16px !important; padding:64px 5% 0 5%; height:100%; } .qrcodeCard, .barcodeCard{ background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); } .agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode .font17, .myAgendaCard .sessionPlayerPlaceHolder + .x-container .barcode .font17 {color:#7037ED; margin-bottom:32px} .agendaSessionCard + .x-container .sessionPlayerPlaceHolder + .x-container .barcode .x-img, .myAgendaCard .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;} } .imageBox { background: #f1ebfe !Important } .imageBox figure img { box-shadow: 0 0 111px #E0D7F3 } .myPhotoCard .x-inner[style="transform: translate3d(0px, 0px, 0px);"]{ background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); } .myPhotoCard #myPhotoImage { margin-top: 10% !important; box-shadow: 0 11px 44px -15px #7037ED; 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:#4F1AC3; z-index:1000; } @media screen and (min-width:550px) { .myPhotoCard .x-scroll-container {background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 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; } } .x-eventNotes { background: #f1ebfe; background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); } .x-eventNotes-emptytext > .x-innerhtml::before { content: '\1F5D2'; 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; } } .x-eventNotes-item-first { margin-top: 16px !Important } .newNoteContainerEmptyText .newNoteContainer { background:#040742 !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 } .eventNotesItem + .eventNotesItem:active, .newNoteContainerEmptyText:active, .newNoteContainerEmptyText + div:active { opacity: 0.5; box-shadow: none; } .eventNotesItem .attendeeHeading + h4 { display: none } .eventNotesItem .attendeeHeading + h4 + p { text-align: left !Important; padding-top: 8px; opacity: 0.6 } .eventNotesItem .attendeeHeading + h4 + p i { font-style: normal; } .sessionNotesTextAreaCls { font-size: 0.95em !Important } @media screen and (min-width:768px) { .sessionNotesTextAreaCls { margin: 24px 0; padding: 24px !important; } } #nextgenmobile-view-alert-listpullrefresh-1 + .x-container, #nextgenmobile-view-news-listpullrefresh-1 + .x-container { background: #f1ebfe !Important; padding: 16px !Important } .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:#7037ED; font-size: 0.9em } .x-list-item-tpl.newsItem h3 { color:#7037ED; font-size: 1em; line-height: 1.2em; margin-top: 4px } .x-list-item-tpl.alert i, .x-list-item-tpl.newsItem i { color:#7037ED; 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 } .alertHeader { background:#7037ED; 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 } .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 } .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:#7037ED; 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 } @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: #f1ebfe; 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: #f1ebfe; 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 } } .top10GamificationLabel .sectionTitle { color:#7037ED !important; font-weight: normal; font-size: 0.7em; letter-spacing: 1px !important; margin-top: 20px !Important; border: none; } .x-tabbar + .x-dock-body .x-scroll-bar-grid-wrapper + .x-scroll-container .x-list-item.socialLeaderBoardItem { background: none !Important; box-shadow: none; } .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 } .x-list-item.socialLeaderBoardItem.x-item-pressed { opacity: 1 } .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; } .socialLeaderBoardAttendee .socialLeaderBoardPosition { background:#040742; 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; } @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%; } } .meetingHubSelectedContact .connectButton { margin-left: 24px; } @media screen and (min-width:768px) { .meetingHubTabButtonsWrapper > .x-inner { width: 560px !Important; } } .newPostContainer .avatarIcon, .newPostContainer .smallInitialsIcon { margin-left: -3px !important; margin-top: -6px; } .newPostContainer .smallInitialsIcon { padding-top: 5px } .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:#7037ED } .socialWallPostContent { line-height: 1.25em !important; } .socialWallPostColoredPost .socialWallPostContent + .socialWallPostPhoto { margin-top: 8px } .gamificationInfo + .x-form { margin: -180px 0 0 0; padding: 8px } .gamificationInfo + .x-form .x-field::before { border: none; } .gamificationInfo + .x-form .x-field { margin: 12px 0 } .x-form .fa-circle, .gamificationInfo + .x-form .far { color:#040742 !Important } .x-form .fa-circle + .fa-inverse { color: #fff !important } .x-form h4.alphaLabel { margin-left: 56px; margin-top: -28px } @media screen and (min-width:768px) { .gamificationInfo + .x-form { margin: -150px 20% 0 20% !Important; } } .notificationPopup { backdrop-filter: none } #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .x-field-search .x-input-search { color: #000 !important } #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark .x-field-search .x-input-search + .x-field-mask + .x-clear-icon::before { color:#7037ED !Important } .newPostContainerEmptyText .newPostContainer { margin-left: 0 !Important } .socialWallPostContainer + .x-container .x-inner.x-horizontal .x-container + .x-container + .nicButtonMajor { width: auto; padding-left: 36px; padding-right: 36px } .socialWallVideo + .socialWallPostVideo { display: none !important } .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%; } .socialWallVideo:active { opacity: 0.66 } .socialWallPostContent + #postVideo { margin-top: 16px; max-height: 800px } .twilioContainer > .x-body > .x-inner > .x-container:nth-child(1) { background:#7037ED } .twilioContainer .roomTitle { font-size: 1.2em; font-weight: bold; padding: 8px 4px; background:#7037ED; line-height: 1em !Important } .twilioContainer .roomInvitationButton { padding: 8px 16px 8px 0 } .twilioContainer .roomInvitationButton i { color: #fff } .twilioContainer .roomInvitationButton .centerChild { background: none !important } .twilioContainer, .twilioContainer .centerChild { background: #333 !Important } .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 } .twilioContainer .roomItemContainer { background: none } .twilioContainer .participantPhoto { box-shadow: 0 4px 16px rgba(0, 0, 0, 1); width: 60%; height: auto } .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 } .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 } script + .x-container > .x-body > .x-sheet-action { border: 1px solid #fff; border-radius: 8px 8px 0 0 !important; } 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 } script + .x-container > .x-body > .x-sheet-action .x-sheet-action-inner > .x-container:nth-child(1) { background:#7037ED !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; } script + .x-container > .x-body > .x-sheet-action .x-container[style="padding: 2px; margin: 2px; background: rgb(239, 239, 239); display: inline-block;"] { background:#7037ED !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 } 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; } 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; } .livePollContainer { background: #f1ebfe; padding: 0; } .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:#7037ED; } .livePollAnswer .unstyledIcons i.fa-check { background:#040742; border-radius: 88px; color: #fff; padding: 6px 0 0 5px; width: 24px; height: 24px; font-size: 0.9em !important } @media screen and (min-width:768px) { .livePollContainer { padding: 30px 15%; } .livePollContainer .x-scroll-scroller-vertical > .x-container { border-radius: 16px; padding: 32px; } } .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 } .gamificationBadgeItem .badgeItem .avatarIcon { margin-left: calc(50% - 50px); border-radius: 0; margin-top: 8px } .badgeInfo .avatarIcon { margin-top: 36px; border-radius: 0 } .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; } #nextgenmobile-view-gamification-badgelistpullrefresh-1 .x-list-pullrefresh-arrow { margin-top: -32px !important } .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; } @media screen and (min-width:768px) { .SessionAgendaType .horizontalGrid h4.ellipsis { height: auto; } } .myAgendaListContent h3.agendaHeading { margin-bottom: 8px } @media screen and (min-width:1024px) { .myAgendaListContent h3.agendaHeading + h3.greyFont, .myAgendaListContent .trackHeading { margin-left: 0px } } .socialWallVideo .videoPlay { top: calc(50% - 64px) !important } .socialWallPostColoredPost .autoPostInfo i { color:#7037ED; font-size: 36px !important } .socialWallPostColoredPost .autoPostInfo + .attendeeHeading { color:#7037ED !important } .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:#7037ED !important; border-color:#7037ED !important } .livePollAnswer > div > div + div[style="flex: 0 1 auto"] { font-weight: bold; margin-left: 16px } .x-tab.x-hasbadge .x-badge { min-width: 18px; margin-left: calc(50% - 22px) !important; } #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 } @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 } } #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:#7037ED !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:#7037ED !Important; font-size: 1em; font-weight: bold !important; } .speech-bubble p, .liveQuestionVoteItem div + h4, h4.socialWallPostContent { -webkit-user-select: text; user-select: text; } .contactCategory { margin-right: 4px; } .contactCategory + .contactCategory { margin-top: 0 } .meetingHubSelectedContact .x-innerhtml .contactCategory { background: #fff !important; } .x-navigationview-inner .meetingHubSelectedContact { height: 160px !important } .liveQuestionVoteItem h4 { word-break: break-word } #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; } #nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container .x-list-header.x-list-header-wrap.x-list-footer-wrap > .x-innerhtml { background:#7037ed !important; } .x-list-item.exhibitor .horizontalGridItem { display: inline-block; max-width: 240px; } .x-list-item.exhibitor .organizationHeading { font-size: 0.9em; line-height: 1.1em } .x-list-item.exhibitor .boothNumber, .exhibitorInfo .boothNumber { min-width: 0 !important; background: #f1ebfe; color:#7037ED; font-size: 0.8em; text-align: left; padding: 2px 12px; margin-top: 8px } .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 } .exhibitorFilterTabPanel .popupTextField .x-form-label span { text-align: left !Important } .x-input-checkbox:checked + .x-field-mask::after { color:#7037ED } @media screen and (min-width:768px){ #nextgenmobile-view-exhibitor-listpullrefresh-1 + .x-container { padding-left:15%; padding-right:15%; } } .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: 180px; margin: 0 auto 16px auto; font-size: 1.1em; padding: 4px 12px; text-align:center; } .exhibitorInfo a.fontBlack12, .sponsorInfo h4 a { color:#7037ED !important; display: inline-block; margin-top: 12px !important; word-break: break-all; } .exhibitorInfo + .x-container, .exhibitorInfo + .x-container + .x-container, .sponsorInfo + .x-container + .x-container, .sponsorInfo + .x-container + .x-container + .x-container { background: #f1ebfe; 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 } .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 } .x-container[style="padding: 15px 15px 30px;"] { background:#040742 !important;} .x-container[style="padding: 15px 15px 30px;"] .meetingRequestButtonContainer{ background:#040742 !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:#7037ed !important; } .exhibitorRepresentativeListItem .repLiveDot {left:48px} .exhibitorInfo + .x-container + .x-container + .x-container .x-innerhtml { background: #f1ebfe !important; padding-left: 24px; padding-right: 24px; border-top: 1px solid rgba(0, 0, 0, 0.1) } .exhibitorInfo + .x-container i, .exhibitorInfo + .x-container + .x-container + .x-container * { color:#7037ED !important } .buttonSeparator { opacity: 0 !important } @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; } } .x-list-grouped.sponsors { background: #f1ebfe !Important; } .x-list-grouped.sponsors .x-list-header { background: none !Important } .x-list-grouped.sponsors .x-list-header-wrap { border: none; } .exhibitorExhibitorsListTab .x-list-header .x-innerhtml {width:100% !important} .x-list-grouped.sponsors .rankHeading, .x-list-grouped.exhibitors .rankHeading, .x-list-grouped.exhibitorExhibitorsListTab .rankHeading { text-transform: uppercase; font-weight: bold !Important; font-size: 0.66em; letter-spacing: 2px !Important; background:#7037ED !Important; color: #fff !important; display: inline-block !important; border-radius: 100px; padding: 4px 16px; margin-left: -16px; line-height: 1em; margin-bottom: 4px !important; margin-top: 4px !important; } .x-list-grouped.exhibitorExhibitorsListTab .x-list-header {display:block; max-width:160px !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 } .sponsorInfo .centeredAvatarNoCrop { width: auto; height: 180px; background-size: auto 180px !important } .sponsorInfo .centeredAvatarNoCrop + .organizationHeading { width: 100%; display: inline-block } .x-list.sponsors .x-list-header .x-innerhtml { color:#7037ED; 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 } .sponsorInfo +div +div +div +div, .sponsorInfo +div +div +div +div +div, .sponsorInfo +div +div +div +div +div +div { background: #f1ebfe !important; } .sponsorCard .unstyledIcons.tools * { color:#7037ed !important; } .sponsorCard .inlineToolWrapper {border-color:#E0D7F3;} .sponsorCard .x-scroll-scroller-vertical div[style="padding: 0px 20px;"] + div[style="width: 100% !important;"]{ background: #f1ebfe; background: linear-gradient(180deg, #f1ebfe 0%,rgba(255, 255, 255, 1) 100%) !important;} .sponsorInfo + div + div + div + div + div > .x-inner { margin-top: -24px !important } .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 } .x-list-grouped.sponsors + .x-layout-card-item .inlineToolWrapper { margin-top: 0 } #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 } #ext-liveSupportRequest-1 .font16 { padding: 8px 0; font-size: 0.9em; line-height: 1.35em; } #ext-liveSupportRequest-1 > .x-inner > div:last-child { padding: 0 !important; background: #fff !important; border: none; } #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 } } #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 } .desktop-button-wrapper .liveSupportBadge { background: #f00; width: auto; height: auto; border-radius: 99px } .desktop-button-wrapper .liveSupportBadge::before { color: #fff; } .x-toolbar-dark .x-input-search { background: #fff !important } #hooters { margin: 0 !important } #hooters #templateBody .bodyContent { padding: 24px !important } #hooters #templateBody .bodyContent p { margin-bottom: 16px } #hooters .sectionHeaderCell { padding: 0 24px !important } #hooters .templateDataTable { width: 90%; margin: 16px 5% } @media screen and (min-width:768px) { .exhibitors.x-list .x-scroll-scroller-vertical { padding-left: 15%; padding-right: 15% } #ext-exhibitor-1 { background: #f1ebfe } #ext-exhibitorInfo-1 { background: #fff } .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: #f1ebfe !important } #ext-exhibitor-1 + .x-container .sessionNotesTextAreaCls { margin-left: 15%; width: 70% } } #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:#7037ED; } #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 } @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; } } .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 } .viewLeadInfo + .infoButton { height: auto; padding-bottom: 12px; border-bottom: 1px solid #f1ebfe } .viewLeadInfo + .infoButton .infoButtonLabel { border: 1px solid#7037ED !important; width: auto !important; margin: 0 auto 16px auto; padding: 4px 12px; border-radius: 99px; font-size: 0.9em !important; font-weight: bold; } .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; } .x-list-item-tpl.agenda .agendaColoredPostContainer, .x-list-item-tpl.myagenda .agendaColoredPostContainer { margin: -16px; padding: 24px; } .x-list-item-tpl.agenda .agendaColoredPostContainer .trackHeading { background: rgba(0, 0, 0, .3) !important; border-width:1px 1px 1px 16px !Important; } .x-list-item-tpl.agenda .agendaColoredPostContainer .sessionInfoContainer { display: none } @media screen and (min-width:768px) { .x-list-item-tpl.agenda .agendaColoredPostContainer, .x-list-item-tpl.myagenda .agendaColoredPostContainer { margin: -24px !important; } } .x-list-item-tpl.agenda .agendaColoredPostContainer .BreakActivityAgendaType, .x-list-item-tpl.myagenda .agendaColoredPostContainer .BreakActivityAgendaType { margin:-24px; padding:16px 24px; } .inAppPurchase .x-field-mask + .x-clear-icon::before { margin: 4px 0 0 -4px } .x-list.InAppPurchasesList{ background: linear-gradient(0deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); } .x-list.InAppPurchasesList +.inAppPurchaseSummary +#invalidEmailLabel +div{ background:#f1ebfe; } .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; } .x-list-item-tpl.inAppPurchase .font16 { font-weight: bold } .x-list-item-tpl.inAppPurchase .font16 + .font14.italic { margin: 8px 0; font-style: normal } .x-list-item-tpl.inAppPurchase .sectionTitle { padding: 16px 0 4px 0; width: 100%; border: none; color:#7037ED !important; border-bottom: 1px solid#7037ED; 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: #4F1AC3; padding-bottom: 8px; font-weight: bold } .inAppPurchase .staticContentHeading{ background:none !important; border:none !Important; } .inAppPurchase .staticContentHeading .contactHeading{ color:#7037ED; font-weight:bold; margin:16px 0 0 -8px !important; text-align:center; } .defaultBackground { background:#7037ED } .inAppPurchaseSummary + .loginFail .loginFailContent { text-align: center } .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% } } #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:#7037ED; font-size: 0.8em; text-transform: uppercase; font-weight: normal; text-align: center; width: 100%; letter-spacing: 1px !important } .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 } .tableallocationInfo .agendaHeading { font-size: 1.4em; padding-top: 16px; color:#7037ED !important } .tableallocationInfo .sectionTitle { padding: 16px 0 0px 0; width: 100%; border: none; color:#7037ED !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 } div[aria-label="View Table Plan"] .x-button-label { background:#040742; 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; } .x-list-normal.guests .attendeeHeading + h4, .x-list-normal.guests .attendeeHeading + h4 + h4 { font-size: .9em; } .x-list.tableGuests .x-list-header { background: none !important } .x-list.tableGuests .x-list-header .x-innerhtml { color:#7037ED; 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 } @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% } } #nextgenmobile-view-meeting-listpullrefresh-1 { background: linear-gradient(180deg, #f1ebfe 0%, #f1ebfe 80%, rgba(255, 255, 255, 1) 100%); ; } .x-list-item-tpl.meeting, .x-list-item-tpl.missedMeeting { background: #fff; box-shadow: 0 8px 16px #E0D7F3; width: 90%; margin: 16px 0 -8px 5%; border-radius: 8px; border-top:none !important; } .x-list-item-tpl.missedMeeting {margin-left:0; margin-right:0; width:100%} .x-list-item-tpl.meeting .x-innerhtml, .x-list-item-tpl.missedMeeting .x-innerhtml { padding: 24px !important; background:#fff !important; border-radius:8px; } .x-list-item-tpl.meeting .meetingStatusColor, .x-list-item-tpl.missedMeeting .meetingStatusColor { border-radius: 8px 0 0 8px !important; margin: -24px 0 0 -24px !important } .x-list-item-tpl.meeting .agendaDates h3, .x-list-item-tpl.missedMeeting .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, .x-list-item-tpl.missedMeeting h3 .agendaHeading { font-size: 1.1em; margin-bottom: 8px; color:#040742 !important } .x-list-item-tpl.meeting .myAgendaListContent h3 + h3, .x-list-item-tpl.missedMeeting h3 + h3 { font-size: .85em } .x-list-item-tpl.meeting .myAgendaListContent .meetingType, .x-list-item-tpl.meeting .myAgendaListContent .preScheduledMeeting, .x-list-item-tpl.missedMeeting .meetingType, .x-list-item-tpl.missedMeeting .preScheduledMeeting { border: none; font-size: 0.8em; width: auto; display: inline-block; padding: 4px 12px; margin-top:8px !Important; margin-right:4px !important } .missedMeetingCard .x-list-header {background:none !important} .missedMeetingCard .x-list-header .x-innerhtml {border:none; background:#7037ed; color:#fff; padding:4px 16px; border-radius:99px; text-transform:uppercase; font-size:0.75em; letter-spacing:1px !important } @media screen and (min-width:768px) { .x-list-item-tpl.meeting, .x-list-item-tpl.missedMeeting { margin-left: auto !important; margin-right: auto !important; width: 480px } .meetingInfo { padding-left: 25% !important; padding-right: 25% !important } } .meetingInfo { padding: 16px; background:#7037ed; background: linear-gradient(180deg, #4F1AC3 0%,#7037ED 20%,#7037ED 100%); padding:16px 16px 0 16px; margin-bottom:24px; } .meetingInfo > .x-inner > .x-innerhtml {padding-bottom:0 !important} .meetingInfo .avatar { width: 80px; height: 80px; background-size: 80px; } .meetingInfo .avatar + .attendeeHeading { padding-top: 20px !important; display: inline-block; font-size: 1.2em; color:#fff !important; } .meetingInfo h4 { font-size: 1.1em !important; } .meetingInfo h4.meetingType {margin-right:4px} .meetingInfo h4.preScheduledMeeting {padding:4px!important; display:inline-block; border:none} .meetingInfo h4:not(.meetingType):not(.preScheduledMeeting):not(.meetingBoothNumber) {color:#fff} .meetingInfo .inlineToolWrapper {margin:24px -32px 0; background: #fff; padding:16px 32px; border-color:#f1ebfe; } .meetingInfo .inlineToolWrapper *, .meetingInfo .inlineToolWrapper i:before {color:#7037ed !important} .meetingInfo .starability-growRotate {background:#fff; margin:-50px -32px !important; padding:0 32px 64px 32px !important; max-width:none !important; } .meetingInfo .starability-growRotate legend {padding-top:80px !important; display:inline-block !important} @media screen and (min-width:768px){ .meetingInfo .inlineToolWrapper {border-radius:8px !important; margin-bottom:24px; margin-left:0; margin-right:0; box-shadow:0 4px 16px rgba(0,0,0,0.4) } .meetingInfo .starability-growRotate {border-radius:8px; margin:-50px 0 !important; padding-bottom:80px !important} } .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 } .inlineToolWrapper .unstyledIcons i {color:#040742 !important} #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark #agendaDateFilterSelect{ margin-top:-8px !important; } #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark #agendaDateFilterSelect .x-input-text { color:#000 !important; padding:8px 12px !important; } #pageBannerToolbar.x-item-hidden + .x-dock-body .x-toolbar-dark #agendaDateFilterSelect .x-component-outer:after {top:26px !important}