/** *-------------------------------------------------------------------------------------------------------------------------------------------------------------- * Theme for Join *-------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .wrapper:after, .group:before, .group:after, .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .content { margin: 2.85714286em 0; width: 100%; position: relative; line-height: 1.428571429em; min-height: 26em; } .grid-box > div { height: 80px; background-color: #f2f2f2; border: 1px #737373 solid; } #margins h4 { text-align: center; } /* Theme specific styles */ body, .body { min-width:inherit!important; } h1 { font-size:2.285714286em!important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .form-control { margin-top:5px; } .loader-icon {display:none;width:18px;height:18px;background-image: url('icon-loading.gif');float: left;margin-left: 10px;} .text-hidden { color: transparent; overflow: hidden; text-indent: -9999px; } table.table-input { width:100%; } table.table-input td.table-input-left, table.table-input td.table-input-right { text-align:left; } table.table-input th { text-align: center; height: 32px; vertical-align: top; } #view-join h1, #view-switcher h1 { font-weight:bold; } h4.subheader { color: #333; } .alert.alert-info, .alert.alert-warning { background-color:#fff; border-color:#cccccc; color:#333; } .form-group.btn-group { width:100%; } #session-info-box .box-inside .row:not(:last-child) { margin-bottom: 5px; } .form-input-wrapper { position: relative; } .form-input-wrapper .loader-icon { position: absolute; top: 34px; right: 6px; } #session-info-box .box-inside { text-align:left; background-color:#fff; border:1px solid #cccccc; color:#333; padding:20px 30px; } #session-info-box table { width:100%; } #session-info-box tr td { vertical-align:top; padding:2px 0; } #session-info-box tr td:first-child { color:#333; min-width:130px; padding-right:26px; } #session-info-box tr td:last-child { color:#444; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #session-info-box .join-warning { text-align:center; color:#333; margin-bottom:1.142857143em; } .subscribe-form .input-group-btn:last-child > .btn { margin-left:0; padding:9px 14px; } .nopadding { padding: 0 !important; margin: 0 !important; } .titlebar .logo, .titlebar .logo > a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Floating labels pattern animations */ #join-session-page .image-figure { margin-top:70px; } span.app_name{font-weight: bold;} /* Preloading images for IE and edge */ #preload-1 {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA0CAYAAADIZmusAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU2MDAzMUExMUNGMzExRTZCQTBFOERGRDA3NDcyNzM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU2MDAzMUEyMUNGMzExRTZCQTBFOERGRDA3NDcyNzM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTYwMDMxOUYxQ0YzMTFFNkJBMEU4REZEMDc0NzI3MzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTYwMDMxQTAxQ0YzMTFFNkJBMEU4REZEMDc0NzI3MzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QPNIHAAACCElEQVR42uyYvy9DURTH+9rEIITZv9Cpi5GopBWpzURSEgvPZBC1CBtiEAMmgwgRNoJaLIaydNH4Dyw1tAMDob6nuUMrXvvuffe9vlfnJt+c19d7e++n59xzfxghDSVbiFWctE9G84bTMYRDbVIYhEEYhEEYhEEYhEEYhEEYhEEYhEEYhEEY5F+BVC/GsoVYLwypG4oo/M6Vw3GMKrShS8EyVEpG8yUDEA/40B9wh9xTaHW1QWT1EcgM9BlgiG9oPoz4yuFhUrwIYlkAw001a+HhDGYqgBDLGPtOXfrFiyMYM0AQaxjzel36rS3IYnMwuz6H2ABEpuGCiAp7MIs+htj8DWG5sqPiFsWfDyH2oYzUFkXE34rPIEyMq2K5RWlUMGcIaKnFEIfQtBWELRAfwBxDaUB8Nd002oShJDDrMcQpLdbNIGS38aaIU6/KhR1PSHtEeIXqH1C8egAxDogPqfOIJExETL4JlyDuoBEZCKUTonB1GjpxCSIlC6HkkRrPdMCcQ2O6Dkf0PwHiXfmo6wOYRygBiLKjM7sGmGso3ioILSACphPmEhqSbPpEbQDxquUWRSMMeWZAAiIOiKKO/g2dKQcwPTC3Nm5ltEIopd8mqZniPAHlGlR7FtmpqLNv7TeNAmaYHPTH13SHNog6L7r7deXKVKwFKWgVKkFv0LaY2EU3+vwRYACSP5XaH4s+xQAAAABJRU5ErkJggg==') no-repeat -9999px -9999px; } #preload-2 {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTYzRkZFM0I5NEU4MTFFNDhBMDRFQjU1NTg5MzNDNzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTYzRkZFM0E5NEU4MTFFNDhBMDRFQjU1NTg5MzNDNzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJBREIyNjBGQjlDQzExRTNBRDg3QjRBQzUyOTYyNEJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJBREIyNjEwQjlDQzExRTNBRDg3QjRBQzUyOTYyNEJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+m89BCgAAAGlJREFUeNpinDh56hcGBoao/NzsTQxoACjnB6SWMYEUgBhQAQwFIHlGdAGQieh8Riw6JwBxAbITGNGsaAFS1UDcClRQAxNnQjMJZEIriEZ2IxMWN9Wge4YR3ZHYfMeETQEIQPlgEwECDAAuOz4G0cipaQAAAABJRU5ErkJggg==') no-repeat -9999px -9999px; } /* ----- First-view column width ----- */ .join-content-narrow { width: 380px; max-width: 380px; min-width: 240px; } @media (max-width: 767.98px) { .join-content-narrow { width: auto; max-width: none; padding-left: 0; padding-right: 0; } } /* ----- Second-view chrome override ----- */ body.join-schema-second-view .navbar .navbar-collapse > *:not(.navbar-brand), body.join-schema-second-view .navbar .nav-item { display: none !important; } body.join-schema-second-view .navbar { justify-content: center; } body.join-schema-second-view .navbar .navbar-brand { margin-right: 0; } body.join-schema-second-view .sidebar-nav { display: none !important; } body.join-schema-second-view .container { max-width: none !important; min-width: 0; } body.join-schema-second-view .container-medium { width: 100%; min-width: 400px; max-width: 512px; margin: 0 auto !important; padding: 48px 16px 0 16px; } /* ----- Content column ----- */ #join-session-page #session-info-box { width: 100%; max-width: 512px; margin: 0 auto; padding: 0; float: none; text-align: center; } #join-session-page #session-info-box > * { margin: 0 !important; } /* ----- Subtitle ----- */ #join-session-page #session-info-box > .margin-after-xs:first-of-type { color: #475467; font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } /* ----- Info card ----- */ #join-session-page #session-info-box > #session-info-container { margin-top: 32px !important; } #join-session-page #session-info-box .box-inside { text-align: left; background-color: #FFF; border: 1px solid #E8E8EC; padding: 16px; margin-bottom: 0 !important; } #join-session-page #session-info-box .box-inside .row { margin: 0; display: flex; flex-wrap: nowrap; } #join-session-page #session-info-box .box-inside .row + .row { margin-top: 8px; } #join-session-page #session-info-box .box-inside .row > [class*="col-"] { padding: 0; font-size: 13px; line-height: 18px; } #join-session-page #session-info-box .box-inside .row > [class*="col-"]:first-child { flex: 0 0 96px !important; width: 96px !important; max-width: 96px !important; color: #475467; font-weight: 400; } #join-session-page #session-info-box .box-inside .row > [class*="col-"]:last-child { flex: 1 1 auto !important; width: auto !important; max-width: none !important; color: #101828; font-weight: 600; word-break: break-word; } /* ----- Trust warning ----- */ #join-session-page #session-info-box > .join-warning-wrap { margin-top: 24px !important; } #join-session-page .message-container.warning { display: flex; padding: 16px 16px; align-items: flex-start; gap: 16px; align-self: stretch; border: 1px solid #FDB022; background: #FEDF89; border-radius: 0; color: #101828; font-size: 13px; line-height: 18px; text-align: left; } /* ----- Download / Join in Browser buttons ----- */ #join-session-page #session-info-box > .join-warning-wrap + .form-group.btn-group, #join-session-page #session-info-box > #join-download-btn-wrap { margin-top: 24px !important; } #join-session-page .form-group.btn-group { width: 100%; } #join-session-page .btn-isllight-join-browser.button.button-main:not(.scta) { border: 1px solid #D0D3DA; background: #FFF; color: #101828; } #join-session-page .btn-isllight-join-browser.button.button-main:not(.scta):hover, #join-session-page .btn-isllight-join-browser.button.button-main:not(.scta):focus { background: #F9FAFB; color: #101828; border-color: #D0D3DA; } /* ----- Download Started callout ----- */ #join-session-page #session-info-box > #join-download-started { margin-top: 24px !important; display: flex; flex-direction: column !important; align-items: flex-start; gap: 4px; text-align: left; border: 1px solid #47CD89; background: #DCFAE6; border-radius: 0; padding: 16px 24px; } #join-download-started .download-started-title { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #101828; font-size: 13px; line-height: 18px; } #join-download-started .download-started-title::before { content: ""; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; background-color: #12B76A; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 5L7 10.5 4.5 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } #join-download-started .download-started-body { color: #475467; font-size: 13px; line-height: 18px; margin-top: 4px; } #join-download-started .download-started-again { margin-top: 8px; } /* ----- Join in Browser gap ----- */ #join-session-page #session-info-box > #join-download-btn-wrap + .form-group.btn-group, #join-session-page #session-info-box > #join-download-started + .form-group.btn-group { margin-top: 16px !important; } /* ----- Launch application ----- */ #join-session-page #session-info-box > .btn-isllight-launch-wrap { margin-top: 32px !important; text-align: center; } #join-session-page .btn-isllight-launch-wrap > div + div { margin-top: 6px; } #join-session-page .btn-isllight-launch-wrap > div:first-child { color: #475467; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } #join-session-page .btn-isllight-launch-wrap .btn-isllight-join-app-schema { font-weight: 600; } /* ----- Schema-launch fallback hint ----- */ #join-session-page #session-info-box > #join-schema-hint { margin-top: 24px !important; display: flex; padding: 16px; align-items: flex-start; gap: 16px; border: 1px solid #FDB022; background: #FEDF89; border-radius: 0; color: #101828; font-size: 13px; line-height: 18px; text-align: left; } /* ----- Divider + "Join another session" ----- */ #join-session-page #session-info-box > .join-divider { margin-top: 32px !important; background: #E8E8EC; } #join-session-page #session-info-box > .join-divider + div { margin-top: 32px !important; } #join-session-page #session-info-box > .join-another-wrap { margin-top: 24px !important; }