.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; } body,html{ height:100%; } 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:-100px; } #appContent{ box-sizing:border-box; padding-bottom:100px; 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.mobileLayout .powered-by-veracast-component{ position:relative; top:auto; } .webcast-component.no-slide-side .player-side{ max-width:100%; } .webcast-component.no-slide-side{ max-width:1280px; margin:auto; } .webcast-component.no-slide-side.mediumLayout{ max-width:90%; margin:auto; } .webcast-component.no-slide-side.smallLayout{ margin:auto; } .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{ 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); } .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; } .vjs-vcast.video-js { color:#333; background:#000; } /* 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:#fff } .vjs-vcast.video-js .vjs-big-play-button{ border-color: #000; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:0.25em; background:#fff; border-color:#000; } .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.vjs-live .vjs-playback-rate,.video-js.vjs-audio .vjs-big-play-button{ display:none; } .video-js .vjs-control{ width:3em; } .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-error .vjs-error-display{ display:none; } .vjs-vcast .fa{ font-size:1.2rem; } .vjs-vcast .language-menu-button *{ vertical-align: middle; } .vjs-vcast .language-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; } .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: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-title{ padding-top:1rem; padding-bottom:0.25rem; } .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:#999; } .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%; } .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-title{ color:#000 !important; font-weight: bold; padding-top:2rem; 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{-webkit-box-sizing:border-box;box-sizing:border-box}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0px}.flex.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex.reverse.columns{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex.center-items{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex:after{content:'';min-height:inherit;max-height:inherit;font-size:0}.flex.am>*{margin:auto}.flex.margin-sm{margin:0.25rem}.flex>*.margin-sm{margin:0.25rem}.flex.space1{margin-right:-.5rem}.flex.space1>div{padding-right:.5rem;padding-bottom:.5rem}.flex.pad1>div{padding:.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{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-flex1{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-flex2{-webkit-box-flex:2;-ms-flex:2;flex:2}.item-flex3{-webkit-box-flex:3;-ms-flex:3;flex:3}.item-flex4{-webkit-box-flex:4;-ms-flex:4;flex:4}.item-c1{width:8.33333%}.item-flex-c1{-webkit-box-flex:1;-ms-flex:1 1 8.33333%;flex:1 1 8.33333%}.item-c2{width:16.66667%}.item-flex-c2{-webkit-box-flex:1;-ms-flex:1 1 16.66667%;flex:1 1 16.66667%}.item-c3{width:25%}.item-flex-c3{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%}.item-c4{width:33.33333%}.item-flex-c4{-webkit-box-flex:1;-ms-flex:1 1 33.33333%;flex:1 1 33.33333%}.item-c5{width:41.66667%}.item-flex-c5{-webkit-box-flex:1;-ms-flex:1 1 41.66667%;flex:1 1 41.66667%}.item-c6{width:50%}.item-flex-c6{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.item-c7{width:58.33333%}.item-flex-c7{-webkit-box-flex:1;-ms-flex:1 1 58.33333%;flex:1 1 58.33333%}.item-c8{width:66.66667%}.item-flex-c8{-webkit-box-flex:1;-ms-flex:1 1 66.66667%;flex:1 1 66.66667%}.item-c9{width:75%}.item-flex-c9{-webkit-box-flex:1;-ms-flex:1 1 75%;flex:1 1 75%}.item-c10{width:83.33333%}.item-flex-c10{-webkit-box-flex:1;-ms-flex:1 1 83.33333%;flex:1 1 83.33333%}.item-c11{width:91.66667%}.item-flex-c11{-webkit-box-flex:1;-ms-flex:1 1 91.66667%;flex:1 1 91.66667%}.item-c12{width:100%}.item-flex-c12{-webkit-box-flex:1;-ms-flex:1 1 100%;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}
/*# sourceMappingURL=veraFlex.css.map */ .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; }