.webcast-lib-component .lib-event{ margin:1rem 0;
}
.webcast-lib-component .lib-event .event-date{ border:2px solid #555; text-align:center; width:80px; height:80px; box-sizing:border-box; color:#555; font-size:14px; flex:0 0 80px;
}
.logo-wrapper{ width:110px; overflow:hidden;
}
.logo-wrapper .logo{ width:100%;
}
.webcast-lib-component .lib-event .event-date .day{ font-size:1.8em;
}
.webcast-lib-component .lib-event .event-date .month{ font-size:1.2em; text-transform:uppercase;
}
.webcast-lib-component .lib-event .speaker{ font-size:0.8rem;
}
.webcast-lib-component .lib-event .event-date .weekday{ text-transform:uppercase; font-size:0.7em;
}
.webcast-lib-component .lib-event .event-title{ font-weight:bold;
}
.webcast-lib-component a.lib-event,.webcast-lib-component .lib-event a{ text-decoration:none;
}
.webcast-lib-component .lib-event .date{ color:#555; font-size:0.9rem;
}
.tab-component-wrapper .webcast-lib-component{ display:block;
}
.webcast-lib-component .lib-events{ display:flex; flex-wrap:wrap;
}
.webcast-lib-component .lib-events .lib-event{ flex:0 1 400px; margin-right:1rem;
} .tab-component-wrapper .webcast-lib-component .lib-events{ margin:0 -1rem;
}
.tab-component-wrapper .webcast-lib-component .lib-events .lib-event.current-event{ background: #def;
} .tab-component-wrapper .webcast-lib-component .lib-events .lib-event{ flex: 0 1 100%; margin: 0; padding: 0.5rem 1rem;
} body,html{ height:auto; min-height:100%;
}
html{ overflow-y:scroll;
}
h1{ font-size:1.2rem;
}
h2{ font-size:1.4rem;
}
h3{ font-size:1rem;
}
#app,body,html{ background:transparent;
}
#app{ margin:auto;
}
#app,#wrapper{ min-height:100%; height: 100%;
}
#footerContent{ margin-top:-116px;
}
#appContent{ box-sizing:border-box; padding-bottom:116px; min-height:100%;
}
.border,.border-b,.border-t,.tabs ul li.active a,.tabs ul li.active button.a,.tabs{ border-color:#ddd;
} #webcastPage{ padding:0 1rem;
} .webcastGradient,.slide-controls{ background:linear-gradient(#eee,#f9f9f9,#f3f3f3,#f3f3f3,#f1f1f1);
}
.ctLinkParent{ border-left:1px solid #ddd; border-right:1px solid #fff;
}
.webcastGradient .ctLink,.slide-controls .ctLink{ text-align:center; line-height:2rem; height:2rem; display:inline-block; border-right:1px solid #ddd; border-left:1px solid #fff; text-align:center; text-shadow: 1px 1px 0px #fff; box-sizing:border-box; padding:0px 14px; margin-bottom:0px;
} .webcastGradient .ctLink:hover,.slide-controls .ctLink:hover{ background:rgba(0,0,0,0.05)
} .player-component{ box-sizing:border-box;
} .slide-side{ flex:1 1 100%;
}
.webcast-no-slides .slide-side{ overflow:hidden;
} .player-side.self-align{ align-self:flex-start;
}
.player-side{ flex:1 0 290px; max-width:50%; min-width:40%; transition:min-width 0.5s,max-width 0.5s,flex 0.5s; z-index:4;
}
.player-side.slides_16_9{ min-width:25%;
} .webcast-component.mediumLayout .player-side{ min-width:35%;
}
.webcast-component.mediumLayout .player-side.slides_16_9{ min-width:20%;
} .webcast-component.smallLayout .player-side{ min-width:25%;
} .webcast-component.mobileLayout .player-side,.webcast-component.mobileLayout .player-side.slides_16_9{ flex:1 1 100%; max-width:100%;
} .webcast-component.no-slide-side .player-side, .webcast-component.no-slide-side .webcast-footer-component{ max-width:1280px; margin:auto;
} @media(max-width:1600px){ .webcast-component.no-slide-side .player-side, .webcast-component.no-slide-side .webcast-footer-component{ max-width:960px; }
} .webcast-no-slides .slide-side{ min-height:300px;
}
.webcast-no-slides .player-side { max-width: 70%;
} .webcast-no-slides.smallLayout:not(.no-slide-side) .player-side { max-width: 66%;
} .absolute-below{ position:absolute; top:100%; width:100%;
} .tabs-component-wrapper{ min-height:300px;
} @media(max-width:750px){ .tabs-component-wrapper{ min-height:0; } .player-side{ display:block !important; } .veracast-emblem-component.absolute-below, .powered-by-veracast-component.absolute-below{ position:relative; top:0; }
} @media(max-width:750px){ .webcast-no-slides .slide-side{ min-height:0px; }
} .synopsis{ word-break:break-word;
} .player-side .border,.loading-wrapper,.slide-side .border{ background:rgba(255,255,255,0.95);
}
.tabs ul li.active a, .tabs ul li.active button.a{ background:rgba(255,255,255,0.95);
} .webcast-alt-slides .slides-component.border{ border:0;
} .speedGradient{ background:linear-gradient(to right,#8bf,#58e);
} .player-component{ transition:height 0.25s; z-index:4;
}
.audioPlayerPlaceholder .greyer{ color:#666 !important;
}
.audioPlayerPlaceholder{ background:#fff url(/images/vera_dish_grey.png) center center no-repeat;
}
.audioPlayerPlaceholder .audio-webcast{ font-size:1.4rem;
} .current-speaker-wrapper{ max-width:235px; margin:auto; font-size:0px;
}
.current-speaker-photo{ width:100%; max-width:235px;
}
.current-speaker-info{ position:absolute; bottom:0px; right:0px; margin:0.5rem; max-width:calc(100% - 1rem); text-align:right; text-shadow:0px 0px 3px #000; font-size:1rem; color:#fff; line-height:1.1; background:linear-gradient(to bottom right,rgba(0,0,0,0.7),rgba(0,0,0,0.2));
} #playerSelectWrapper{ box-sizing:border-box;
}
#selectPlayerTable{ min-height:200px;
}
.mobileLayout #selectPlayerTable{ min-height:0px;
} .slides_only_tr td{ padding-top:2rem;
} #playerControlsWrapper{ display:block;
}
#playerControlsWrapper.hide{ display:none;
}
#playerControls_table{ background:#fff; width:100%; position:relative; z-index:1;
}
#playerControls_table button.a:hover{ color:#0075E4 !important; background:#f3f3f3;
}
#playerControls_table button.a{ display:inline-block; width:2.2rem; line-height:2.2rem; height:2.2rem; text-align:center; text-shadow: 1px 1px 0px #fff;
} #flashPlayerWrapper #playerControlsWrapper.fullscreen{ position:absolute; bottom:7%; left:0px; width:100%;
}
#flashPlayerWrapper #playerControlsWrapper.fullscreen .player-controls{ max-width:1200px; margin:auto; box-shadow:0px 3px 3px rgba(0,0,0,0.2); border:1px solid #ddd; border-radius:0.25rem;
} #flashPlayerWrapper{ position:relative;
} /*this is the range slider for the location progress bar*/
input[type=range].progressBar { -webkit-appearance: none; width: 100%; margin: 0px 0; background:transparent; height: 10px;
}
input[type=range].progressBar::-webkit-slider-runnable-track { width: 100%; height: 10px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: transparent; border-radius: 0px; border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range].progressBar::-webkit-slider-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid rgba(255, 30, 0, 0.99); height: 10px; width: 10px; border-radius: 0px; background: #ff0000; cursor: pointer; -webkit-appearance: none; margin-top: 0px;
}
input[type=range].progressBar:focus::-webkit-slider-runnable-track { background: transparent;
}
input[type=range].progressBar::-moz-range-track { width: 100%; height: 10px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: transparent; border-radius: 0px; border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range].progressBar::-moz-range-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid rgba(255, 30, 0, 0.99); height: 10px; width: 10px; border-radius: 0px; background: #ff0000;
cursor: pointer;
}
input[type=range].progressBar::-ms-track { width: 100%; height: 10px; cursor: pointer; background: transparent; border-color: transparent; color: transparent;
}
input[type=range].progressBar::-ms-fill-lower { background: transparent; border: 0px solid rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].progressBar::-ms-fill-upper { background: transparent; border: 0px solid rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].progressBar::-ms-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid rgba(255, 30, 0, 0.99); width: 10px; border-radius: 0px; background: #ff0000; cursor: pointer; height: 10px;
}
input[type=range].progressBar:focus::-ms-fill-lower { background: transparent;
}
input[type=range].progressBar:focus::-ms-fill-upper { background: transparent;
}
input[type=range].progressBar::-ms-tooltip { display: none;
} /*for the volume slide*/
input[type=range].volumeSlider { -webkit-appearance: none; width: 100%; margin: 0px 0; } input[type=range].volumeSlider::-webkit-slider-runnable-track { width: 100%; height: 10px; cursor: pointer; box-shadow: 0px 0px 0px rgba(178, 201, 26, 0.71), 0px 0px 0px rgba(198, 224, 29, 0.71); background: #dddddd; border-radius: 0px; border: 0px solid #010101;
}
input[type=range].volumeSlider::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 1px solid #999999; height: 10px; width: 10px; border-radius: 0px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: 0px;
}
input[type=range].volumeSlider:focus::-webkit-slider-runnable-track { background: #eaeaea;
}
input[type=range].volumeSlider::-moz-range-track { width: 100%; height: 10px; cursor: pointer; box-shadow: 0px 0px 0px rgba(178, 201, 26, 0.71), 0px 0px 0px rgba(198, 224, 29, 0.71); background: #dddddd; border-radius: 0px; border: 0px solid #010101;
}
input[type=range].volumeSlider::-moz-range-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 1px solid #999999; height: 10px; width: 10px; border-radius: 0px; background: #ffffff; cursor: pointer;
}
input[type=range].volumeSlider::-ms-track { width: 100%; height: 10px; cursor: pointer; background: transparent; border-color: transparent; color: transparent;
}
input[type=range].volumeSlider::-ms-fill-lower { background: #d0d0d0; border: 0px solid #010101; border-radius: 0px; box-shadow: 0px 0px 0px rgba(178, 201, 26, 0.71), 0px 0px 0px rgba(198, 224, 29, 0.71);
}
input[type=range].volumeSlider::-ms-fill-upper { background: #dddddd; border: 0px solid #010101; border-radius: 0px; box-shadow: 0px 0px 0px rgba(178, 201, 26, 0.71), 0px 0px 0px rgba(198, 224, 29, 0.71);
}
input[type=range].volumeSlider::-ms-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 1px solid #999999; width: 10px; border-radius: 0px; background: #ffffff; cursor: pointer; height: 10px;
}
input[type=range].volumeSlider:focus::-ms-fill-lower { background: #dddddd;
}
input[type=range].volumeSlider:focus::-ms-fill-upper { background: #eaeaea;
}
input[type=range].volumeSlider::-ms-tooltip { display: none;
} #playerControls_table .player-settings-button .player-settings-wrapper button.a{ height:auto; line-height:1.2; width:auto;
}
.player-settings-button .player-settings-wrapper{ display:none; position:absolute; bottom:100%; background:#f3f3f3; white-space:nowrap; right:0px; line-height:1.2; cursor:default; color:#333;
}
.player-settings-button .player-settings-wrapper.show,.player-settings-button:hover .player-settings-wrapper{ display:block;
}
.player-settings-button.player-settings-button{ overflow:visible;
} .vid-wrapper{ background:linear-gradient(rgb(221, 221, 221), rgb(243, 243, 243));
}
.player-settings-button.language-btn{ color:#0075E4 !important
}
.vera-player.testing{ border:4px solid red;
} .player-nav-hover-menu{ display:none;
}
.player-nav-hover-menu-wrapper{ position:relative;
}
.player-nav-hover-menu-wrapper:hover .player-nav-hover-menu{ display:block; position:absolute; bottom:100%; z-index:2;
} .vjs-vcast.video-js { color:#333; background:#000;
}
.vjs-vcast.video-js:not(.vjs-has-started):after{ content:''; background:#fff; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4;
} /* Change the color of various "bars". */
.vjs-vcast .vjs-volume-level,
.vjs-vcast .vjs-play-progress{ background: #000;
}
.vjs-vcast.video-js .vjs-control-bar{ background:transparent; z-index:1;
}
.vjs-vcast:after{ content:''; position:absolute; bottom:0; left:0; height:100%; width:100%; opacity:0; background:linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 30px, rgba(255,255,255,0) 100%); transition:opacity 1s; pointer-events: none; z-index:0; height:60px;
}
.vjs-vcast.vjs-has-started.vjs-user-active:after{ opacity:1;
}
.vjs-vcast.vjs-audio .vjs-control-bar{ background:#fff;
}
.vjs-vcast.video-js .vjs-big-play-button{ border-color: #0075E4; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:0.25em; background:#fff; border-color:#0075E4; box-shadow:2px 2px 10px 10px rgba(0,0,0,0.1); font-size:4em; z-index:1
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ color:#0075E4;
}
.vjs-poster{ background-color:transparent;
}
.vjs-vcast:not(.vjs-has-started) video{ opacity:0.7;
} .video-js.vjs-audio .vjs-control-bar,.video-js.vjs-error .vjs-control-bar/*,.video-js:not(.vjs-has-started) .vjs-control-bar*/ { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
}
.video-js:not(.vjs-live) .vjs-current-time,.video-js:not(.vjs-live) .vjs-time-divider,.video-js:not(.vjs-live) .vjs-duration{ display:block;
}
.vjs-sm .vjs-time-divider,.vjs-sm .vjs-duration,.vjs-sm .vjs-rewind-button,.vjs-sm .event-emitter-menu-button .lang-label{ display:none !important;
}
.vjs-md .vjs-time-divider,.vjs-md .vjs-duration{ display:none !important;
}
.video-js .vjs-time-divider{ padding:0; min-width:0;
}
.video-js.vjs-live .vjs-playback-rate,.video-js.vjs-live .vjs-current-time,.video-js.vjs-audio .vjs-big-play-button,.video-js .vjs-remaining-time,.vjs-error .vjs-error-display{ display:none;
}
.video-js .vjs-rewind-button{ font-size:1.5em; position:relative; width:2em;
} .video-js .vjs-progress-control .vjs-time-tooltip{ display:none !important;
}
.vjs-playback-rate .vjs-playback-rate-value{ font-size:1em; line-height:3;
}
.vjs-vcast .fa{ font-size:1.2rem;
}
.vjs-vcast .event-emitter-menu-button *{ vertical-align: middle;
}
.vjs-vcast .event-emitter-menu-button{ width:auto;
}
.vjs-vcast .vjs-menu li{ text-transform:none; color:#333;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{ background:#ddd; box-shadow:1px 1px 2px rgba(0,0,0,0.2)
}
.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover{ background:#eee;
}
.vjs-audio .vjs-loading-spinner{ width:20px; height:20px; margin:-10px 0 0 -10px;
}
.video-js .vjs-control.vjs-remaining-time{ width:auto;
}
.video-js.vjs-audio .vjs-loading-spinner,.vjs-picture-in-picture-control.vjs-disabled{ display:none !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ color:#fff; font-size:3em;
} .vjs-vcast.video-js:not(.vjs-has-started):after{ display:none;
} .vjs-vcast.video-js .vjs-big-play-button{ border:0; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:4em; width:3em; height:3em; background:rgba(0,0,0,0.5); box-shadow:none; font-size:3em; line-height: 3em; z-index:1; color:#fff;
} .status-msg-logo{ background:url() center center no-repeat; background-size:cover; opacity:0.05;
} .event-status-msg .start-date-times-component{ font-size:0.8rem; color:#666;
} .event-status-msg .start-date-time.primary{ font-size:1rem; padding-bottom:3px;
} /* .cc-lang-options{ display:none;
}
.cc-btn-wrapper{ position:relative;
}
.cc-btn-wrapper:hover .cc-lang-options{ display:block; position:absolute; bottom:100%; z-index:2;
}
.cc-btn-wrapper{ background:rgba(255,255,255,0.5);
} */ .captions-component .captions{ background:#000; color:#aaa; font-weight:bold; padding:0.5rem 1rem; text-align:center; min-height:3rem;
}
.captions-component .captions > div:last-child{ color:#fff;
} .transcript span.active{ background:#def; border:#69f; border-radius:0.5rem;
}
.transcript span:hover{ text-decoration:underline; cursor:pointer;
} .tabs-component{ overflow:hidden; word-break:break-word;
}
.tabs-component .tabs ul li a,.tabs-component .tabs ul li button.a{ padding-left:0.5rem; padding-right:0.5rem;
}
.tab-component-wrapper{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; overflow:auto;
} .tab-header{ padding-bottom:0.5rem; color:#888; font-size:0.8rem; text-transform:uppercase; font-weight:bold;
} .mobileLayout .tab-component-wrapper{ position:relative;
}
.mobileLayout .tabs-component{ display:block !important;
}
.mobileLayout .slido-wrapper,.mobileLayout .tab-height,.mobileLayout .custom-iframe-wrapper{ min-height:320px;
} .start-date-time.local .date-span:before{ content:"("; margin-right:-0.25em;
}
.start-date-time.local .date-span:after{ content:")"; margin-left:-0.25em;
} .speaker-photo-wrapper{ width:60px; height:70px; overflow:hidden; margin-right:1rem; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center;
}
.speaker-photo-wrapper.missing-photo,.speaker-photo-wrapper.nophoto{ background:rgb(228, 228, 228);
}
.speaker-photo-wrapper .speaker-photo{ max-height:100%;
} .speakers-component .title,.speakers-component .company{ color:#999;
}
.speakers-component .name{ font-weight:bold;
}
.speakers-component a{ text-decoration:none;
}
.tabs-component .speaker-group-title:after{ content:':';
}
.tabs-component .speaker-group{ padding-bottom:1rem;
}
.tabs-component .speaker-group-title{ padding-bottom:0.25rem;
}
.tabs-component .speaker-group:first-child .group-name-speaker{ display:none;
} .speaker-bio-div{ max-width:1200px; overflow:auto;
}
.speaker-bio-div .speaker-photo-wrapper{ width:auto; height:auto; max-width:33%; min-width:60px; float:left; margin-bottom:0.5rem; font-size:0px;
}
.speaker-bio-div .speaker-photo{ width:100%; max-width:200px;
} .material-wrapper:last-child{ border-bottom:0px;
}
.material-wrapper a:hover{ text-decoration:underline;
} .material-wrapper a{ color:#333; font-weight:bold; display:block;
} .material-icon{ width:38px; height:32px; background:url(/images/blank_icon.gif) center center no-repeat; background-size:contain;
}
.material-icon.pdf{ background-image:url(/images/pdf_icon.gif);
}
.material-icon.url{ background-image:url(/images/www_icon.gif);
}
.material-icon.doc,.material-icon.docx{ background-image:url(/images/doc_icon.gif);
}
.material-icon.xls,.material-icon.xlsx{ background-image:url(/images/xls_icon.gif);
}
.material-icon.mp4{ background-image:url(/images/mp4_icon.gif);
} .webcast-links-component > div{ flex:1 1 auto; margin-right:-1px; margin-bottom:-1px;
}
.webcast-links-component > div > a,.webcast-links-component > div > button.a{ padding:0.25rem; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; display:block; white-space:nowrap;
}
.webcast-links-component > div > button.a{ width:100%;
}
.webcast-links-component > div > a:hover,.webcast-links-component > div > button.a:hover{ background:#def;
}
.webcast-links-component{ width:100%;
} .ask-component{ height:100%; box-sizing:border-box;
}
.ask-textarea{ height:4rem; overflow:auto; max-height:140px; min-height:4rem; transition:height 0.25s; transition-delay:1s;
}
.ask-textarea:focus{ height:140px; transition-delay:0s;
}
button.q-vote-button{ padding:0.25rem 0.5rem; border-radius:2rem; font-size:0.9rem;
}
.emoji-list-dropdown{ position:relative;
}
.emoji-list button.a{ padding:0.25rem;
}
.emoji-list{ display:none; position:absolute; top:100%; right:0; width:255px; z-index:3; padding:0.25rem;
}
.emoji-list-dropdown:hover .emoji-list{ display:block;
} .slide-wrapper{ overflow:hidden;
}
.slide-wrapper img{ position:absolute; width:100%; top:0; left:0; z-index:1
} .slide-controls{ white-space:nowrap;
}
.slide-controls button.a:not(.ctLink){ padding:0.5rem 0.5rem; font-size:0.8rem;
} .slide-img{ background:transparent; background-size:contain; background-position:center center; height:100%; background-repeat:no-repeat; position:absolute; width:100%;
} .slides-component{ cursor:none;
}
.slides-component.mouseActive{ cursor:default;
} .slides-component.fullscreen{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; border:0px;
}
.fullscreen .slide-controls-wrapper{ position:absolute; bottom:7%; left:0px; width:100%; z-index:2; font-size:1.1rem;
}
.fullscreen:not(.mouseActive) .slide-controls{ opacity:0; cursor:none !important;
}
.fullscreen .slide-controls{ max-width:800px; margin:auto; border-radius:2rem; padding:0px 1rem; box-shadow:0px 3px 3px rgba(0,0,0,0.2); transition:opacity 0.5s; border:1px solid #ddd;
}
.fullscreen .slide-sizer{ height:100%;
}
.fullscreen .slide-controls .ctLink{ height:2.5em; line-height:2.5em;
} .fullscreen-slide-controls{ transition:opacity:0.5s;
}
.fullscreen.mouseActive .fullscreen-slide-controls{ opacity:1;
}
.fullscreen .fullscreen-slide-controls{ display:block !important; opacity:0;
} .fullscreen-slide-controls .control{ position:absolute; top:calc(50% - 75px); z-index:2; font-size:42px; line-height:150px; width:100px; vertical-align:middle; border-radius:20px; color:#fff; text-align:center; background:rgba(51,51,51,0.7); border:1px solid #666; cursor:pointer;
}
.fullscreen-slide-controls .control.right.top{ right:10px; top:10px; height:50px; line-height:50px; width:50px; border-radius:100px; padding:0px;
}
.fullscreen-slide-controls .control.right,.fullscreen-slide-controls .control.left{ }
.fullscreen-slide-controls .control.right{ right:-20px; padding-right:10px;
}
.fullscreen-slide-controls .control.left{ left:-20px; padding-left:10px;
} .fullscreen.mouseActive .magnify-slides{ display:none;
}
.mouseActive .slide-sizer:hover .magnify-slides{ opacity:1;
}
.magnify-slides{ transition:opacity 0.5s; opacity:0; font-size:42px; padding:40px; border-radius:20px; background:rgba(51,51,51,0.7); border:1px solid #666; color:#fff; cursor:pointer;
} .mouseActive .slide-sizer:hover .no-print-slides-msg{ opacity:1;
}
.no-print-slides-msg{ padding:0.5rem; font-size:1rem; transition:opacity 0.5s; opacity:0; border-radius:10px; background:rgba(51,51,51,0.7); border:1px solid #666; color:#fff; cursor:pointer;
} .slide-thumb-wrapper{ max-width:400px; min-width:150px; margin:0px auto; padding:0.5rem;
}
.slide-thumbs-component{ overflow:auto; background:rgba(0,0,0,0.6); z-index:100;
}
.slide-thumbs-wrapper{ padding:0.5rem;
}
.slide-thumb{ width:100%;
}
.slide-thumb-anchor.active{ outline:3px solid #69f;
}
.slide-thumbs-component .slide-thumb-anchor{ display:block; position:relative; background:#fff; min-height:75px; border-width:1px; width:100%;
} .placeholder-component .start-date-times-component{ padding-top:2rem; text-align:center; font-size:1.1rem; color:#666;
} .placeholder-component .start-date-times-component .start-date-time{ padding-bottom:3px;
}
.placeholder-component .start-date-times-component .start-date-time.primary{ padding-bottom:0.5rem; font-size:1.2rem;
} .placeholder-component .start-date-times-component .start-date-time.local{ padding-bottom:0px; padding-top:3px;
}
.placeholder-component{ background:linear-gradient(#ddd, #fafafa);
}
.placeholder-title{ font-size:2rem;text-shadow:-1px -1px 0px #fff,1px 1px 2px rgba(0,0,0,0.3);
} .surveyOptionRadio.picked i{ color:#fff;
}
.surveyOptionRadio i{ color:#999; display:inline-block; padding-right:4px;
}
.surveyOptionRadioParent a.picked{ background:#0075E4; color:#fff;
}
.surveyOptionRadioParent a{ padding:4px 7px; border:1px dotted #999; display:block; margin-top:6px; color:#333;
}
.surveyOptionRadioParent.rating1to5,.surveyOptionRadioParent.yesno{ display:inline-block; margin-right:4px;
}
.surveyLi{ margin-left:2rem;
}
.surveyComponent{ padding:1rem;
} /*poll list stuff*/
.polls-component, .pollListShadowBoxed { margin:0px 0px; overflow:hidden;
}
.polls-component .poll-wrapper, .pollListShadowBoxed .poll-wrapper { flex:1 1 25%; min-width:320px; padding:1rem; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px 0px -1px -1px;
}
.poll-wrapper .pollQuestion { font-weight:bold;
}
.poll-wrapper .pollContent { padding:20px 10px 20px 10px;
}
.poll-wrapper .pollOptionLabel:focus-within{ outline:1px solid #89f;
} .poll-wrapper .pollOptionLabel{ display:block; padding:3px; margin:3px 0px; border:1px dashed #ccc; word-break:break-word; font-weight:normal;
}
.poll-wrapper .pollOptionLabel.selected { background:#def;
}
.poll-wrapper a { color:#1165e5;
}
.pollOptionLabel { cursor:pointer;
}
.pollChartWrapper { max-width:400px;
}
#pollLegend{ width:100%; max-width:420px;
}
#pollLegend td.responseColorTd{ width:10px;
}
#pollLegend td.percentTd{ width:40px;
}
#pollLegend tr:nth-child(even) { background:#efefef;
}
#pollLegend tr:last-child td { border-bottom:0px;
}
#pollLegend td { padding:3px; padding-left:10px; border-bottom:1px solid #999; word-wrap:break-word;
}
.pollControls { text-align:center;
}
.pollControls * { vertical-align:middle;
}
.pollChartWrapper { max-width:320px;
}
#pollLegendWrapper * { vertical-align:middle;
} @media (max-width:750px) { .polls-component .poll-wrapper { display:block; min-width:240px; }
} .chatTextWrapper{ padding:.25rem;
}
.chatTextWrapper .userMessage{ margin-bottom:0.25rem;
}
.chatTextWrapper .userMessage.system{ color:#f00;
}
.chatTextWrapper .userMessage.system .chatUsername{ display:none;
}
.chatTextWrapper .userMessage:nth-child(even){ background:#eef;
}
.chatTextWrapper .userMessage.admin .chatUsername{ color:#333;
}
.chatTextWrapper .userMessage:last-child{ margin-bottom:0px;
}
.chatTextWrapper .userMessage .chatDate{ display:inline-block; color:#999;
}
.chatTextWrapper .userMessage .chatUsername{ font-weight:bold; color:#58e;
} .webcastMsgs .msg > *{ padding:3px;
}
.webcastMsgs .msg{ margin-bottom:10px; padding:3px; color:#fff; font-weight:bold; background:#f00;
}
.webcastMsgs .serviceMsg{ background:#0c0;
} .support-chat-popout.popped-out{ bottom:0px; top:auto;
}
.support-chat-popout .popout-chat{ max-height:0px; transition:max-height 0.5s;
}
.support-chat-popout.popped-out .popout-chat{ max-height:1000px;
}
.support-chat-popout{ position:fixed; top:calc(100vh - 30px); z-index:2; box-shadow:0px 0px 3px rgba(0,0,0,0.3); margin:0px 1.5rem; right:0px; border-radius:4px 4px 0px 0px; border:1px solid #999; border-bottom:0px; overflow:hidden;
}
.support-chat-popout .support-chat-handle{ background:#333; color:#fff; width:100%; text-align:left; white-space:nowrap; border:0px;
}
.support-chat-popout .support-chat-component{ border-bottom:0px; background:#fff; max-width:400px;
} .webcast-footer-component{ font-size:0.8rem; color:#666;
} .dot-menu-dots:hover{ background:rgba(220,220,220,0.6);
}
.dot-menu-component{ z-index:5;
}
button.dot-menu-dots{ padding:0.5rem 1rem; display:block;
} .dot-menu{ visibility:hidden;
} .dot-menu.showMenu{ visibility:visible;
} .dot-menu{ position:absolute; top:0px; margin-top:0.5rem; right:0.5rem; background:#fff; border:1px solid #ddd; min-width:160px; box-shadow:0px 2px 1px rgba(0,0,0,0.3); z-index:3;
}
.dot-menu .dot-menu-item{ width:100%;
}
.dot-menu-item{ align-items:center;
}
.dot-menu a:hover,.dot-menu button:hover{ background:#eee;
}
.dot-menu a,.dot-menu button{ display:flex; padding:0.5rem 1rem;
} .dot-menu-component .dot-menu-nav{ padding:0.5rem;
}
.dot-menu-component .dot-menu-nav .nav-item:hover{ text-decoration:underline;
}
.dot-menu-component .dot-menu-nav .nav-item{ padding:0 1rem;
}
.dot-menu-component .dot-menu-nav .nav-item:first-child{ padding-left:0px;
}
.dot-menu-component .dot-menu-nav .nav-item:last-child{ padding-right:0px;
} .dot-menu-component.responsive .dot-menu-dots{ display:none;
}
@media(max-width:750px){ .dot-menu-component.responsive .dot-menu-dots{ display:block; } .dot-menu-component.responsive .dot-menu-nav{ display:none; }
} .dot-menu-component.on-dark .dot-menu-nav button.a,.dot-menu-component.on-dark .dot-menu-dots{ color:#fff;
}
.dot-menu-component.white .dot-menu{ background:#666;
} .webcast-banner-title{ padding:1rem;
} .scrolling-msg-component{
}
.srolling-msg-msg{ position:relative; left:100%; margin-left:0px; display:inline-block; white-space:nowrap;
} .scrolling-msg-component{ background:#999; color:#fff; overflow:hidden; max-height:2.1rem;
} .lib-tile-img{ max-width:100%;
} .mode-select-btn{ width:100%; background:#fff; text-align:left; font-size:1.2rem; padding:1rem; transition:background-color 0.5s;
} .mode-select-btn:hover{ background:#def;
} .webcast-reg-component .reg-form-side{ flex:0 1 430px;
}
@media(max-width:750px){ .reg-form-side{ max-width:100%; }
}
.webcast-reg-component,.confreg-wrapper{ margin:auto; max-width:1200px;
} .reg-webcast-info-component{ word-break:break-word;
}
.reg-webcast-info-component h6,.reg-webcast-info-component h3{ color:#000; font-weight:bold; font-size:1.1rem;
}
.reg-webcast-info-component .speakers .speaker{ min-width:240px; padding-right:1rem; max-width:320px; flex:1 1 50%;
}
.reg-webcast-info-component .speakers{ display:flex; flex-wrap:wrap;
} .reg-webcast-info-component .padding-b-xlg:last-child{ padding-bottom:0px;
} .reg-webcast-info-component .speaker-group{ padding-bottom:2rem;
} .reg-webcast-info-component .speaker-group-title{ color:#000 !important; font-weight: bold; padding-bottom:0.5rem; font-size:1.1rem;
} @media(max-width:750px){ .reg-webcast-info-component .speakers .speaker{ min-width:0px; padding-right:0rem; } .reg-webcast-info-component .speakers{ display:block; }
} .error .input-wrapper{ background:#ffa;
}
.reg-form-component .input-wrapper{ margin:0.25rem 0; padding:0.25rem 0;
} .radio-group{ padding-left:1rem; padding-bottom:0.5rem;
}
.radio-group label{ font-weight:normal;
}
.radio-group.horizontal label{ display:inline-block; padding-right:1rem;
} @media(min-width:320px){ .webcast-form-field-wrapper label{ display:flex; flex-wrap:wrap; align-items:center; } .webcast-form-field-wrapper label > span{ padding-right:1rem; min-width:145px; } .webcast-form-field-wrapper label > div{ flex:1; min-width:200px; }
} .privacyPolicy .large-font{ font-size:1.2rem; font-weight:bold;
} .flex div,div.flex{box-sizing:border-box}.flex{display:flex;min-height:0px}.flex.wrap{flex-wrap:wrap}.flex.columns{flex-direction:column}.flex.reverse.columns{flex-direction:column-reverse}.flex.reverse{flex-direction:row-reverse}.flex.center-items{align-items:center;justify-content:center}.flex.align-center{align-items:center}.flex.justify-center{justify-content:center}.flex:after{content:"";min-height:inherit;max-height:inherit;font-size:0}.flex.am>*{margin:auto}.flex.margin-sm{margin:.25rem}.flex>*.margin-sm{margin:.25rem}.flex.space1{margin-right:-0.5rem}.flex.space1>div{padding-right:0.5rem;padding-bottom:0.5rem}.flex.pad1>div{padding:0.5rem}.flex.space2{margin-right:-1rem}.flex.space2>div{padding-right:1rem;padding-bottom:1rem}.flex.pad2>div{padding:1rem}.flex.space3{margin-right:-1.5rem}.flex.space3>div{padding-right:1.5rem;padding-bottom:1.5rem}.flex.pad3>div{padding:1.5rem}.flex.space4{margin-right:-2rem}.flex.space4>div{padding-right:2rem;padding-bottom:2rem}.flex.pad4>div{padding:2rem}.item-flex{flex:1}.item-flex1{flex:1}.item-flex2{flex:2}.item-flex3{flex:3}.item-flex4{flex:4}.item-c1{width:8.3333333333%}.item-flex-c1{flex:1 1 8.3333333333%}.item-c2{width:16.6666666667%}.item-flex-c2{flex:1 1 16.6666666667%}.item-c3{width:25%}.item-flex-c3{flex:1 1 25%}.item-c4{width:33.3333333333%}.item-flex-c4{flex:1 1 33.3333333333%}.item-c5{width:41.6666666667%}.item-flex-c5{flex:1 1 41.6666666667%}.item-c6{width:50%}.item-flex-c6{flex:1 1 50%}.item-c7{width:58.3333333333%}.item-flex-c7{flex:1 1 58.3333333333%}.item-c8{width:66.6666666667%}.item-flex-c8{flex:1 1 66.6666666667%}.item-c9{width:75%}.item-flex-c9{flex:1 1 75%}.item-c10{width:83.3333333333%}.item-flex-c10{flex:1 1 83.3333333333%}.item-c11{width:91.6666666667%}.item-flex-c11{flex:1 1 91.6666666667%}.item-c12{width:100%}.item-flex-c12{flex:1 1 100%}@media(max-width: 400px){.flex-fill-mobile{width:100%}.flex.responsive-mobile{display:block}.flex.responsive-mobile [class*=item-c]{width:100%}}@media(max-width: 550px){.flex-fill-phablet{width:100%}.flex.responsive-phablet{display:block}.flex.responsive-phablet [class*=item-c]{width:100%}}@media(max-width: 750px){.flex-fill-tablet{width:100%}.flex.responsive-tablet{display:block}.flex.responsive-tablet [class*=item-c]{width:100%}}@media(max-width: 1000px){.flex-fill-desktop{width:100%}.flex.responsive-desktop{display:block}.flex.responsive-desktop [class*=item-c]{width:100%}}.fill-window{width:100%;height:100vh}.fill-height{height:100%}.fill-width{width:100%}.fill-absolute{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%} .fadeInOut{ -webkit-animation:fadeinout 3s linear infinite; animation:fadeinout 3s linear infinite;
} @-webkit-keyframes fadeinout { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; }
} @keyframes fadeinout { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; }
} .fadeIn{ -webkit-animation:fadein 0.5s linear forwards; animation:fadein 0.5s linear forwards;
} @-webkit-keyframes fadein { 0%{ opacity: 0; } 100% { opacity: 1; }
} @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }
} .fadeOut{ -webkit-animation:fadein 0.25s linear reverse; animation:fadein 0.25s linear reverse; opacity:0;
} .msgFade{ -webkit-animation:fadeinout2 2s linear forwards; animation:fadeinout2 2s linear forwards;
}
@-webkit-keyframes fadeinout2 { 0%,100% { opacity: 0; } 15%,85% { opacity: 1; }
} @keyframes fadeinout2 { 0%,100% { opacity: 0; } 15%,85% { opacity: 1; }
} .popInOut{ -webkit-animation:popInOut 2s linear forwards; animation:popInOut 2s linear forwards; position:fixed; width:100%; bottom:0px;
}
@-webkit-keyframes popInOut { 0%,100% { opacity: 0;bottom:0px; } 5%,95% { opacity: 1;bottom:50px; }
} @keyframes popInOut { 0%,100% { opacity: 0;bottom:0px; } 5%,95% { opacity: 1;bottom:50px; }
} .bugAway{ -webkit-animation:bugAway .25s linear forwards; animation:bugAway .25s linear forwards;
}
@-webkit-keyframes bugAway { 0%,100% { opacity: 0;margin-top:100px; }
} @keyframes bugAway { 0%,100% { opacity: 0;margin-top:100px; }
} .scroll-left{ position:relative; overflow:hidden;
}
.scroll-left > *{ top:0px; position:absolute; text-align:center; left:100%; transform:translateX(0%); -webkit-animation:scroll-left 10s linear infinite; animation:scroll-left 10s linear infinite; white-space:nowrap;
} @-webkit-keyframes scroll-left { 0% { transform:translateX(0%);left:100%; } 100% { transform:translateX(-100%);left:0%; }
} @keyframes scroll-left { 0% { transform:translateX(0%);left:100%; } 100% { transform:translateX(-100%);left:0%; }
} .fade-enter-active,.fade-leave-active{ transition:opacity .5s,transform .5s, height 0.5s;
}
.fade-enter-to,.fade-enter{ position:absolute !important; top:0px; width:100%;
}
.fade-enter,.fade-leave-to{ opacity: 0;
} .img-cross-fade-enter-active{ transition:opacity 0.5s;
}
.img-cross-fade-leave-active{ transition:opacity 0.5s 0.5s;
}
.img-cross-fade-enter-to,.img-cross-fade-enter{ position:absolute !important; top:0px; width:100%;
}
.img-cross-fade-enter,.img-cross-fade-leave-to{ opacity: 0;
} .fadeZoomY-enter-active,.fadeZoomY-leave-active{ transition:opacity 0.25s,transform 0.25s;
}
.fadeZoomY-enter-to,.fadeZoomY-enter{ position:absolute !important; top:0px; width:100%;
}
.fadeZoomY-enter,.fadeZoomY-leave-to{ opacity: 0; transform:translateY(50px);
} .fadeZoomX-enter-active,.fadeZoomX-leave-active{ transition:opacity 0.25s,transform 0.25s;
}
.fadeZoomX-enter-to,.fadeZoomX-enter{ top:0px; width:100%; position:absolute !important;
}
.fadeZoomX-enter,.fadeZoomX-leave-to{ opacity: 0; transform:translateX(50px);
} .zoomX-enter-active,.zoomX-leave-active,.zoomXreverse-enter-to,.zoomX-enter{ transition:transform 0.25s;
}
.zoomX-enter-to,.zoomX-enter,.zoomXreverse-enter-active,.zoomXreverse-leave-active{ position:absolute !important; top:0px; width:100%;
}
.zoomX-enter{ transform:translateX(100%);
}
.zoomX-leave-to{ transform:translateX(-100%);
} .zoomXreverse-enter{ transform:translateX(-100%);
}
.zoomXreverse-leave-to{ transform:translateX(100%);
} .expand-100-enter-active,.expand-100-leave-active{ transition:transform 0.15s, max-height 0.15s, opacity 0.15s; max-height:100px; overflow:hidden;
}
.expand-100-enter,.expand-100-leave-to{ transform:scaleY(0); max-height:0px; opacity:0;
} .fadeGrowRL-enter-active,.fadeGrowRL-leave-active{ transition:opacity 0.15s,transform 0.15s;
}
.fadeGrowRL-enter-to,.fadeGrowRL-enter{ top:0px; width:100%; position:absolute !important;
}
.fadeGrowRL-enter,.fadeGrowRL-leave-to{ opacity: 0; transform:scale(0.5); transform-origin:top right;
}