@charset "utf-8";.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;background-color:#000;opacity:0;background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-fixParent{z-index:auto!important;opacity:1.0!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:white;opacity:0;filter:alpha(opacity=0)}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;background-color:#FFF;background-color:rgba(255,255,255,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;visibility:hidden;z-index:10000000;background-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperLayer *,.introjs-helperLayer *:before,.introjs-helperLayer *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{box-sizing:content-box;position:absolute;visibility:visible;top:-16px;left:-16px;z-index:9999999999!important;padding:2px;font-family:'gt_walsheimregular',Arial,verdana,tahoma;font-size:13px;font-weight:bold;color:white;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid white;border-radius:50%;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid white;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.top-right{top:-10px;right:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.right{right:-10px;top:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white}.introjs-arrow.bottom{bottom:-10px;border-top-color:white;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.introjs-arrow.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:white;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:0;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0 1px 1px #e3e3e3}.introjs-button:focus,.introjs-button:active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{box-sizing:content-box;margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:0}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{box-sizing:content-box;float:left;width:0;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:transparent;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,0.57)}.introjs-hint-pulse{box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,0.27);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:rgba(136,136,136,0.24);z-index:10;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;-moz-animation:none;animation:none}.introjs-hint-dot{box-sizing:content-box;border:10px solid rgba(146,146,146,0.36);background:transparent;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;height:50px;width:50px;-webkit-animation:introjspulse 3s ease-out;-moz-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}@-moz-keyframes introjspulse{0%{-moz-transform:scale(0);opacity:.0}25%{-moz-transform:scale(0);opacity:.1}50%{-moz-transform:scale(0.1);opacity:.3}75%{-moz-transform:scale(0.5);opacity:.5}100%{-moz-transform:scale(1);opacity:.0}}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(0);opacity:.0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(0.1);opacity:.3}75%{-webkit-transform:scale(0.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:.0}} .conf-creation-box { padding: 24px 24px 0; } .conf-dashboard-title{ padding: 0 25px 25px; margin: 0 -25px; border-bottom: #e6e8e9 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .conf-dashboard-title-left{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; float: left; font-size: 26px; color: #2b374d; } .conf-dashboard-right-download-link{ display: block; float: right; list-style: none; font-size: 0; } .conf-dashboard-right-download-link a{ color: #00c4b5; font-size: 15px; font-weight: 500; } .conf-dashboard-title-link{ display: block; float: right; list-style: none; font-size: 0; padding: 10px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .conf-dashboard-title-link li{ display: inline-block; border-right: #e7eaf5 1px solid; padding: 0 10px; } .conf-dashboard-title-link li:last-child{ border: none; padding-right: 0; } .conf-dashboard-title-link li a{ color: #00c4b5; font-size: 15px; font-weight: 500; } .conf-dashboard-title-link li a[disabled] { background: white; pointer-events: none; } .conf-dashboard-body-box{ padding: 20px 25px 25px; margin: 0 -25px; border-bottom: #e6e8e9 1px solid; } .conf-dashboard-body-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 18px; color: #2b374d; padding: 0 0 15px 0; } .conf-dashboard-usebox{ display: block; list-style: none; font-size: 0; } .conf-dashboard-usebox li{ display: inline-block; min-width: 113px; margin: 0 10px 0 0; vertical-align: top; } .conf-dashboard-usebox li.view-plan{ width: 312px; margin: 0 0 0 10px; } .conf-dashboard-usebox-in{ text-align: center; display: table; width: 120px; height: 105px; background: #f4f6f8; } .conf-dashboard-usebox-cell{ display: table-cell; vertical-align: middle; } .cd-number{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 32px; color: #4a4d50; } .cd-number a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 36px; color: #717e94; } .cd-number i{ font-size: 20px; font-style: normal; } .cd-type-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; color: #2b374d; } .cd-type-text span{ display: inline-block; width: 10px; margin: 0 5px 0 0; } .cd-type-text span svg{ display: block; width: 10px; height: 10px; fill: #00c4b5; } .conf-dashboard-usebox-img{ border-radius: 3px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: cover; padding: 14px 10px; text-align: center; } .lows .cd-number{ color: #ee3d3d; } .cd-blue-title{ font-size: 16px; color: #fff; padding: 0 0 3px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .cd-blue-text{ font-size: 15px; font-weight: 300; color: #fff; padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .cd-blue-btn a{ display: block; width: 100px; height: 28px; line-height: 28px; font-size: 15px; color: #fff; margin: 0 auto; text-align: center; border-radius: 3px; background: #4898e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; } .conf-dashboard-link-box{ position: relative; border: #eaedf0 1px solid; border-radius: 3px; padding: 0 60px 0 0; height: 40px; } .conf-dashboard-link-box input{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; display: block; border: none; height: 38px; padding: 0 10px; font-size: 15px; color: #2b374d; } .conf-dashboard-link-box input[type="text"]{ border: none; border-right: #eaedf0 1px solid; border-radius: 0px; } .conf-dashboard-link-box input[type="text"][disabled]{ background: #FFFFFF; box-shadow: none; } .conf-dashboard-embeddable{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; display: block; list-style: none; letter-spacing: -.5px; } .conf-dashboard-embeddable li{ width: 48%; float: left; } .conf-dashboard-embeddable li:nth-child(2){ float: right; } .conf-dashboard-link-box a{ display: block; position: absolute; width: 60px; height: 40px; line-height: 40px; text-align: center; top: 0; right: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #00c4b5; letter-spacing: .5px; } .conf-dashboard-missing{ display: block; line-height: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: -.5px; } .conf-dashboard-missing li{ display: block; float: left; width: 33%; } .conf-dashboard-missing li:nth-child(2){ border-right: none; } .conf-dashboard-missing li:last-child{ border-right: none; } .conf-dashboard-right-border{ width: 216px; overflow:hidden; border-right: #dfe1e4 1px solid; } .conf-dashboard-left-border{ width: 216px; overflow:hidden; border-left: #dfe1e4 1px solid; margin: 0 auto; margin-right: 0; } .conf-dashboard-missing-in{ width: 180px; margin: 0 auto; text-align: center; } .conf-dashboard-missing-in.left-aligned{ float: left; } .conf-dashboard-missing-in.right-aligned{ float: right; } .cd-missing-title{ font-size: 15px; color: #2b374d; padding: 0 0 5px 0; } .cd-missing-text{ font-size: 14px; color: #717e94; padding: 0 0 15px 0; } .cd-missing-btn a{ display: block; height: 36px; border: #dfe1e4 1px solid; border-radius: 2px; line-height: 36px; font-size: 16px; color: #00c4b5; } .conf-invitation{ display: table-cell; height: 105px; vertical-align: middle; } .conf-invitation-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4a4d50; padding: 0 0 5px 0; } .conf-invitation-subtitle{ font-size: 14px; color: red; font-weight: 500; margin-right: -120px; } .conf-invitation-link a{ font-size: 16px; color: #00c4b5; font-weight: 500; font-family: 'ModernSans', Arial, Helvetica, sans-serif; letter-spacing: -.5px; } .conf-dashboard-link-subtitle{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; padding: 0 0 5px 0; } .conf-dashboard-embed-flag{ background-color: #1a548c; padding: 30px 25px 36px; background-position: right bottom; background-repeat: no-repeat; background-size: 245px; margin: 0 -25px; } .conf-dashboard-embed-flag-title{ font-size: 18px; color: #fff; padding: 0 0 5px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .conf-dashboard-embed-flag-text{ color: #fff; font-size: 15px; font-weight: 300; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .conf-dashboard-embed-flag-btn{ padding: 10px 0 0 0; } .conf-dashboard-embed-flag-btn a{ display: block; width: 100px; height: 28px; line-height: 28px; font-size: 15px; color: #fff; text-align: center; border-radius: 3px; background: #4898e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; } .conf-dashboard-plane-box{ position: relative; background: #2B374D; padding: 35px 25px 40px; margin: 0 -25px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .conf-dashboard-plane{ position: absolute; width: 300px; top: -8px; right: -14px; z-index: 1; } .conf-dashboard-plane-title{ position: relative; font-size: 26px; color: #fff; padding: 0 0 5px 0; z-index: 2; max-width: 460px; } .conf-dashboard-plane-text{ position: relative; font-size: 18px; color: #fff; padding: 0 0 20px 0; z-index: 2; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .conf-dashboard-plane-btn a{ display: block; max-width: 180px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; font-weight: 700; color: #fff; background: #2196F3; border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .conf-dashboard-plane-btn a:hover{ background: #008EFF; } .integrations-box{} .integrations-box-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 28px; color: #2b374d; letter-spacing: -0.4px; } .integrations-box-search-box{ float: right; position: relative; border: #dfe1e4 1px solid; border-radius: 3px; height: 32px; padding: 0 0 0 30px; width: 300px; } .integrations-box-search-box span{ display: block; position: absolute; width: 12px; left: 9px; top: 10px; } .integrations-box-search-box span svg{ display: block; width: 12px; height: 12px; fill: #8692a2; } .integrations-box-search-box input{ display: block; border: none; height: 30px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .integrations-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 34px 0; margin-top: 10px; } .integrations-list-box{ display: flex; list-style: none; font-size: 0; padding: 0 0 10px 0; justify-content: left; align-items: stretch; gap: 32px; flex-wrap: wrap; } .integrations-list-box li{ display: flex; } .integrations-list-box-in{ border: #eaedf0 1px solid; border-radius: 3px; width: 180px; flex: 1; } .integrations-list-box-logo{ width: 110px; margin: 20px auto; float: center; } .integrations-list-box-title{ border-top: #eaedf0 1px solid; } .integrations-list-box-title, .integrations-list-box-title a{ padding: 13px 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; text-transform: none; } .integrations-link-to-all, .integrations-link-to-all a{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; text-transform: none; } .integrations-tips{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 26px 0; } .integrations-tips a{ color: #1089f5; } .integrations-request-box{ text-align: center; } .integrations-request-box span{ display: inline-block; width: 300px; margin: 0 12px 0 0; } .integrations-request-box span input{ height: 36px; display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; text-align: left; } .integrations-request-box button{ display: inline-block; width: 144px; height: 36px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; border: none; } .integrations-request-box a{ color: #fff; } .integrations-active { height: 28px; width: 28px; border-radius: 3px; float: right; padding: 8px 8px 0px 0px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; } .integrations-legend { float: right; display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding-right: 60px; } .integrations-legend img { height: 20px; width: 20px; position: relative; top: 5px; display: inline-block; } .link-padding-top{ padding: 25px 0 5px 0; } .dashborar-section{ border: #eaedf0 1px solid; border-radius: 3px; margin: 0 0 32px 0; } .dashboard-section-webinar-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #2b374d; letter-spacing: -0.4px; line-height: 1.21em; padding: 20px 24px; border-bottom: #eaedf0 1px solid; } .dashboard-section-webinar-date{ padding: 8px 24px; } .dashboard-section-webinar-date-left{ display: inline-block; padding: 8px 0; } .dashboard-section-webinar-date-left span{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #2b374d; padding: 0 16px 0 0; line-height: 1.29em; letter-spacing: -0.2px; vertical-align: top; } .dashboard-section-webinar-date-left i{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-style: italic; font-size: 17px; color: #717e94; display: inline-block; line-height: 1.29em; letter-spacing: -0.2px; vertical-align: top; } .dashboard-section-webinar-date-right{ display: inline-block; float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; padding: 8px 0; } .dashboard-section-webinar-share-box{ position: relative; display: inline-block; font-size: 16px; color: #1089f5; letter-spacing: -0.3px; } .dashboard-section-webinar-share-box > a{ color: #1089f5; } .dashboard-section-webinar-share-box > span{ display: inline-block; vertical-align: middle; margin: 0 0 0 6px; cursor: pointer; } .dashboard-section-webinar-share-box > span > svg{ display: block; width: 9px; height: 9px; fill: #717e94; } .dashboard-section-webinar-action-box{ position: relative; display: inline-block; font-size: 16px; color: #1089f5; letter-spacing: -0.3px; padding: 0 0 0 16px; } .dashboard-section-webinar-action-box > a{ color: #1089f5; } .dashboard-section-webinar-action-box > span{ display: inline-block; vertical-align: middle; margin: 0 0 0 6px; cursor: pointer; } .dashboard-section-webinar-action-box > span > svg{ display: block; width: 9px; height: 9px; fill: #717e94; } .dashboard-section-webinar-share-box-slide{ position: absolute; left: 50%; top: 30px; margin: 0 0 0 -212px; width: 424px; padding: 16px 12px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); z-index: 2; } .dashboard-section-webinar-share-box-slide .top-prong { position: absolute; top: -9px; left: 258px; height: 9px; width: 18px; overflow: hidden; z-index: 11; } .dashboard-section-webinar-share-box-slide .top-prong .prong-dk { position: absolute; left: 0; top: 0; border: 9px solid; border-color: rgba(0, 0, 0, 0.1) transparent; border-top-width: 0; } .dashboard-section-webinar-share-box-slide .top-prong .prong-lt { position: absolute; border: 8px solid; border-color: #fff transparent; left: 1px; top: 2px; border-top-width: 0; } .dashboard-section-webinar-share-box-slide-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 3px 0; } .dashboard-section-webinar-share-box-slide-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 9px 0; } .dashboard-section-webinar-share-box-slide-input{ padding: 0 0 7px 0; } .dashboard-section-webinar-share-box-slide-input input{ border: #dfe1e4 1px solid; border-radius: 3px; height: 36px; padding: 0 9px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; } .dashboard-section-webinar-share-box-slide-copy{ padding: 0 0 22px 0; } .dashboard-section-webinar-share-box-slide-copy a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-section-webinar-share-box-slide-text span{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; } .dashboard-section-webinar-share-box-slide-example{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; letter-spacing: -0.2px; } .dashboard-section-webinar-action-box-slide{ position: absolute; left: 16px; top: 30px; width: 138px; padding: 16px 12px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); z-index: 2; } .dashboard-section-webinar-action-box-slide .top-prong { position: absolute; top: -9px; left: 55px; height: 9px; width: 18px; overflow: hidden; z-index: 11; } .dashboard-section-webinar-action-box-slide .top-prong .prong-dk { position: absolute; left: 0; top: 0; border: 9px solid; border-color: rgba(0, 0, 0, 0.1) transparent; border-top-width: 0; } .dashboard-section-webinar-action-box-slide .top-prong .prong-lt { position: absolute; border: 8px solid; border-color: #fff transparent; left: 1px; top: 2px; border-top-width: 0; } .dashboard-section-webinar-action-box-slide-link{ padding: 0 0 5px 0; } .dashboard-section-webinar-action-box-slide-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; } .dashboard-section-webinar-action-box-slide-cancel a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; } .dashborar-section-box-title{ position: relative; background: #f8f9fb; border-bottom: #eaedf0 1px solid; padding: 16px 24px; } .dashborar-section-box-title span{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px; letter-spacing: -0.2px; color: #2b374d; } .dashborar-section-box-title b{ display: inline-block; position: absolute; right: 24px; top: 16px; } .dashborar-section-box-title b a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.3px; } .dashboard-section-box{ padding: 0 24px 24px; } .dashboard-section-box-list{ border-bottom: #eaedf0 1px solid; padding: 24px 0 23px 0; } .dashboard-section-box-list-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #717e94; padding: 0 0 6px 0; letter-spacing: -0.2px; } .dashboard-section-box-list-title span{ display: block; position: absolute; right: 0; top: 0; } .dashboard-section-box-list-title span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-section-box-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; } .dashboard-section-box-list-text span{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .dashboard-section-box-list-link{ padding: 15px 0 0 0; } .dashboard-section-box-list-link > span{ position: relative; display: inline-block; padding: 0 16px 0 0; vertical-align: top; } .dashboard-section-box-list-link > span > a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.4px; color: #1089f5; } .dashboard-section-box-list-link > span > span{ display: inline-block; vertical-align: middle; margin: 0 0 0 6px; } .dashboard-section-box-list-link > span > span > svg{ display: block; width: 9px; height: 9px; fill: #717e94; } .dashboard-section-box-list-link > a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.4px; color: #1089f5; } .dashboard-section-box-list-presenter{ padding: 6px 0 4px 0; } .dashboard-section-box-list-presenter > span{ display: inline-block; padding: 0 36px 0 0; height: 23px; } .dashboard-section-box-list-presenter > span i{ display: inline-block; width: 22px; height: 22px; border-radius: 11px; overflow: hidden; margin: 0 8px 0 0; vertical-align: middle; } .dashboard-section-box-list-presenter span.dashboard-section-box-list-presenter-name{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } /*.dashboard-section-box-list-presenter > span b{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; }*/ .dashboard-section-box-list-presenter > span > a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.4px; } .dashboard-section-box-list-presenter-slide{ position: relative; } .dashboard-section-box-list-presenter-slide > a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.4px; } .dashboard-section-box-list-presenter-slide > span{ display: inline-block; vertical-align: middle; margin: 0 0 0 6px; } .dashboard-section-box-list-presenter-slide > span > svg { display: block; width: 9px; height: 9px; fill: #717e94; } .dashboard-section-box-list-presenter-slide-show{ position: absolute; left: -60px; top: 30px; width: 424px; padding: 12px 12px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); z-index: 2; } .dashboard-section-box-list-presenter-slide-show .top-prong { position: absolute; top: -9px; left: 204px; height: 9px; width: 18px; overflow: hidden; z-index: 11; } .dashboard-section-box-list-presenter-slide-show .top-prong .prong-dk { position: absolute; left: 0; top: 0; border: 9px solid; border-color: rgba(0, 0, 0, 0.1) transparent; border-top-width: 0; } .dashboard-section-box-list-presenter-slide-show .top-prong .prong-lt { position: absolute; border: 8px solid; border-color: #fff transparent; left: 1px; top: 2px; border-top-width: 0; } .dashboard-section-box-list-presenter-slide-show-text{ padding: 0 0 11px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.3em; } .dashboard-section-box-list-presenter-slide-show-link{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 7px 85px 7px 9px; } .dashboard-section-box-list-presenter-slide-show-link input{ height: 22px; border: none; background: #f5f5f5; padding: 0 3px; width: 100%; border-radius: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; } .dashboard-section-box-list-presenter-slide-show-link a{ position: absolute; right: 9px; top: 7px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #1089f5; letter-spacing: -0.2px; line-height: 22px; } .dashboard-section-box-list-link-alltime{ position: absolute; left: -16px; top: 30px; padding: 12px 12px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); z-index: 2; } .dashboard-section-box-list-link-alltime .top-prong { position: absolute; top: -9px; left: 115px; height: 9px; width: 18px; overflow: hidden; z-index: 11; } .dashboard-section-box-list-link-alltime .top-prong .prong-dk { position: absolute; left: 0; top: 0; border: 9px solid; border-color: rgba(0, 0, 0, 0.1) transparent; border-top-width: 0; } .dashboard-section-box-list-link-alltime .top-prong .prong-lt { position: absolute; border: 8px solid; border-color: #fff transparent; left: 1px; top: 2px; top: 2px; border-top-width: 0; } .dashboard-section-box-list-link-alltime-list{ position: relative; padding: 0 60px 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; white-space: nowrap; } .dashboard-section-box-list-link-alltime-list a{ display: block; position: absolute; right: 12px; top: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-section-box-list-link-alltime-list-box{ padding: 0 0 6px 0; border-bottom: #eaedf0 1px solid; } .dashboard-section-box-list-link-alltime-list-more{ padding: 8px 0 0 0; text-align: center; } .dashboard-section-box-list-link-alltime-list-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-section-box-list-text-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-style: italic; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; padding: 0 0 13px 0; } .dashboard-section-box-list-text-2 .upgrade-now-to-enable{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; color: #1089f5; letter-spacing: -0.4px; } .dashboard-section-box-list-text-3{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: -0.2px; color: #2b374d; } .dashboard-section-box-list-text-3 a{ color: #1089f5; } .dashboard-section-box-list-advanced{ padding: 16px 0 0 0; } .dashboard-section-box-list-advanced a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.4px; } .dashboard-section-box-list-switch{ position: absolute; right: 0; top: 0; } .dashboard-section-box-list-switch.disabled-dial-in .dashboard-section-box-list-switch-bg{ background: #a2abbb; } .dashboard-section-box-list-switch.disabled-dial-in .dashboard-section-box-list-switch-disabled-text, .dashboard-section-box-list-switch .dashboard-section-box-list-switch-text, .dashboard-section-box-list-switch .dashboard-section-box-list-switch-in, .dashboard-section-box-list-switch.disabled-dial-in .dashboard-section-box-list-switch-disabled-in{ display: inline-block; } .dashboard-section-box-list-switch.disabled-dial-in .dashboard-section-box-list-switch-text, .dashboard-section-box-list-switch .dashboard-section-box-list-switch-disabled-text, .dashboard-section-box-list-switch.disabled-dial-in .dashboard-section-box-list-switch-in, .dashboard-section-box-list-switch .dashboard-section-box-list-switch-disabled-in{ display: none; } .dashboard-section-box-list-switch-text, .dashboard-section-box-list-switch-disabled-text{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.4px; padding: 0 6px 0 0; vertical-align: middle; } .dashboard-section-box-list-switch-text{ color: #00c4b5; } .dashboard-section-box-list-switch-disabled-text{ color: #a2abbb; } .dashboard-section-box-list-switch-bg{ position: relative; display: inline-block; width: 44px; height: 24px; background: #00c4b5; border-radius: 12px; vertical-align: middle; } .dashboard-section-box-list-switch-in{ position: absolute; width: 20px; height: 20px; border-radius: 10px; background: #fff; top: 2px; right: 2px; } .dashboard-section-box-list-switch-disabled-in{ position: absolute; width: 20px; height: 20px; border-radius: 10px; background: #fff; top: 2px; left: 2px; } .clear{ clear: both; } .dashboare-section-landing-left{ float: left; width: 100%; margin: 0 -310px 0 0 } .dashboare-section-landing-left-in{ margin: 0 310px 0 0; } .dashboare-section-landing-right{ width: 260px; float: right; } .dashboare-section-landing-left-link{ background: #f4f6f8; padding: 7px 13px; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; word-wrap: break-word; margin: 10px 0 0 0; } .dashboare-section-landing-left-btn{ padding: 24px 0 0 0; } .dashboare-section-landing-left-btn span{ display: inline-block; margin: 0 16px 0 0; vertical-align: top; } .dashboare-section-landing-left-btn span a{ display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.3px; text-align: center; } .dashboare-section-landing-left-btn span:nth-child(1) a{ background: #00c4b5; color: #fff; } .dashboare-section-landing-left-btn span:nth-child(2) a{ border: #1089f5 2px solid; color: #1089f5; line-height: 32px; } .dashboard-section-box-landing-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 16px 0; } .dashboard-section-box-landing-registration{ display: block; list-style: none; font-size: 0; } .dashboard-section-box-landing-registration li{ display: inline-block; padding: 0 20px; margin: 0 8px 10px 0; border: #eaedf0 1px solid; border-radius: 18px; height: 36px; line-height: 36px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-modalbox{ background: #fff; border-radius: 4px; } .new-dashboard-modalbox-title{ position: relative; border-bottom: #dfe1e4 1px solid; padding: 17px 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .new-dashboard-modalbox-close{ position: absolute; top: 28px; right: 28px; width: 14px; } .new-dashboard-modalbox-close a{ display: block; } .new-dashboard-modalbox-close a svg{ display: block; width: 14px; height: 14px; fill: #717e94; } .new-dashboard-modalbox-body{ padding: 28px; } .new-dashboard-modalbox-list{ padding: 0 0 20px 0; } .new-dashboard-modalbox-list-name{ padding: 0 0 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.4px; } .new-dashboard-modalbox-list-input{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 60px 0 12px; } .new-dashboard-modalbox-list-input input{ display: block; width: 100%; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; border: none; background: none; padding-right: 12px; } .new-dashboard-modalbox-list-input input:-ms-input-placeholder{ color:#a2abbb; } .new-dashboard-modalbox-list-input-numb{ position: absolute; right: 16px; top: 11px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.3px; } .new-dashboard-modalbox-list-when{ padding: 0 0 13px 0; } .new-dashboard-modalbox-list-when > span{ display: inline-block; height: 44px; vertical-align: top; } .new-dashboard-modalbox-list-when > span:nth-child(1){ width: 172px; } .new-dashboard-modalbox-list-when-date{ position: relative; padding: 0 0 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .new-dashboard-modalbox-list-when-date-numb{ padding: 0 30px 0 0; } .new-dashboard-modalbox-list-when-date-numb input{ height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.3px; border: none; padding: 0; } .new-dashboard-modalbox-list-when-date-icon{ position: absolute; top: 0; bottom: 0; right: 12px; line-height: 40px; font-size: 15px; color: #ccd0d3; } .new-dashboard-modalbox-list-when > span:nth-child(2){ width: 30px; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.3px; } .new-dashboard-modalbox-list-when > span:nth-child(3){ width: 36px; } .new-dashboard-modalbox-list-when-hours, .new-dashboard-modalbox-list-when-mins, .new-dashboard-modalbox-list-when-ap, .new-dashboard-modalbox-list-when-long{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .new-dashboard-modalbox-list-when-hours select, .new-dashboard-modalbox-list-when-mins select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.3px; box-sizing: border-box; padding: 0 26%; } .new-dashboard-modalbox-list-when-mins select{ padding: 0 16%; } .new-dashboard-modalbox-list-when > span:nth-child(4){ width: 13px; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #8692a2; } .new-dashboard-modalbox-list-when > span:nth-child(5){ width: 36px; } .new-dashboard-modalbox-list-when > span:nth-child(6){ width: 60px; } .new-dashboard-modalbox-list-when-ap select{ position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; box-sizing: border-box; padding: 0 20px 0 12px; } .new-dashboard-modalbox-list-when-ap:after{ position: absolute; display: block; font-family: 'bigmarker'; content: "\e612"; font-size: 8px; font-weight: 600; color: #8692a2; height: 42px; line-height: 42px; width: 8px; right: 8px; top: 0; z-index: 3; } .new-dashboard-modalbox-list-when > span:nth-child(7){ width: 30px; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } .new-dashboard-modalbox-list-when > span:nth-child(8){ width: 100px; } .new-dashboard-modalbox-list-when-long select{ position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; box-sizing: border-box; padding: 0 16px 0 8px; } .new-dashboard-modalbox-list-when-long:after{ position: absolute; display: block; font-family: 'bigmarker'; content: "\e612"; font-size: 8px; font-weight: 600; color: #8692a2; height: 42px; line-height: 42px; width: 8px; right: 5px; top: 0; z-index: 3; } .new-dashboard-modalbox-list-when-timezone{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.3px; } .new-dashboard-modalbox-list-when-timezone a{ color: #717e94; } .new-dashboard-modalbox-list-when-btn input{ display: block; width: 100%; height: 44px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.4px; box-shadow: none; } .new-dashboard-modalbox-list-when-btn input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .new-dashboard-modalbox-list-footer{ text-align: center; background: #f9f9ff; border-radius: 0 0 4px 4px; padding: 19px 53px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; padding-left: 28px; } .new-dashboard-modalbox-list-share{ padding: 0 0 30px 0; margin: 0 0 28px 0; border-bottom: #eaedf0 1px solid; } .new-dashboard-modalbox-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.6px; font-weight: 500; padding: 0 0 13px 0; } .new-dashboard-modalbox-list-link-box{ position: relative; padding: 0 100px 0 0; } .new-dashboard-modalbox-list-link-box input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; } .new-dashboard-modalbox-list-link-box textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; height: 90px; padding: 8px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; resize: none; } .new-dashboard-modalbox-list-link-box a{ position: absolute; display: block; width: 80px; height: 44px; line-height: 44px; right: 0; top: 0; background-image: linear-gradient(to left, #0390f5, #1db3fa); text-align: center; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.4px; } .new-dashboard-modalbox-list-link-box-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.3px; padding: 12px 0 0 0; } .new-dashboard-modalbox-list-share-text{ padding: 0 0 28px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.3px; line-height: 1.14em; } .new-dashboard-modalbox-list-share-list{ padding: 0 0 20px 0; } .new-dashboard-modalbox-list-share-list-title{ padding: 0 0 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.3px; } .new-dashboard-modalbox-list-cancel{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.4px; padding: 0 0 21px 0; } .new-dashboard-modalbox-list-cancel span{ /*color: #2b374d;*/ color: #717e94; display: block; } .new-dashboard-modalbox-list-cancel-btn input, .new-dashboard-modalbox-list-cancel-btn a{ display: block; width: 100%; height: 44px; background-image: linear-gradient(90deg, #FF316E 0%, #EF346E 100%); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.2px; box-shadow: none; text-align: center; padding-top:10px; } .new-dashboard-modalbox-confirm-btn a{ display: block; width: 100%; height: 44px; background-image: linear-gradient(90deg, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.2px; box-shadow: none; text-align: center; padding-top:10px; } .new-dashboard-modalbox-list-cancel-btn input:hover{ background: #fa5b59; } .new-dashboard-modalbox-list-cancel-choose{ padding: 0 0 24px 0; } .new-dashboard-modalbox-list-cancel-choose a{ display: inline-block; margin: 0 12px 0 0; width: 60px; height: 44px; line-height: 42px; border: #dfe1e4 1px solid; border-radius: 3px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; } .new-dashboard-modalbox-list-cancel-choose a.onactive{ border-color: #2196f3; color: #4c586e; } .new-dashboard-modalbox-list-cancel-choose-textarea textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 10px 12px; resize: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; } .new-dashboard-modalbox-list-cancel-btn-2{ padding: 24px 28px 24px 28px; border-top: #eaedf0 1px solid; } .new-dashboard-modalbox-list-cancel-btn-2 input{ display: block; width: 100%; height: 44px; background: #fa5b59; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; box-shadow: none; } .new-dashboard-modalbox-list-cancel-btn-2 input:hover{ background: #fa5b59; } /*20190128*/ .dashboard-registrants-attendees-tracking{ position: relative; padding: 16px 24px 24px 24px; background: #f9f9ff; border-radius: 5px; margin: 0 0 16px 0; } .dashboard-registrants-attendees-tracking-close{ position: absolute; top: 16px; right: 16px; } .dashboard-registrants-attendees-tracking-close a svg{ display: block; width: 8px; height: 8px; fill: #717e94; } .dashboard-registrants-attendees-tracking-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .dashboard-registrants-attendees-tracking-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #6d68c9; letter-spacing: -0.2px; line-height: 1.3em; } .dashboard-registrants-attendees-list-nav{ padding: 0 0 16px 0; } .dashboard-registrants-attendees-list-sections-select{ display: inline-block; vertical-align: top; width: 295px; margin: 0 12px 0 0; } .dashboard-registrants-attendees-list-sections-select{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .dashboard-registrants-attendees-list-sections-select .dd{ border: none; border-radius: 0; padding: 0px 16px 0px 12px; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild{ width: 310px; } .dashboard-registrants-attendees-list-sections-select .dd .ddTitle{ /*padding: 8px 0;*/ padding: 0; } .dashboard-registrants-attendees-list-sections-select .dd .ddTitle .ddTitleText { padding: 0; line-height: 40px; } .dashboard-registrants-attendees-list-sections-select .dd .ddTitle .ddlabel{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; } .dashboard-registrants-attendees-list-sections-select .dd .ddTitle .description{ display: none !important; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild .ddlabel{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; vertical-align: middle; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild .description{ float: right; display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #a2abbb; letter-spacing: -0.2px; padding: 2px 0 0 8px; vertical-align: middle; } .dashboard-registrants-attendees-list-sections-select .dd .arrow{ background: none; border: none; border-radius: 0; line-height: 40px; padding: 0; right: -10px; } .dashboard-registrants-attendees-list-sections-select .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; font-weight: 600; color: #4c586e; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild li{ padding: 15px 24px; border: none; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild li:first-child .ddlabel{ color: #2b374d; } .dashboard-registrants-attendees-list-sections-select .dd .ddChild li.selected{ background: #f9fafc; } .dashboard-registrants-attendees-list-time{ display: inline-block; vertical-align: top; width: 120px; } .dashboard-registrants-attendees-list-time{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .dashboard-registrants-attendees-list-time .dd{ border: none; border-radius: 0; padding: 0px 16px 0px 12px; } .dashboard-registrants-attendees-list-time .dd .ddChild{ width: 240px; } .dashboard-registrants-attendees-list-time .dd .ddTitle{ padding: 0; } .dashboard-registrants-attendees-list-time .dd .ddTitle .ddTitleText { padding: 0; line-height: 40px; } .dashboard-registrants-attendees-list-time .dd .ddTitle .ddlabel{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; } .dashboard-registrants-attendees-list-time .dd .ddTitle .description{ display: none !important; } .dashboard-registrants-attendees-list-time .dd .ddChild .ddlabel{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; vertical-align: middle; } .dashboard-registrants-attendees-list-time .dd .ddChild .description{ float: right; display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #a2abbb; letter-spacing: -0.2px; padding: 2px 0 0 8px; vertical-align: middle; } .dashboard-registrants-attendees-list-time .dd .arrow{ background: none; border: none; border-radius: 0; line-height: 40px; padding: 0; right: -10px; } .dashboard-registrants-attendees-list-time .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; font-weight: 600; color: #4c586e; } .dashboard-registrants-attendees-list-time .dd .ddChild li{ padding: 15px 24px; border: none; } .dashboard-registrants-attendees-list-time .dd .ddChild li:first-child .ddlabel{ color: #2b374d; } .dashboard-registrants-attendees-list-time .dd .ddChild li.selected{ background: #f9fafc; } .dashboard-registrants-attendees-list-search{ position: relative; float: right; border: #dfe1e4 1px solid; border-radius: 4px; padding: 0 0 0 40px; margin-left: 15px; } .dashboard-registrants-attendees-list-search.search-block-email { float: unset; margin: 0; width: 30%; } .dashboard-registrants-attendees-list-search span{ display: block; position: absolute; width: 18px; top: 10px; left: 12px; } .dashboard-registrants-attendees-list-search span.search-span { cursor: pointer; } .dashboard-registrants-attendees-list-search.onactive .js-dashboard-registrants-attendees-list-search-delete { display: block; } .dashboard-registrants-attendees-list-search .js-dashboard-registrants-attendees-list-search-delete { display: none; } .js-dashboard-registrants-attendees-list-search-delete span { display: block; position: absolute; width: 18px; top: 10px; left: calc(100% - 18px); z-index: 15; } .js-dashboard-registrants-attendees-list-search-delete a{ display: block; } .js-dashboard-registrants-attendees-list-search-delete a svg{ display: block; width: 12px; height: 12px; fill: #ccd0d3; } .dashboard-registrants-attendees-list-search span svg{ display: block; width: 18px; height: 18px; fill: #c1c9d6; } .dashboard-registrants-attendees-list-search input{ display: block; width: 100%; border: none; border-radius: 0; height: 38px; padding: 0 12px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: normal; letter-spacing: -0.2px; } .dashboard-registrants-attendees-list-box-out{ overflow: auto; } .dashboard-registrants-attendees-list-box{ display: block; list-style: none; padding: 0 0 32px 0; min-width: 760px; } .dashboard-registrants-attendees-list-box li{ display: block; border-bottom: #f4f6f8 1px solid; } .dashboard-registrants-attendees-list-box li:first-child{ background: #f9fafc; border: #f4f6f8 1px solid; } .dashboard-registrants-attendees-list-box-table{ display: table; width: 100%; } .dashboard-registrants-attendees-list-box-in{ display: table-row; } .dashboard-registrants-attendees-list-box-in span{ display: table-cell; height: 64px; text-align: left; vertical-align: middle; padding: 12px 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; word-break: break-word; vertical-align: top; } .dashboard-registrants-attendees-list-box li:first-child .dashboard-registrants-attendees-list-box-in span{ height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .dashboard-registrants-attendees-list-box li span:nth-child(1){ width: 20%; max-width: 184px; } .dashboard-registrants-attendees-list-box li span:nth-child(2){ width: 24%; max-width: 221px; } .dashboard-registrants-attendees-list-box li span:nth-child(3){ width: 13%; max-width: 119px; } .dashboard-registrants-attendees-list-box li span:nth-child(4){ width: 21%; max-width: 194px; } .dashboard-registrants-attendees-list-box li span:nth-child(5){ width: 8%; max-width: 74px; } .dashboard-registrants-attendees-list-box li span:nth-child(6), .dashboard-registrants-attendees-list-box li span:nth-child(7){ width: 7%; text-align: center; } .dashboard-registrants-attendees-list-box li span:nth-child(7){ padding-left: 0; } .dashboard-registrants-attendees-list-box-in span i{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; } .dashboard-registrants-attendees-list-box-in span i svg{ display: block; width: 14px; height: 14px; fill: #2b374d; } .dashboard-registrants-attendees-list-box-in span > b{ display: inline-block; vertical-align: middle; } .dashboard-registrants-attendees-list-box-in span > b svg{ display: block; width: 14px; height: 14px; fill: #00c4b5; } .dashboard-registrants-attendees-list-box-table-img{ display: inline-block; width: 24px; vertical-align: middle; } .dashboard-registrants-attendees-list-box-in span > a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-registrants-attendees-list-box-table-line{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; font-weight: 500; vertical-align: middle; } .dashboard-registrants-attendees-list-box-details{ display: none; padding: 24px 110px 24px 32px; } .dashboard-registrants-attendees-list-box-details-list{ display: block; font-size: 0; padding: 0 0 16px 0; } .dashboard-registrants-attendees-list-box-details-name{ display: inline-block; vertical-align: top; width: 220px; margin: 0 48px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; line-height: 1.2em; } .dashboard-registrants-attendees-list-box-details-text{ display: inline-block; vertical-align: top; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.2em; width: 380px; word-wrap: break-word; } .dashboard-registrants-attendees-list-box-details-link{ padding: 8px 0 0 0; display: inline-block; margin-right: 20px; } .dashboard-registrants-attendees-list-box-details-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .dashboard-registrants-attendees-list-box-details-link.remove a{ color: #e93e62; } .dashboard-registrants-attendees-list-box li.onactive{ border: #e9edf0 1px solid; border-radius: 3px; } .dashboard-registrants-attendees-list-box li.onactive .dashboard-registrants-attendees-list-box-details{ display: block; } .dashboard-registrants-attendees-list-more{ text-align: center; } .dashboard-registrants-attendees-list-more a{ display: inline-block; padding: 0 20px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; height: 40px; line-height: 38px; } .dashboard-registrants-attendees-blank{ padding: 48px 0 64px 0; } .dashboard-registrants-attendees-blank-left{ float: left; width: 100%; margin: 0 -228px 0 0; } .dashboard-registrants-attendees-blank-left-in{ margin: 0 228px 0 0; } .dashboard-registrants-attendees-blank-img{ float: right; width: 173px; } .dashboard-registrants-attendees-blank-left-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 19px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .dashboard-registrants-attendees-blank-left-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.38em; } .dashboard-registrants-attendees-blank-btn a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 42px; border: #cfdcfb 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; font-weight: 500; letter-spacing: -0.2px; } .dashboard-registrants-attendees-blank-btn a span{ display: inline-block; vertical-align: middle; margin: 0 6px 0 0; } .dashboard-registrants-attendees-blank-btn a span svg{ display: block; width: 12px; height: 12px; fill: #6d68c9; } .new-dashboard-section-2-title-left span { position: absolute; display: block; right: 30px; top: 10px; width: 160px; } .new-dashboard-section-2-title-left span a { display: block; text-align: center; height: 40px; line-height: 40px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .new-dashboard-section-2-title-left span a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .new-dashboard-section-2-title-left span.dashboard-registrants-down-list{ right: 202px; width: auto; } .new-dashboard-section-2-title-left span.dashboard-registrants-down-list a{ display: inline-block; height: 40px; line-height: 38px; width: auto; padding: 0 20px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.4px; font-weight: 500; } .new-dashboard-section-2-title-left span:last-child{ right: 24px; } .dashboard-registrants-attendees-list-box-in-mwr{ display: table-row; } .dashboard-registrants-attendees-list-box-in-mwr span{ display: table-cell; height: 64px; text-align: left; vertical-align: middle; padding: 0 0 0 16px; font-family: 'ModernSans'; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; word-break: break-word; } .dashboard-registrants-attendees-list-box li:first-child .dashboard-registrants-attendees-list-box-in-mwr span{ height: 44px; font-family: 'ModernSans'; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; outline: none; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(1){ width: 3.8%; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(2){ width: 30%; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(3){ width: 23.2%; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(4){ width: 21%; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(5){ width: 14%; } .dashboard-registrants-attendees-list-box li .dashboard-registrants-attendees-list-box-in-mwr span:nth-child(6){ width: 7%; text-align: center; } .mwr-registranter-del-all{ float: left; padding: 11px 24px 0 18px; } .mwr-registranter-del-all a{ color: #1089f5; font-family: 'ModernSans'; font-size: 15px; letter-spacing: -0.2px; } .ci-detail{ color: #1089f5; font-size: 14px; } .dashboard-registrants-attendees-list-select{ position: relative; float: right; position: relative; border: #dfe1e4 1px solid; border-radius: 3px; margin-left: 15px; margin-bottom: 12px; width: 212px; } .registrants-list-select { right: 10px; width: 123px } .channel-body-main-box .dashboard-registrants-attendees-list-select:first-child{ /*margin-right: 0;*/ } .dashboard-registrants-attendees-list-select select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 38px; padding: 0 32px 0 12px; font-family: 'ModernSans'; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .dashboard-registrants-attendees-list-select i{ position: absolute; display: block; font-style: normal; right: 12px; top: 15px; width: 8px; z-index: 1; } .dashboard-registrants-attendees-list-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } /* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Sun Mar 16 2014 09:33:47 */ .qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:185px;font-size:14px;line-height:12px;direction:ltr;box-shadow:none;padding:10px}.qtip-content{position:relative;text-align:left;word-wrap:break-word;font-size:12px;}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} .qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1} .qtip-dark{background-color:#2f3334;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} .qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible} .analytics-box{ background: #fff; border-radius: 3px; border: #dfe1e4 1px solid; margin: 0 0 20px 0; } .analytics-box-top{ padding: 0 24px; background: #fff; } .analytics-suspended .analytics-box-top { background-color: #f35b59; color: #fff; } .analytics-box-top-3{ padding: 0 24px; background: #f9fafc; } .analytics-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.2px; color: #2b374d; padding: 18px 0; } .analytics-box-top-right{ float: right; } .analytics-box-top-right span{ display: inline-block; padding-top: 28px; } .analytics-box-top-right a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; } .analytics-box-top-link-copy{ padding: 0 20px 0 0; } .analytics-box-top-link-copy a{ color: #4a4d50; } .analytics-box-top-link-delete a{ color: #f35b59; } .analytics-box-contents{ padding: 30px; } .analytics-box-contents-2{ padding: 30px; border-bottom: #eaedf0 1px solid; } .analytics-box-contents-3{ padding: 30px; border-top: #dfe1e4 1px solid; } .analytics-box-contents-4{ padding: 0 30px; border-top: #dfe1e4 1px solid; } .analytics-contents-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; padding: 0 0 28px 0; } .analytics-contents-title span{ display: inline-block; } .analytics-contents-title span svg{ display: block; width: 14px; height: 14px; fill: #dfe1e4; } .future-recor-right{ float: right; padding: 5px 0 0 0; } .future-recor-right .new-dashboard-2019-audience-list-title{ font-weight: normal; color: #2b374d; padding: 0 10px 0 0; } .analytics-box-funnel{ float: left; width: 46%; padding: 14px 0 0 0; } .analytics-box-circle{ float: right; width: 46%; } .analytics-box-circle #sign-up-rate-chart, .analytics-box-circle #show-up-rate-chart{ display: inline-block; } .analytics-box-circle #show-up-rate-chart{ margin-left: 10px; } .analytics-box-funnel-list{ padding: 0 0 10px 0; } .analytics-list-name{ float: left; width: 180px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; margin: 0 7px 0 0; line-height: 24px; font-size: 14px; } .analytics-list-name-webinar-name{ font-weight: 500; line-height: 1.2em; padding: 0 0 5px 0; } .analy-reco-web-list{ border-bottom: #eaedf0 1px solid; margin: 0 0 16px 0; } .analytics-list-name a{ color: #1089f5; } .analytics-list-bg{ float: left; width: 160px; margin: 0 10px 0 0; } .analytics-list-numb{ float: left; /*width: 80px;*/ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #2b374d; line-height: 24px; cursor: default; } .analytics-list-numb a{ color: #1089f5; } .analytics-list-bg-box{ position: relative; width: 160px; height: 24px; background: #f4f6f8; overflow: hidden; } .analytics-list-bg-box-in{ position: absolute; height: 24px; left: 0; top: 0; } .analytics-box-top-nav{ display: block; float: left; list-style: none; } .analytics-box-top-nav li{ display: block; float: left; padding: 0 30px 0 0; } .analytics-box-top-nav li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #263044; padding: 17px 0 17px 0; } .analytics-box-top-nav li a.onactive{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; color: #1089f5; border-bottom: #1089f5 3px solid; padding-bottom: 14px; } .analytics-box-top-download{ float: right; padding: 17px 0 0 0; margin-left: 15px; } .analytics-box-top-download{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #2b374d; } .analytics-box-top-download span{ display: inline-block; padding: 0 0 0 16px; vertical-align: text-top; } .analytics-box-top-download span a{ color: #1089f5 } .analytics-traffic{ display: block; list-style: none; font-size: 0; } .analytics-traffic li{ display: inline-block; padding: 0 10px 10px 0; } .analytics-traffic-list{ display: table; width: 120px; height: 105px; border-radius: 5px; } .analytics-traffic-list-in{ display: table-cell; width: 120px; height: 105px; vertical-align: middle; text-align: center; } .analytics-traffic-list-numb{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 32px; color: #4a4d50; } .analytics-traffic-list-numb-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 32px; color: #4a4d50; } .analytics-traffic-list-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 12px; color: #717e94; } .analytics-traffic-list-number-alert{ color: #FFF; } .analytics-capacity-left{ position: relative; float: left; z-index: 1; } .analytics-capacity-right{ float: right; width: 100%; margin: 0 0 0 -140px; } .analytics-capacity-right-in{ margin: 0 0 0 140px; } .analytics-capacity-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4a4d50; padding: 0 0 15px 0; } .analytics-capacity-text a{ color: #1089f5; } .analytics-capacity-btn{ padding: 10px 0 0 0; } .analytics-capacity-btn a{ display: block; width: 200px; height: 36px; line-height: 36px; text-align: center; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #fff; letter-spacing: 0.46px; box-shadow: none; } .analytics-tools-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; color: #1089f5; padding: 17px 0; } .analytics-tools-title span{ display: inline-block; vertical-align: middle; padding: 0 3px 0 0; } .analytics-tools-title span svg{ width: 16px; height: 16px; fill: #1089f5; } .analytics-tools-list{ display: block; list-style: none; font-size: 0; margin: 0 -5px; } .analytics-tools-list li{ display: inline-block; width: 139px; margin: 15px 25px; text-align: center; } .analytics-tools-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #4a4d50; padding: 20px 0 8px 0; } .analytics-tools-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #00c4b5; } .analytics-tip-help{ padding: 0 30px; } .analytics-top-help-left{ float: left; width: 50%; border-right: #dfe1e4 1px solid; padding: 30px 30px 30px 0; box-sizing: border-box; } .analytics-top-help-right{ float: right; width: 50%; padding: 30px 0 30px 30px; box-sizing: border-box; } .analytics-top-help-right .legend{ width: 100%; height: 100%; } .analytics-top-help-right .legend table{ width: 100%; } .analytics-top-help-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; padding: 0 0 15px 0; } .analytics-top-help-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; padding: 0 0 20px 0; } .analytics-top-help-text a{ color: #1fc3a6; } .analytics-top-help-btn span{ display: inline-block; margin-bottom: 10px; } .analytics-top-help-btn span:nth-child(2){ padding: 0 10px 0 0; } .analytics-top-help-btn span a{ display: block; border: #00c4b5 1px solid; border-radius: 2px; padding: 0 10px; height: 32px; line-height: 32px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; color: #00c4b5; text-align: center; } .analytics-top-help-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 18px; color: #4a4d50; padding: 0 0 30px 0; } .analytics-share-center{ float: left; width: 100%; padding: 0 0 0 0; box-sizing: border-box; } .analytics-share-left{ float: left; width: 50%; padding: 0 30px 0 0; box-sizing: border-box; } .analytics-share-right{ float: right; width: 50%; padding: 0 0 0 30px; box-sizing: border-box; } .analytics-share-title-box{ position: relative; padding: 0 45px 10px 0; } .analytics-share-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #4a4d50; } .analytics-share-copy-btn{ position: absolute; right: 0; top: 0; } .analytics-share-copy-btn a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #00c4b5; } .analytics-share-link-box{ background: #f4f6f8; border-radius: 2px; padding: 8px 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; word-wrap: break-word; } .analytics-capacity-registered-box{ padding: 28px 0 0 0; } .analytics-capacity-registered-bg{ position: relative; margin: 0 0 10px 0; height: 3px; background-color: #eaedf0; } .analytics-capacity-registered-bg-in{ position: absolute; left: 0; top: 0; height: 3px; background-color: #1089f5; } .analytics-capacity-registered-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .analytics-capacity-registered-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .analytics-people-left{ float: left; padding: 0 20px 0 0; } .analytics-people-right{ float: right; padding: 5px 0 0 0; } .analytics-people-right a { display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #1089f5; } .analytics-people-right a span{ display: inline-block; padding: 0 5px 0 0; } .analytics-people-right a span svg{ display: block; width: 16px; height: 16px; fill: #1089f5; } .dashboard-paginate{ margin-top: 10px; } .analytics-people-table, .analytics-engagement-table{ max-height: 450px; overflow: auto; } .analytics-people-table table th, .analytics-engagement-table table th{ padding: 10px 20px 10px 10px; border-bottom: #f4f6f8 3px solid; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 12px; color: #b4b7ba; } .analytics-engagement-table table th:nth-child(n+3){ text-align: center; } .analytics-people-table table th:last-child, .analytics-engagement-table table th:last-child{ padding-right: 0; text-align: center; } .analytics-people-table table td a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #009ef7; } .analytics-engagement-table table th span{ display: inline-block; vertical-align: initial; } .analytics-engagement-table table th span svg{ display: block; width: 7px; height: 7px; fill: #b4b7ba; } .analytics-people-table table td, .analytics-engagement-table table td{ padding: 10px 20px 10px 10px; border-bottom: #eef1f3 1px solid; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4a4d50; } .analytics-people-table table td:last-child, .analytics-engagement-table table td:last-child{ padding-right: 0; text-align: center; } .analytics-engagement-table table td:nth-child(n+3){ text-align: center; } .analytics-people-table-check{ width: 13px; margin: 0 auto; } .analytics-people-table-check svg{ display: block; width: 13px; height: 13px; fill: #00c083; } .analytics-summary-time{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; } .analytics-summary-list{ display: block; list-style: none; font-size: 0; text-align: center; padding: 0 0 40px 0; } .analytics-summary-list li{ display: inline-block; padding: 8px 24px; border-right: #eaedf0 1px solid; } .analytics-summary-list li:last-child{ border: none; } .waiting-graph-load{ width: 50px; margin: 0 auto; } #people-registrations-list .waiting-graph-load{ padding-top: 0; } .analytics-summary-size{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #4a4d50; } .analytics-summary-type{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 12px; color: #b4b7ba; } .analytics-device-list{ display: block; list-style: none; text-align: center; font-size: 0; } .analytics-device-list li{ display: inline-block; min-width: 62px; padding: 0 18px; } .analytics-device-img{ width: 45px; margin: 0 auto; padding: 0 0 18px 0; } .analytics-device-number{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #4a4d50; border-top: #eaedf0 1px solid; padding: 10px 0; } .analytics-device-type{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #b4b7ba; } .analytics-room-engaged-box{ display: block; list-style: none; font-size: 0; text-align: center; } .analytics-room-engaged-box li{ position: relative; display: inline-block; width: 33%; height: 204px; padding: 24px 10px; box-sizing: border-box; border-right: #dfe1e4 1px solid; } .analytics-room-engaged-box li:last-child{ border: none; } .analytics-room-engaged-i{ position: absolute; width: 14px; top: 10px; right: 10px; } .analytics-room-engaged-i span{ display: block; } .analytics-room-engaged-i span svg{ display: block; width: 14px; height: 14px; fill: #dfe1e4; } .analytics-room-engaged-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 18px; color: #4a4d50; padding: 0 0 20px 0; } .analytics-room-engaged-bg{ display: table; background: #f4f6f8; width: 120px; height: 105px; margin: 0 auto; } .analytics-room-engaged-bg-in{ display: table-cell; vertical-align: middle; width: 120px; } .analytics-room-engaged-numb{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 32px; color: #4a4d50; } .analytics-room-engaged-type{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #717e94; } .legendColorBox{ padding: 0 5px 0 0; } .legendColorBox div{ border-radius: 5px; } .legendLabel{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 12px; color: #b4b7ba; padding: 6px 0; } .legend-title{ position: absolute; text-align: center; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .legend-title-per{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #4a4d50; } .legend-title-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 12px; color: #b4b7ba; } .legend-label-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #4a4d4f; padding: 6px 0; } #attendence-combine-graph .flot-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; } #attendence-combine-graph .flot-base{ } #sign-up-rate-chart, #show-up-rate-chart{ padding: 0; } #sign-up-rate-chart .legendLabel, #show-up-rate-chart .legendLabel{ padding: 0; } #sign-up-rate-chart .show-sign-show, #show-up-rate-chart .show-sign-show{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size:32px; text-align:center; width: 150px; } #sign-up-rate-chart .show-sign-title, #show-up-rate-chart .show-sign-title{ font-size:12px; text-align:center; font-weight: 900; } .no-browser-data .legend { display: none; } .analytics-box-tips{ position: absolute; background: #263044; border-radius: 3px; padding: 12px; width: 281px; z-index: 99; } .analytics-box-tips .qtip-content{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 18px; } .analytics-box-tips.qtip{ max-width: 305px; } .analytics-box-tips .left-prong{ position: absolute; left: -7px; top: 24px; margin-top: -7px; height: 16px; width: 8px; overflow: hidden; z-index: 5; } .analytics-box-tips .left-prong .prong-dk{ position: absolute; left: 0; top: 0; border: 8px solid; border-color: transparent #263044; border-left-width: 0; } .analytics-box-tips .right-prong { position: absolute; right: -7px; top: 24px; margin-top: -7px; height: 16px; width: 8px; overflow: hidden; z-index: 5; } .analytics-box-tips .right-prong .prong-dk { position: absolute; left: 0; top: 0; border: 8px solid; border-color: transparent #263044; border-right-width: 0; } .analytics-box-tips-close{ position: absolute; right: 10px; top: 10px; } .analytics-box-tips-close a{ display: block; } .analytics-box-tips-close a svg{ display: block; width: 10px; height: 10px; fill: #ccd0d3; } .analytics-box-tips-in-left{ float: left; width: 48%; } .analytics-box-tips-in-right{ float: right; width: 48%; } .analytics-box-tips-in-line{ padding: 0 0 16px 0; } .analytics-box-tips-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #fff; letter-spacing: 1px; } .analytics-box-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; } .analytics-box-tips-in > div:last-child{ padding: 0; } .analytics-box-mobile{ display: none; background: #fff; border-radius: 3px; border: #dfe1e4 1px solid; margin: 0 0 20px 0; padding: 16px 0; } .analytics-box-mobile a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #1089f5; text-align: center; } .analytics-box-mobile a span{ display: inline-block; padding: 0 5px 0 0; } .analytics-box-mobile a span svg{ display: block; width: 16px; height: 16px; fill: #1089f5; } .analytics-capacity-registered-right span{ display: none; } .analytics-box-mobile-copy-delete{ display: block; list-style: none; font-size: 0; margin: -16px 0; } .analytics-box-mobile-copy-delete li{ display: inline-block; width: 50%; padding: 16px 0; box-sizing: border-box; } .analytics-box-mobile-copy-delete li:first-child{ border-right: #dfe1e4 1px solid; } .analytics-box-mobile-copy-delete li span{ display: block; } .analytics-suspended{ background-color: #f35b59; } .analytics-limited{ background-color: #f39959; } .analytics-suspended-warning{ background-color: #f9ab4d; } .analytics-suspended .analytics-title, .analytics-suspended .analytics-top-help-text{ color: #fff; } .analytics-suspended .analytics-top-help-text a{ color: #fff; font-weight: 500; text-decoration: underline; } .analytics-suspended .analytics-box-contents-3{ padding: 0px 10px 0px 30px; border:none; } .analytics-box-top-2{ padding: 25px 30px 10px; } .analytics-title-2{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; color: #2b374d; letter-spacing: -0.4px; } .analytics-publish-box{ float: right; font-size: 0; } .analytics-publish-box a{ display: inline-block; width: 107px; height: 32px; line-height: 32px; text-align: center; border: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #a2abbb; letter-spacing: -0.2px; background: #fff; } .analytics-publish-box a:nth-child(1){ border-radius: 3px 0 0 3px; border-right: none; margin-right: -5px; } .analytics-publish-box a:nth-child(2){ border-radius: 0 3px 3px 0; border-left: none; } .analytics-publish-box a:nth-child(1).onactive{ background: #a2abbb; border-color: #a2abbb; color: #fff; } .analytics-publish-box a:nth-child(2).onactive{ background: #1089f5; border-color: #1089f5; color: #fff; } .analytics-rec-text-box{ padding: 24px 30px 0; } .analytics-rec-text-box-left{ float: left; width: 100%; margin: 0 -230px 0 0; } .analytics-rec-text-box-left-in{ margin: 0 230px 0 0; } .analytics-rec-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; line-height: 1.33em; letter-spacing: -0.2px; } .analytics-rec-text a{ color: #00c4b5; } .analytics-rec-top-tips{ background: #1089f5; text-align: center; padding: 10px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; } .analytics-rec-top-tips a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; color: #fff; } .rec-manage-box{ position: relative; height: 454px; } .rec-manage-box-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(31, 33, 34, 0.6); } .rec-manage-box-play{ position: absolute; width: 80px; height: 80px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.85); box-shadow: 1px 1px 1px 0 rgba(54, 59, 68, 0.2); left: 50%; top: 50%; margin: -40px 0 0 -40px; z-index: 10; cursor: pointer; } .rec-manage-box-play svg{ display: block; width: 32px; height: 32px; fill: #1f2122; margin: 25px 0 0 29px; } .rec-manage-box-note{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; line-height: 1.33em; letter-spacing: -0.2px; padding-top: 5px; } .rec-manage-btn-box{ padding: 32px 0 0 0; } .rec-manage-btn-box span{ display: inline-block; padding: 5px 8px 0 0; width: 194px; } .rec-manage-btn-box span:last-child{ padding: 0; } .rec-manage-btn-box span a{ display: block; padding: 0 10px; height: 40px; line-height: 36px; text-align: center; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; border: solid 1px #dfe1e4; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .rec-manage-btn-box span a[disabled], .rec-manage-btn-box span a:disabled { color: #8692A2; background: #EAEDF0; box-shadow: 0 2px 0 0 #EAEDF0; } .rec-manage-btn-box .dashboard-dropdown { padding: 0 7px 0 0; } .rec-manage-btn-box .dashboard-dropdown span { width: 187px; } .ndsc-bottom-line{ border-bottom: #eaedf0 1px solid; } .analytics-2019-header-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.1px; font-weight: 500; padding: 7px 186px 46px 0; } .analytics-2019-header-title span{ position: absolute; display: block; right: 0; top: 0; width: 170px; } .analytics-2019-header-title span a{ display: block; text-align: center; height: 40px; line-height: 40px; /*background: #00c4b5;*/ border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; background-image: linear-gradient(to left, #0390f5, #1db3fa); } .analytics-2019-header-title span a:hover{ background-image: linear-gradient(to left, rgb(27, 159, 253), rgb(44, 186, 253)); /*background-image: -webkit-linear-gradient(#09d5c5, #00c4b5); background-image: -o-linear-gradient(#09d5c5, #00c4b5); background-image: linear-gradient(#09d5c5, #00c4b5);*/ } .analytics-2019-header-download{ position: absolute; top: 20px; right: 0; width: auto; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 15px; letter-spacing: -0.19px; color: #ffffff; padding: 11px 16px; cursor: pointer; } .analytics-2019-header-download.onactive{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .analytics-2019-header-download > svg{ margin-left: 5px; position: relative; top: -2px; } .analytics-2019-header-download > svg.up-carat, .analytics-2019-header-download.onactive > svg.dropdown-carat{ display: none; } .analytics-2019-header-download.onactive > svg.up-carat, .analytics-2019-header-download > svg.dropdown-carat{ display: inline-block; } .analytics-2019-header-download-options{ display: none; position: absolute; width: auto; right: 0; top: 60px; background-color: #ffffff; z-index: 9; border-radius: 3px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); } .analytics-2019-header-download-options .analytics-2019-header-download-option > a{ display: block; padding: 11px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.29; letter-spacing: -0.2px; color: #2b374d; text-decoration: none; } .analytics-2019-header-download-options .analytics-2019-header-download-option > a:hover{ background-color: #f5f7fa; } .analytics-2019-nav{ display: block; list-style: none; box-shadow: 0 3px 0 #f4f6f8; margin: 0 0 32px 0; } .analytics-2019-nav li{ display: inline-block; padding: 0 32px 0 0; } .analytics-2019-nav li a{ display: block; padding: 0 0 16px 0; margin: 0 0 -3px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; } .analytics-2019-nav li a.onactive{ border-bottom: #1089f5 3px solid; color: #2b374d; } .analytics-2019-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 26px 0; } .analytics-2019-list-title-right{ float: right; font-size: 0; } .analytics-2019-list-title-right span{ display: inline-block; position: relative; margin: 0 0 0 32px; } .analytics-2019-list-title-right span select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 18px; padding: 0 16px 0 8px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .analytics-2019-list-title-right span i{ position: absolute; display: block; font-style: normal; right: 0px; top: 4px; width: 10px; z-index: 1; } .analytics-2019-list-title-right span i svg{ display: block; width: 10px; height: 10px; fill: #717e94; } .analytics-2019-list{ display: block; list-style: none; margin: 0 -12px; padding: 0 0 24px 0; font-size: 0; } .analytics-2019-list li{ display: inline-block; width: 196px; margin: 0 12px; vertical-align: top; } .analytics-2019-list-in{ border: #e9edf0 1px solid; border-radius: 4px; padding: 20px 16px 20px 24px; height: 126px; box-sizing: border-box; } .analytics-2019-list-in-name{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 8px 0; } .analytics-2019-list-in-info{ position: absolute; right: 0; top: 4px; } .analytics-2019-list-in-info span{ display: block; width: 12px; cursor: pointer; } .analytics-2019-list-in-info span svg{ display: block; width: 12px; height: 12px; fill: #dfe1e4; } .analytics-2019-list-in-numb{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.2px; } .analytics-2019-list-in-info-hover{ display: none; position: absolute; top: 0; left: -128px; z-index: 5; padding: 24px 0 0 0; } .analytics-2019-list-in-info-hover-in{ width: 269px; border-radius: 3px; background: #fff; box-shadow: 0 3px 8px 0 rgba(33, 43, 54, 0.12), 0 0 0 1px rgba(33, 43, 54, 0.05); padding: 12px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.3em; } #pm_show_cam_from_attendee .analytics-2019-list-in-info-hover-in { text-align: left; } .analytics-2019-list-in-info-hover-in a{ color: #2b374d; } .analytics-2019-list-in-info:hover .analytics-2019-list-in-info-hover{ display: block; } .analytics-2019-list-in-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #a2abbb; letter-spacing: -0.1px; } .analytics-2019-list-in-text i{ font-style: normal; } .nalytics-2019-up i{ color: #00c4b5; } .nalytics-2019-down i{ color: #e93e62; } .analytics-2019-list-in-info-hover-link{ padding: 16px 0 0 0; } .analytics-2019-list-in-info-hover-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.4px; font-weight: 600; } .analytics-2019-average-box{ border: #e9edf0 1px solid; border-radius: 5px; padding: 24px; } .analytics-2019-list-2{ /* display: block; list-style: none; font-size: 0; margin: 0 -12px; */ display: flex; list-style: none; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; } .analytics-2019-list-2 > li{ /* display: inline-block; width: 402px; vertical-align: top; margin: 0 12px; */ width: 402px; } .analytics-2019-list-2-in{ border: #e9edf0 1px solid; border-radius: 5px; padding: 22px 24px 0px 24px; margin: 0 0 24px 0; } .analytics-2019-list-in-name-2{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 8px 0; } .analytics-2019-list-2-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 24px 0; } .analytics-2019-list-2-reach-list{ padding: 0 0 24px 0; } .analytics-2019-reach-bg{ background: #f4f6f8; border-radius: 5px; height: 6px; position: relative; overflow: hidden; } .analytics-2019-reach-haddle{ position: absolute; left: 0; top: 0; height: 6px; border-radius: 5px; } .analytics-2019-list-2-reach-list-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 12px 0 0 0; } .analytics-2019-list-2-reach-list-title span{ display: block; position: absolute; right: 0; top: 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; } .analytics-2019-list-2-reach-list-title span i{ display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin: 0 0 0 10px; background: #e9edf0; vertical-align: middle; } .analytics-2019-list-2-traffic-list{ padding: 0 0 20px 0; font-size: 0; } .analytics-2019-list-2-traffic-list-name{ display: inline-block; vertical-align: middle; width: 180px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; word-break: break-word; padding: 0 16px 0 0; } .analytics-2019-list-2-traffic-list-right{ display: inline-block; vertical-align: middle; width: 172px; } .analytics-2019-list-2-traffic-list-right span{ display: inline-block; vertical-align: middle; width: 120px; margin: 0 20px 0 0; } .analytics-2019-list-2-traffic-list-right i{ display: inline-block; vertical-align: middle; width: 30px; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; } .analytics-2019-list-2-sources{ display: block; list-style: none; } .analytics-2019-list-2-sources li{ position: relative; display: block; border-bottom: #e9edf0 1px solid; padding: 12px 0; font-size: 0; } .analytics-2019-list-2-sources li:last-child{ border: none; } .analytics-2019-list-2-sources-icon{ display: inline-block; width: 20px; margin: 0 12px 0 0; vertical-align: middle; } .analytics-2019-list-2-sources-icon span{ display: block; width: 20px; } .analytics-2019-list-2-sources-icon span.analytics-2019-list-2-sources-icon-facebook svg{ display: block; width: 20px; height: 20px; fill: #3a5998; } .analytics-2019-list-2-sources-icon span.analytics-2019-list-2-sources-icon-linkedin svg{ display: block; width: 20px; height: 20px; fill: #0274b3; } .analytics-2019-list-2-sources-icon span.analytics-2019-list-2-sources-icon-twitter svg{ display: block; width: 20px; height: 20px; fill: #03abed; } .analytics-2019-list-2-sources-icon span.analytics-2019-list-2-sources-icon-other{ width: 20px; height: 20px; border-radius: 10px; background: #7487a9; padding: 4px 0 0 0; } .analytics-2019-list-2-sources-icon span.analytics-2019-list-2-sources-icon-other svg{ display: block; width: 12px; height: 12px; fill: #fff; margin: 0 auto; } .analytics-2019-list-2-sources-title{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .analytics-2019-list-2-sources-numb{ position: absolute; right: 0; top: 13px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; } .analytics-2019-interest-average-box{ border: #e9edf0 1px solid; border-radius: 5px; background: #fff; margin: 0 0 24px 0; } .analytics-2019-performance table tr th{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 10px 12px; text-align: center; } .analytics-2019-performance table tr th:nth-child(1){ text-align: left; padding: 0 0 12px 0; } .analytics-2019-performance table tr th img{ width: 15px; margin: 0 auto; } .analytics-2019-performance table tr td{ border-top: #e9edf0 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 42px; } .analytics-2019-performance table tr td:nth-child(1) span{ display: block; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .analytics-2019-performance table tr td:nth-child(2){ color: #2cbbf3; text-align: center; } .analytics-2019-performance table tr td:nth-child(3){ color: #555cfc; text-align: center; } .analytics-2019-performance table tr td:last-child{ text-align: center; color: #555cfc; } .analytics-2019-top-contacts{ display: block; list-style: none; } .analytics-2019-top-contacts li{ display: block; border-top: #e9edf0 1px solid; padding: 12px 0; font-size: 0; } .analytics-2019-top-contacts li:first-child{ border: none; } .analytics-2019-top-contacts-img{ display: inline-block; vertical-align: top; width: 28px; height: 28px; border-radius: 14px; margin: 0 12px 0 0; overflow: hidden; } .analytics-2019-top-contacts-contents{ display: inline-block; vertical-align: top; } .analytics-2019-top-contacts-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.1px; padding: 0 0 4px 0; } .analytics-2019-top-contacts-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.1px; } .analytics-2019-top-contacts-more{ padding: 8px 0 24px 0; } .analytics-2019-top-contacts-more a{ display: block; text-align: center; height: 40px; line-height: 38px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; } .analytics-2019-list-in-info-hover .analytics-box-tips-title, .analytics-2019-list-in-info-hover .analytics-box-tips-text{ text-align: left; color: #2b374d; } /*20191008*/ .transcripts-table-type{ padding: 0 8px; display: inline-block; height: 24px; border-radius: 15px; line-height: 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: -0.2px; font-weight: normal !important; } .type-qa{ background: #bbe3fd; color: #006db3; } .type-chat{ background: #c3dcfd; color: #0f4abe; } .type-poll{ background: #aeecf8; color: #0081a9; } .type-offer{ background: #dfdffc; color: #4039ca; } .transcripts-table-box{ display: block; list-style: none; } .transcripts-table-box li{ display: block; border-bottom: #f4f6f8 1px solid; } .transcript-li{ background: #f9fafc; } .transcripts-table-box-table{ display: table; width: 100%; } .transcripts-table-box-tr{ display: table-row; } .transcripts-table-box-tr a{ color: #1089f5; } .transcripts-table-box-tr > span{ display: table-cell; height: 56px; text-align: left; vertical-align: middle; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .transcript-box-men > span{ height: 44px; color: #2b374d; font-weight: 500; } .transcripts-table-box-tr > span:nth-child(1){ width: 17%; } .transcripts-table-box-tr > span:nth-child(2){ width: 15%; word-break: break-all; } .transcripts-table-box-tr > span:nth-child(3){ width: 19%; word-break: break-all; } .transcripts-table-box-tr > span:nth-child(4){ position: relative; width: 30%; } .transcripts-table-box-tr > span:nth-child(5){ width: 16%; } .transcripts-table-box-tr > span:nth-child(6){ width: 5%; text-align: center; padding: 0; } .ad-banner-content .transcripts-table-box-table .ad-link-show-text, .ad-banner-content .transcripts-table-box-table .ad-link-edit, .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-show-input, .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-save{ display: inline-block; } .ad-banner-content .transcripts-table-box-table .ad-link-show-input, .ad-banner-content .transcripts-table-box-table .ad-link-save, .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-show-text, .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-edit{ display: none; } .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-show-input{ width: 100%; } .ad-banner-content.edit-link .transcripts-table-box-table .ad-link-show-input input { border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'Graphik'; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 30px; padding: 0 6px; } .ad-banner-content .transcripts-table-box-tr > span:nth-child(1){ width: 10%; } .ad-banner-content .transcripts-table-box-tr > span:nth-child(2){ width: 30%; } .ad-banner-content .transcripts-table-box-tr > span:nth-child(3){ width: 30%; } .ad-banner-content .transcripts-table-box-tr > span:nth-child(4){ width: 17%; } .ad-banner-content .transcripts-table-box-tr > span:nth-child(5){ width: 13%; } .transcripts-table-box-tr.preload-registration-list > span{ width: 10%; } .js-blacklist-error,.js-blacklist-file-error, .js-expceptlist-file-error, .js-exceptlist-error{ color: #e93e62; padding: 0 0 5px 0; } .transcripts-table-box-tr > span:nth-child(6) a svg{ display: block; width: 8px; height: 8px; fill: #0a9af6; margin: 0 auto; } .transcripts-table-show{ display: none; padding: 0 0 20px 80px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.33em; text-align: left; font-weight: normal !important; } .transcripts-table-show p{ display: block; margin: 0; padding: 0; } .block-list-table-box-tr > span:nth-child(1){ width: 4%; } .block-list-table-box-tr > span:nth-child(2){ width: 66%; } .block-list-table-box-tr > span:nth-child(3){ width: 18%; word-break: break-all; } .block-list-table-box-tr > span:nth-child(4){ width: 12%; word-break: break-all; } .transcripts-table-content-hover{ display: none; position: absolute; width: 326px; background: #fff; border-radius: 4px; padding: 12px 16px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal !important; line-height: 1.29em; left: 0; bottom: -34px; z-index: 1; } .transcript-content:hover .transcripts-table-content-hover{ display: block; } .transcripts-table-box li.onactive .transcripts-table-show{ display: block; } .transcripts-table-box li.onactive .transcripts-table-box-tr > span:nth-child(6) a svg{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } .transcripts-table-box li.onactive span, .transcripts-table-box li.onactive span a{ color: #2b374d !important; font-weight: 500; } #event-funnel-info, #people-registered-info, #attendance-summary-info, #time-in-room-info, #time-engaged-info, #avg-engagement-info, #total-engagement-info, #recording-summary-info, #leads-captured-info{ cursor: pointer; } .csp-transcripts-table-box-tr{ display: table-row; } .csp-transcripts-table-box-tr span{ display: table-cell; height: 56px; vertical-align: middle; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #838fa5; letter-spacing: -0.2px; } .csp-transcript-content{ width: 80%; text-align: left; } span.csp-transcript-content-del{ width: 20%; text-align: right; padding: 0 16px 0 0; } .csp-transcript-content-del a{ color: #1089f5; } .ld-transcripts-table-box-tr{ display: table-row; } .ld-transcripts-table-box-tr span{ display: table-cell; height: 56px; width: 25%; vertical-align: middle; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #838fa5; letter-spacing: -0.2px; } .ld-transcripts-table-box-tr span:last-child{ text-align: right; padding: 0 16px 0 0; } .ld-transcripts-table-box-tr span:last-child a{ color: #1089f5; } @media screen and (max-width:1277px){ .rec-manage-btn-box span:last-child { padding: 5px 8px 0 0; } } @media screen and (max-width:1224px){ .analytics-2019-list{ margin: 0 -8px; } .analytics-2019-list li{ margin: 0 8px; } } @media screen and (max-width:1200px){ .analytics-2019-list{ max-width: 600px; } .analytics-2019-list li{ margin-bottom: 16px; } } @media screen and (max-width:768px) { .analytics-box-contents, .analytics-box-contents-2, .analytics-box-contents-3{ padding: 30px 15px; } .analytics-box-top{ padding: 0 15px; } .analytics-box-funnel{ float: none; width: auto; } .analytics-box-circle{ float: none; width: auto; padding: 48px 0 0 0; } .analytics-box-top-nav li{ padding: 0 24px 0 0; } .analytics-box-top-download{ display: none; } .analytics-box-mobile{ display: block; } .analytics-traffic-list{ width: 96px; height: 84px; } .analytics-traffic-list-in{ width: 96px; height: 84px; } .conf-dashboard-usebox li{ min-width: 96px; } .conf-dashboard-usebox-in{ width: 96px; height: 84px; } .analytics-traffic-list-numb, .analytics-traffic-list-numb-2, .cd-number{ font-size: 25px; } .analytics-traffic-list-name{ font-size: 10px; } .analytics-capacity-registered-bg{ display: none; } .analytics-capacity-registered-right span{ display: inline-block; padding: 0 5px 0 0; } .analytics-capacity-right{ margin: 0 0 0 -110px; } .analytics-capacity-right-in{ margin: 0 0 0 110px; } .analytics-tools-list li{ margin: 0 5px 20px; } .analytics-tip-help{ padding: 0 15px; } .analytics-top-help-left{ float: none; width: auto; border: none; } .analytics-top-help-right{ float: none; width: auto; padding-left: 0; } .analytics-share-left{ float: none; width: auto; padding: 0; } .analytics-share-right{ float: none; width: auto; padding: 30px 0 0 0; } .analytics-box-mobile a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #4a4d50; } .analytics-box-top-link-delete a{ color: #f35b59; } .analytics-box-top-right{ display: none; } } /********* gdpr begin ***********/ .template-all-gdpr-box{ } .template-all-gdpr-title{ font-size: 16px; letter-spacing: -0.2px; color: #717e94; font-weight: 500; padding: 0 0 12px 0; } .template-all-gdpr-text{ font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; padding: 0 0 16px 0; } .template-all-gdpr-link{ padding: 0 0 16px 0; } .template-all-gdpr-link a{ font-size: 14px; color: #1089f5; letter-spacing: -0.2px; font-weight: normal; } .template-all-gdpr-checkbox{ position: relative; padding: 0 0 40px 28px; font-size: 14px; color: #2b374d; } .template-all-gdpr-checkbox span{ display: block; position: absolute; width: 16px; height: 16px; border-radius: 3px; background: #fff; border: solid 1px #1089f5; left: 0; top: 0; text-align: center; line-height: 14px; cursor: pointer; } .template-all-gdpr-checkbox span i{ display: none; font-style: normal; color: #1089f5; font-size: 12px; font-weight: bold; } .template-all-gdpr-checkbox span.onactive i{ display: inline; } .template-all-gdpr-tspp{ padding: 32px 0 0 0; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.45em; text-align: center; max-width: 570px; margin: 0 auto; max-height: 320px; overflow-y: auto; } .template-all-gdpr-tspp a{ text-decoration: underline !important; color: #717e94 !important; } .template-all-gdpr-nano-box{ } .template-all-gdpr-nano-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #717e94; font-weight: 500; padding: 0 0 8px 0; } .template-all-gdpr-nano-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; padding: 0 0 16px 0; } .template-all-gdpr-nano-text a{ text-decoration: underline; } .template-all-gdpr-nano-link{ padding: 0 0 16px 0; } .template-all-gdpr-nano-link a{ font-size: 14px; color: #00c4b5; letter-spacing: -0.2px; font-weight: normal; } .template-all-gdpr-nano-checkbox{ position: relative; padding: 0 0 20px 28px; font-size: 14px; color: #2b374d; } .template-all-gdpr-nano-checkbox span{ display: block; position: absolute; width: 16px; height: 16px; border-radius: 3px; background: #fff; border: solid 1px #1089f5; left: 0; top: 0; text-align: center; line-height: 14px; cursor: pointer; } .template-all-gdpr-nano-checkbox span i{ display: none; font-style: normal; color: #1089f5; font-size: 12px; font-weight: bold; } .template-all-gdpr-nano-checkbox span.onactive i{ display: inline; } .template-all-gdpr-nano-tspp{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; padding: 0 0 0 0; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; text-align: left; max-width: 570px; margin: 0 auto; max-height: 250px; overflow-y: auto; } .template-all-gdpr-nano-tspp a{ text-decoration: underline !important; color: #717e94 !important; } .tmqr-contents .template-all-gdpr-nano-tspp { color: #ffffff; } /********* gdpr end ***********/ .errors .template-all-custom-filed-radio-content .template-all-custom-filed-radio-con-title, .bigmarker-widget-form-error .template-all-custom-filed-radio-content .template-all-custom-filed-radio-con-title, .widget-form-error .template-all-custom-filed-radio-content .template-all-custom-filed-radio-con-title{ color: #e4483d; } .template-all-custom-filed-radio-content{ display: flex; justify-content: left; align-items: flex-start; padding: 0 0 20px 0; } .template-all-custom-filed-radio-con-left{ margin: 3px 16px 0 0; } .template-all-custom-filed-radio{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border: #d1dbe7 1px solid; border-radius: 20px; background: #fff; cursor: pointer; } .template-all-custom-filed-radio i{ display: none; width: 12px; height: 12px; background: #2761a2; border-radius: 10px; } .template-all-custom-filed-radio.onactive i{ display: block; } .template-all-custom-filed-radio-con-right{ flex: 1; } .template-all-custom-filed-radio-con-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; font-weight: bold; } .template-all-custom-filed-radio-con-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; line-height: 1.3em; letter-spacing: -0.2px; } .template-custom-filed-checkbox{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border: #d1dbe7 1px solid; border-radius: 2px; background: #fff; cursor: pointer; } .template-custom-filed-checkbox i{ display: none; width: 12px; height: 12px; background: #2761a2; border-radius: 2px; } .template-custom-filed-checkbox.onactive i{ display: block; } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the top of the * compiled file, but it's generally better to create a new file per style scope. * require_tree . * * */ .import-button-need-center { text-align: center; } .import-text { font-size: 13px; } .import-button-need-center #import-social-button { margin-right: 20px; } #import-emails-area { margin-bottom: 10px; } #import-emails-button, #import-emails-confirm { /*display: inline-block;*/ width: auto; /*padding: 5px 10px;*/ padding: 10px 0 8px; } #import-emails-progress .bar { height: 2px; margin-top: 10px; background: green; } #import-emails-result { overflow: auto; } #import-emails-result table { min-width: 100%; margin: 5px 0; } #import-emails-result table select { padding: 5px; border: 1px solid #eee; border-radius: 2px; min-width: 120px; } .email-modal-box-3 #import-emails-result table select { padding: 0 10px; } #import-emails-result table td { background: none; border: 1px solid #eee; border-radius: 2px; } #import-emails-result table td { padding: 5px; } #import-social-button, #import-file { position: relative; display: inline-block; margin-bottom: 10px; /*width: 225px;*/ } #import-social-select, #import-emails-button { position: relative; padding: 10px 25px 10px 10px; display: inline-block; /*width: 100%;*/ box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; } #import-social-select .arr { position: absolute; top: 15px; right: 10px; width: 8px; height: 8px; color: #000; } #import-social-select.active { background: #fff; } #import-social-select.active:hover{ color: inherit; } #import-social-list { width: 100%; box-sizing: border-box; position: absolute; top: 30px; left: 0; display: none; margin-top: 3px; border: 1px solid #ccc; border-top: none; background-color: #fff; z-index: 999; } #import-social-list li { width: 32%; text-align: center; display: inline-block; padding-top: 3px; padding-bottom: 3px; } #import-social-list li a { display: inline-block; } #import-social-list li img { max-width: 75%; width: auto; display: inline-block; } #import-social-select.active + #import-social-list { display: block; } #import-emails-final { margin-bottom: 20px; } #import-emails-final .prettycheckbox { vertical-align: -6px; } .invite-form-title{ font-size: 16px; content: #2b374d; padding-bottom: 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; letter-spacing: -0.2px; } .invite-from-textarea textarea{ font-size: 16px; font-weight: 400; color: #2b374d; font-family: 'ModernSans', Arial, Helvetica, sans-serif; padding: 12px; border-radius: 3px; letter-spacing: -0.2px; box-shadow: none; } .conf-creation-langing-banner-button a span{ padding: 0 10px 0 0; margin: 0 10px 0 0; } .header-user-name.onactive .header-user-tool{ z-index: 1000; } .template-5-header{ background: #fff; padding: 14px 24px; } .template-5-header-logo{ float: left; } .template-5-header-right{ float: right; } .template-5-header-logo a{ /*display: block;*/ } .template-5-header-logo-img{ display: inline-block; max-width: 200px; height: 36px; overflow: hidden; margin: 0 12px 0 0; vertical-align: middle; } .template-5-header-logo-img img{ width: auto; height: 100%; max-width: 100%; } .template-5-header-right a{ display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; background: #0b93d7; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; letter-spacing: 0.5px; } .template-5-header-name{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #2b374d; vertical-align: middle; letter-spacing: -0.2px; line-height:30px; /*max-width: 212px;*/ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .template-5-footer{ background: #f8f8f8; height: auto; padding: 0 24px; } .template-5-footer-link{ float: left; padding: 17px 0; } .template-5-footer-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #007dd4; } .template-5-footer-copyright{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; padding: 17px 0; } .template-conversation-select{ float: left; } .template-conversation-select-right{ float: right; } .template-conversation-select-right .nrp-review-btn input{ margin: 0; } .template-coversation-select-list{ display: block; list-style: none; } .template-coversation-select-list li{ position: relative; display: block; float: left; width: 36px; height: 36px; cursor: pointer; border: #ccd0d3 1px solid; margin: 0 8px 0 0; } .template-coversation-select-in{ width: 16px; margin: 10px auto 0; } .template-coversation-select-in svg{ display: block; width: 16px; height: 16px; fill: #4c586e; } .template-coversation-select-list li.onactive{ background: #f2f2f2; } .template-coversation-tips{ display: none; position: absolute; background: #263044; border-radius: 3px; padding: 6px 10px; top: -46px; left: 0; z-index: 20; } .template-coversation-tips .bottom-prong { display: block; position: absolute; bottom: -6px; left: 12px; height: 6px; width: 12px; overflow: hidden; z-index: 5; } .template-coversation-tips .bottom-prong .prong-dk { position: absolute; left: 0; top: 0; border: 6px solid; border-color: #263044 transparent; border-bottom-width: 0; } .template-coversation-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; white-space: nowrap; } .template-coversation-select-list li:hover .template-coversation-tips{ display: block; } .template-add-file-box{ padding: 16px 0 16px 0; } .template-add-file-box-list{ position: relative; padding: 5px 0 5px 0; border-bottom: #e6e6e6 1px dashed; } .template-add-file-box-list > span{ display: inline-block; } .template-addfile-name{ padding: 0 20px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; } .template-addfile-btn a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; border: #ccd0d3 1px solid; border-radius: 3px; padding: 3px 10px; color: #2b374d; cursor: pointer; } .template-addfile-delete{ position: absolute; right: 10px; top: 5px; } .template-addfile-delete a span{ color: #717e94; font-size: 18px; } .template-addfile-delete a:hover span{ color: #f00; } .template-poll-box{ padding: 0 0 16px 0; } .template-poll-list{ display: block; list-style: none; padding: 16px 0 0 0; } .template-poll-list > li{ display: block; margin: 0 0 10px 0; } .template-poll-list > li input{ display: block; width: 100%; border: #ccd0d3 1px solid; border-radius: 4px; padding: 8px 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .template-poll-list > li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #00c4b5; } .template-poll-answer-numb{ padding: 0 0 10px 0; } .template-poll-answer-numb span{ position: relative; display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; padding: 2px 20px 0 0; } .template-newpost-date{ padding: 10px 0 5px 0; } .template-poll-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #2b374d; } .template-poll-date span{ position: relative; display: inline-block; padding: 8px 40px 8px 10px; vertical-align: middle; min-width: 160px; border: #ccd0d3 1px solid; border-radius: 4px; margin: 0 0 0 5px; } .template-poll-date span b{ display: block; position: absolute; width: 15px; top: 10px; right: 10px; } .template-poll-date span b svg{ display: block; width: 15px; height: 15px; fill: #d7d9d9; } .template-poll-date span input{ display: block; border: none; border-radius: 0; background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .template-nav-bar-outer{ background: #f4f6f8; height: 59px; } .template-nav-bar{ position: relative; width: 94%; max-width: 1136px; margin: 0 auto; } .template-nav-bar.lockednav{ position: relative; background: #f4f6f8; padding: 0 0px 0 140px; } .template-nav-list{ display: block; float: left; list-style: none; font-size: 0; width: 100%; } .lockednav .template-top-nav-right{ float: right; } .template-nav-list > li{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin: 0 32px 0 0; vertical-align: top; } .template-nav-list > li > a{ display: block; padding: 20px 0; color: #717e94; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; letter-spacing: -0.2px; } .template-nav-list > li > a b{ display: inline-block; background: #1089f5; height: 18px; line-height: 18px; border-radius: 9px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: smaller; color: #fff; letter-spacing: -0.4px; /* line-height: normal; */ vertical-align: super; font-weight: normal; padding: 0 4px; margin: 0 0 0 8px; } .template-nav-list > li > a.onactive{ border-bottom: #1089f5 3px solid; color: #2b374d; padding-bottom: 16px; } .template-nav-bar-change-long{ width: 210px; } .template-nav-bar-change-btn a{ display: inline-block; padding: 19px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #1089f5; margin: 0 24px 0 0; } .template-nav-bar-change-btn a.template-nav-bar-landing-link{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #4a4a50; margin: 0; } .template-nav-bar-change-btn a.template-nav-bar-landing-link.onactive{ border-bottom: #1089f5 3px solid; color: #4a4d50; padding-bottom: 17px; } .template-all-banner-system-check{ max-width: 380px; margin: 0 auto; } .template-all-banner-system-check a{ display: block; height: 48px; line-height: 48px; background: #00c4b5; border-radius: 24px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #fff; letter-spacing: 0.5px; vertical-align: middle; } .template-all-banner-system-check a span{ display: inline-block; width: 15px; margin: 0 0 0 5px; } .template-enter-cta-box{ padding: 16px 0; background-image: linear-gradient(to left, #1db3fa, #0390f5 0%); } .template-enter-cta-left{ float: left; padding: 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #fff; letter-spacing: -0.3px; max-width: 760px; line-height: 1em; } .template-enter-cta-right{ float: right; padding-right: 0px; } .template-enter-cta-right a{ display: inline-block; min-width: 182px; padding: 0 12px; height: 40px; border-radius: 2px; background-color: #fff; text-align: center; line-height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; vertical-align: top; box-sizing: border-box; } .template-enter-cta-right a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .template-enter-cta-right a.enter-studio-btn{ border-radius: 3px; background-color: rgba(38, 48, 68, 0.12); color: #ffffff; } .template-enter-cta-right a.enter-studio-btn:hover{ background-image: none; background-color: rgba(38, 48, 68, 0.32); } .template-top-nav-box{ background: #202630; padding: 0 20px 0 64px; } .template-top-nav-left{ float: left; } .template-top-nav-right{ float: right; font-size: 0; padding: 10px 0 0 0; position: absolute; right: 0; top: 0; } .template-top-nav-left-content{ display: block; list-style: none; font-size: 0; } .template-top-nav-left-content li{ display: inline-block; vertical-align: top; padding: 0 40px 0 0; } .template-top-nav-left-content li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #a2abbb; letter-spacing: -0.3px; padding: 18px 0; } .template-top-nav-left-content li a.onactive{ color: #fff; border-bottom: #1089f5 3px solid; padding: 18px 0 15px; } .template-top-nav-select{ position: relative; display: inline-block; margin: 0 16px 0 0; vertical-align: top; } .template-top-nav-select select{ position: relative; display: block; width: 283px; height: 36px; border: #313b4a 1px solid; border-radius: 2px; padding: 0 60px 0 12px; background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #a2abbb; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .template-top-nav-select b{ position: absolute; display: block; right: 8px; top: 13px; width: 10px; z-index: 1; } .template-top-nav-select b svg{ display: block; width: 10px; height: 10px; fill: #a2abbb; } .template-top-nav-btn{ /*display: inline-block; vertical-align: top;*/ width: 183px; height: 40px; border-radius: 3px; } .template-top-nav-btn a{ display: block; width: 182px; height: 40px; padding: 10px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: -0.2px; text-align: center; color: #2b374d; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; } .template-top-nav-btn a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .template-top-nav-btn a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(#ffffff, #f9fafb); background-image: -o-linear-gradient(#ffffff, #f9fafb); background-image: linear-gradient(#ffffff, #f9fafb); } .conf-creation-landing-more-date-box-dark-text{ position: relative; } .template-all-edit-box{ position: relative; /*background: #1089f5;*/ top: 24px; right: 32px; border-radius: 2px; padding: 4px 8px; width: 65px; float:right; background: #000000; } .template-all-edit-box-left{ float:left; } .template-all-edit-box.template-section-edit{ position: relative; right: 0; top: -4px; z-index: 20; } .template-all-edit-box a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff !important; letter-spacing: -0.1px; line-height: 16px; text-align: center; } .template-all-edit-box a span{ display: inline-block; width: 10px; height: 10px; margin: 0 6px 0 0; vertical-align: baseline; } .template-all-edit-box a span svg{ display: block; width: 10px; height: 10px; fill: #fff; } .template-all-edit-box:hover{ /*background: #3ba3ff;*/ background: #615e5e; } .template-edit-area.onactive{ min-height: 80px; margin-right: 20px; padding: 10px 10px 40px 20px; border: 1px solid transparent } .template-edit-area.onactive:hover{ border: 1px solid #1089f5; } ul.new-header-lih-nav-slider-2.onactive { display: block; z-index: 21; } .template-all-custom-filed-checkbox{ position: relative; padding: 0 12px 0 28px; font-size: 14px; color: #2b374d; } .template-all-custom-filed-checkbox span.custom_fields_checkbox{ display: block; position: absolute; width: 16px; height: 16px; border-radius: 3px; background: #fff; border: solid 1px #1089f5; left: 0; top: 0; text-align: center; line-height: 14px; cursor: pointer; } .template-all-custom-filed-checkbox span.custom_fields_checkbox i{ display: none; font-style: normal; color: #1089f5; font-size: 12px; font-weight: bold; } .template-all-custom-filed-checkbox span.custom_fields_checkbox.onactive i{ display: inline; } @media screen and (max-width:1023px) { .template-5-header-name{ max-width: 212px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .template-nav-list > li{ margin: 0 16px 0 0; } .template-nav-list > li > a{ font-size: 12px; } .template-top-nav-btn{ width: auto; } .template-top-nav-btn a{ width: auto; padding: 0 10px; font-size: 13px; line-height: 40px; } } @media screen and (max-width:767px) { /*.template-modal-preview-nav-bar, .template-modal-preview-nav-bar-holder, .template-5-header { display: none; }*/ .template-nav-bar{ padding: 0 0px 0 15px; } .template-nav-list > li{ margin: 0 15px 0 0; font-size:12px; } .template-nav-list > li a{ padding: 10px 0; } .template-nav-list > li a.onactive{ padding-bottom: 7px; } .template-top-nav-right{ right: 2px; padding: 5px 0 0 0; } .template-nav-bar-outer{ height: 40px; } .template-top-nav-btn{ width: auto; height: auto; } .template-top-nav-btn a{ width: 60px; font-size:10px; height:30px; line-height: 30px; padding: 0; } .template-top-nav-btn a span{ display: none; } .template-nav-list > li a b{ display:none; } .template-5-footer{ height: auto; } .template-5-footer-link{ float: none; text-align: center; padding: 46px 0 30px 0; } .template-5-footer-copyright{ float: none; text-align: center; padding: 0 0 49px 0; } } .template-edit-preview .template-all-edit-box,.template-edit-preview .js-hide-unless-editing{ display:none; } .template-edit-preview-edit .template-all-edit-box,.template-edit-preview-edit .js-hide-unless-editing{ display:block; } .bigmarker-video-player-door{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .9); z-index: 21; } .bigmarker-video-player-door-content{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -60px; } .bigmarker-video-player-door-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 32px; letter-spacing: -0.4px; color: #fff; padding: 0 0 30px 0; } .bigmarker-video-player-door-btn{ text-align: center; } .bigmarker-video-player-door-btn a{ display: inline-block; padding: 0 56px; height: 48px; line-height: 48px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; letter-spacing: -0.2px; color: #fff; border-radius: 3px; background: #00c4b5; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); } .bigmarker-video-player-door-btn a i{ display: inline-block; font-style: normal; color: #00af75; padding: 0 8px; } .js-hide-unless-editing{ display:none; } .template-channel-edit a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff !important; letter-spacing: -0.1px; line-height: 16px; text-align: center; } .template-channel-edit{ position: relative; top: 17px; right: -11px; width: 38px; border-radius: 2px; padding: 2px 6px; float: left; /*background: #1089f5;*/ background: #000000; } .template-channel-edit:hover{ /*background: #3ba3ff;*/ background: #615e5e; } /*.cl-channel-name-edit{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; letter-spacing: -0.2px; padding-bottom: 10px; color: #000000; } .cl-channel-name-edit:hover{ color: #615e5e; }*/ .conference-logo-name img{ /*height: 36px; width: auto;*/ } .conference-nav-logo img{ height: 64px; width:auto; } .con-edit-logo{ /*position: relative;*/ top: 1px; right: -19px; border-radius: 2px; padding: 2px 6px; /*float: left;*/ height: 30px; /*background: #1089f5;*/ background: #000000; display: inline-block; margin-left: 12px; } .con-edit-logo a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff !important; letter-spacing: -0.1px; line-height: 24px; text-align: center; height: 24px; } .banner-overflow{ position: relative; overflow: hidden; } .banner-fix{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; } /*popup box*/ .channel-billing-2018-popup-in{ position: relative; background: #f9fafc; border-radius: 4px; box-shadow: 0 2px 16px 0 rgba(21, 26, 37, 0.08), 0 0 0 1px rgba(21, 26, 37, 0.04); } .channel-billing-2018-popup-top{ background: #fff; padding: 40px 28px 24px 28px; border-radius: 4px 4px 0 0; } .channel-billing-2018-popup-title{ text-align: center; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.4px; font-weight: bold; } .channel-billing-2018-popup-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-popup-main{ padding: 32px 28px 28px 28px; } .channel-billing-2018-popup-main-list{ position: relative; padding: 0 0 32px 32px; } /*20180523*/ .channel-billing-2018-popup-main-list-2{ position: relative; padding: 0 0 0 32px; } .channel-billing-2018-popup-main-list-choose{ position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 8px; background: #f4f6f8; border: solid 1px #dfe1e4; cursor: pointer; } .channel-billing-2018-popup-main-list.onactive .channel-billing-2018-popup-main-list-choose{ background: #ffffff; border: solid 6px #1089f5; } .channel-billing-2018-popup-main-list-top{ padding: 0 0 8px 0; } .channel-billing-2018-popup-main-list-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } /*20180523*/ .channel-billing-2018-popup-main-list-price{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #00c4b5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-popup-main-list-price-2{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-popup-main-list-price-2 span{ display: inline-block; margin: 0 12px 0 0; color: #a2abbb; font-weight: normal; text-decoration: line-through; } .channel-billing-2018-popup-main-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; } .channel-billing-2018-popup-main-btn{ text-align: center; font-size: 0; padding: 8px 0 0 0; } .channel-billing-2018-popup-main-btn a{ display: inline-block; padding: 0 24px; height: 44px; line-height: 44px; text-align: center; } .channel-billing-2018-popup-main-btn a:nth-child(1){ border-radius: 3px; background-color: #1089f5; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-popup-main-btn a:nth-child(2){ border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; margin: 0 0 0 16px; } .channel-billing-2018-popup-main-2{ background: #fff; border-radius: 4px; padding: 48px 28px 40px 28px; } .channel-billing-2018-popup-date-box{ width: 56px; margin: 0 auto; padding: 0 0 24px 0; } .channel-billing-2018-popup-date-box-top{ border-radius: 4px 4px 0 0; background: #e93e62; text-align: center; height: 16px; font-size: 0; } .channel-billing-2018-popup-date-box-top span{ display: inline-block; width: 6px; height: 6px; border-radius: 3px; background: #ff91a8; margin: 5px 5px 0 5px; } .channel-billing-2018-popup-date-box-body{ border-radius: 0 0 4px 4px; background-color: #f4f6f8; box-shadow: inset 0 -2px 0 0 #dbe0e8; height: 34px; line-height: 34px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #4c586e; font-weight: 600; letter-spacing: -0.2px; } .channel-billing-2018-popup-date-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 16px 0; } .channel-billing-2018-popup-date-text-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.33em; padding: 0 0 26px 0; text-align: center; max-width: 396px; margin: 0 auto; } .channel-billing-2018-popup-date-text-3{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.33em; padding: 0 0 26px 0; text-align: center; } .channel-billing-2018-popup-date-text-2 span{ color: #1089f5; } .channel-billing-2018-popup-confirm{ width: 48px; margin: 0 auto; padding: 0 0 24px 0; } /*20180427*/ .channel-billing-2018-popup-title-2{ padding: 24px 0 16px 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .channel-billing-2018-popup-close{ position: absolute; top: 24px; right: 28px; z-index: 1; } .channel-billing-2018-popup-close a{ display: block; } .channel-billing-2018-popup-close a svg{ display: block; width: 16px; height: 16px; fill: #717e94; } .channel-billing-2018-popup-text-4{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; padding: 0 28px 32px; } .channel-billing-2018-popup-body{ padding: 0 28px 12px; } .channel-billing-2018-popup-body-add-new{ padding: 24px 28px 28px 28px; border-top: #dfe1e4 1px solid; } .channel-billing-2018-popup-body-add-new-header{ padding: 0 0 16px 0; } .channel-billing-2018-popup-body-add-new-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-body-add-new-price{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-body-add-new-body{ font-size: 0; } .channel-billing-2018-popup-body-add-new-body span{ display: inline-block; vertical-align: middle; } .channel-billing-2018-popup-body-add-new-body span:nth-child(1){ margin: 0 12px 0 0; } .channel-billing-2018-popup-body-add-new-body span:nth-child(1) input{ display: block; width: 50px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2){ margin: 0 16px 0 0; width: 10px; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i{ display: block; font-style: normal; width: 10px; cursor: pointer; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i:nth-child(1){ margin: 0 0 8px 0; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i svg{ display: block; width: 10px; height: 10px; fill: #c1c9d6; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i:nth-child(1) svg{ fill: #1089f5; } .channel-billing-2018-popup-body-add-new-body span:nth-child(3){ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-popup-body-add-new-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; line-height: 1.14em; letter-spacing: -0.2px; padding: 0 0 24px 0; } .channel-billing-2018-popup-body-add-new-btn a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; text-align: center; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-popup-body-add-new-btn a:hover{ background-image: linear-gradient(to bottom, #289aff, #1089f5); } .channel-billing-2018-popup-body-add-new-btn a:active{ background-color: #1089f5; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } /*20180521*/ .channel-settings-2018-popup-in{ position: relative; padding: 24px 28px; background: #fff; border-radius: 4px; } .channel-settings-2018-popup-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; padding: 0 0 16px 0; } .channel-settings-2018-popup-close{ position: absolute; top: 26px; right: 28px; z-index: 1; } .channel-settings-2018-popup-close a svg{ display: block; width: 16px; height: 16px; fill: #717e94; } .channel-settings-2018-popup-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 48px 0; } .channel-settings-2018-popup-btn-1{ text-align: center; padding: 0 0 24px 0; } .channel-settings-2018-popup-btn-1 a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-popup-paypalaccount{ padding: 0 0 18px 0; margin: 0 -28px; } .channel-settings-2018-popup-paypalaccount table tr th{ padding: 0 0 15px 28px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-settings-2018-popup-paypalaccount table tr td{ padding: 0 0 0 28px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-popup-paypalaccount table tr:nth-child(even) td{ background: #f9fafc; } .channel-settings-2018-popup-paypalaccount table tr td:nth-child(3){ text-align: right; } .channel-settings-2018-popup-paypalaccount table tr td:nth-child(4){ padding-right: 28px; } .channel-settings-2018-popup-paypalaccount table tr td > a{ color: #1089f5; } .channel-settings-2018-popup-paypalaccount-more{ position: relative; cursor: pointer; color: #a2abbb; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -1px; } .channel-settings-2018-popup-paypalaccount-more-link{ display: none; position: absolute; width: 147px; height: 50px; background: #fff; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); line-height: 50px; text-align: center; top: 20px; right: 0; z-index: 1; } .channel-settings-2018-popup-paypalaccount-more-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-popup-paypalaccount-more:hover .channel-settings-2018-popup-paypalaccount-more-link{ display: block; } .channel-settings-2018-popup-new-paypal a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #1089f5; font-weight: 500; } .channel-settings-2018-popup-price{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.4px; color: #00c4b5; font-weight: 600; padding: 0 0 8px 0; } .channel-settings-2018-popup-price-text{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.4px; color: #2b374d; font-weight: 600; } .channel-settings-2018-popup-price-input{ padding: 0 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-popup-price-input span{ display: inline-block; vertical-align: middle; width: 108px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; color: #2b374d; margin: 0 12px 0 0; } .channel-settings-2018-popup-price-input span i{ font-style: normal; padding: 0 5px 0 0 } .channel-settings-2018-popup-price-input span input{ display: inline-block; width: 60px; text-align: right; height: 42px; border: none; background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-popup-btn-2{ padding: 0 0 24px 0; } .channel-settings-2018-popup-btn-2 a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-popup-btn-2 a.disabled-link{ opacity: 0.5; cursor: default; } .channel-settings-2018-popup-price-input-error{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #e93e62; letter-spacing: -0.2px; padding: 12px 0 0 0; } .channel-settings-2018-popup-price-input.error-input span{ border-color: #e93e62; } .channel-settings-2018-popup-price-input.error-input .channel-settings-2018-popup-price-input-error{ display: block; } /*20180523*/ .channel-billing-2018-popup-offer-list{ display: block; list-style: none; padding: 28px; background: #fff; } .channel-billing-2018-popup-offer-list li{ display: block; margin: 0 0 16px 0; border: #dfe1e4 1px solid; border-radius: 3px; padding: 16px; cursor: pointer; } .channel-billing-2018-popup-offer-list li:last-child{ margin: 0; } .channel-billing-2018-popup-offer-list li.onactive{ border-color: #1089f5; } .channel-billing-2018-popup-offer-list li.disabled .channel-billing-2018-popup-main-list-title, .channel-billing-2018-popup-offer-list li.disabled .channel-billing-2018-popup-main-list-price-2{ color: #717e94; } .channel-billing-2018-popup-offer-list li.onactive .channel-billing-2018-popup-main-list-choose{ background: #ffffff; border: solid 6px #1089f5; } .channel-billing-2018-popup-offer-btn{ padding: 16px 28px 28px; } .channel-billing-2018-popup-offer-btn a{ display: block; height: 44px; line-height: 44px; text-align: center; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-offer-btn a:hover{ background-image: linear-gradient(to bottom, #289aff, #1089f5); } .channel-billing-2018-popup-offer-btn a:active{ background-color: #1089f5; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .channel-billing-2018-popup-add-series-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 13px 0; } .channel-billing-2018-popup-add-series-select{ position: relative; padding: 0 0 24px 0; } .channel-billing-2018-popup-add-series-select select{ position: relative; display: block; width: 100%; height: 44px; background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 28px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .channel-billing-2018-popup-add-series-select b{ position: absolute; display: block; right: 10px; top: 16px; width: 8px; z-index: 1; } .channel-billing-2018-popup-add-series-select b svg{ display: block; width: 8px; height: 8px; fill: #8692a2; } .channel-billing-2018-popup-add-series-btn a{ display: block; height: 44px; line-height: 44px; text-align: center; background: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-add-series-btn a:hover{ background-image: linear-gradient(to bottom, #09d5c5, #00c4b5); } .channel-billing-2018-popup-add-series-btn a:active{ background-color: #00c4b5; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } /* channel billing end */ .template-banner-position{ position: relative; z-index: 3; } .conf-creation-landing-banner-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } /*20190711*/ .bm-verify-email-modal{ position: relative; background: #fff; border-radius: 4px; box-shadow: inset 0 -1px 0 0 #dfe1e4; padding: 64px 40px; } .bm-verify-email-modal-close{ position: absolute; right: 16px; top: 16px; } .bm-verify-email-modal-close a svg{ display: block; width: 14px; height: 14px; fill: #c1c9d6; } .bm-verify-email-modal-icon{ width: 48px; margin: 0 auto 32px; } .bm-verify-email-modal-title{ text-align: center; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .bm-verify-email-modal-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.4em; padding: 0 0 32px 0; } .bm-verify-email-modal-btn{ text-align: center; } .bm-verify-email-modal-btn a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .file-download-check{ display: inline-block; width: 100%; max-width: 250px; vertical-align: top; } .file-download-check .prettycheckbox, .file-download-check .prettyradio{ width: 100%; } .conf-creation-landing-about-document-detail .file-download-check a{ margin-top: -3px; } .custom-field-link{ padding: 0 0 16px 0; font-size: 14px; } .custom-field-link a{ color: #1089f5; } .registration-not-you a{ text-decoration: underline !important; } .registration-clear-box{ display: block; padding-top: 10px; } @media screen and (max-width: 767px){ .template-5-header-logo-img{ display: table-cell; /*max-width: 80px;*/ height: 36px; overflow: hidden; margin: 0 12px 0 0; vertical-align: middle; } .template-5-header-logo-img img{ /*width: 100%; height: auto;*/ display: inline-block; vertical-align: middle; } } .template-1-systemcheck-btn{ max-width: 240px; margin: 0 auto; } .template-1-systemcheck-btn a{ display: block; height: 40px; line-height: 42px; border-radius: 20px; background: #00c4b5; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; letter-spacing: 1px; } .template-1-systemcheck-text{ padding: 16px 0 0 0; text-align: center; max-width: 270px; margin: 0 auto; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; } .template-1-systemcheck-text span{ display: block; } .template-1-systemcheck-text-2{ padding: 16px 0 0 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; } .template-1-systemcheck-text-2 a{ color: #fff; text-decoration: underline; } .template-1-systemcheck-text-3{ padding: 16px 0 0 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; max-width: 405px; margin: 0 auto; } .template-1-systemcheck-text-3 a{ color: #fff; text-decoration: underline; } .template-1-systemcheck-checked{ display: block; max-width: 240px; margin: 0 auto; height: 40px; line-height: 42px; border-radius: 20px; background: #4c586e; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; letter-spacing: 1px; } .template-systemcheck-main{ position: relative; background: #f4f6f8; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); padding: 48px 0; } .template-systemcheck-main-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; text-align: center; padding: 0 0 24px 0; } .template-systemcheck-main-text a{ color: #2b374d; text-decoration: underline; } .template-systemcheck-mian-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #2b374d; text-align: center; padding: 0 0 32px 0; } .template-systemcheck-mian-title span{ display: block; } .template-systemcheck-mian-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #2b374d; text-align: center; padding: 0 0 20px 0; } .template-systemcheck-mian-title-2 span{ display: block; } .template-systemcheck-mian-explorer{ display: block; list-style: none; font-size: 0; text-align: center; padding: 0 0 32px 0; } .template-systemcheck-mian-explorer li{ display: inline-block; width: 212px; margin: 0 12px; } .template-systemcheck-mian-explorer-in{ background: #fff; border-radius: 3px; padding: 24px 16px; box-shadow: 0 0 4px rgba(0, 0, 0, .02); } .template-systemcheck-mian-explorer-icon{ width: 56px; margin: 0 auto; padding: 0 0 16px 0; } .template-systemcheck-mian-explorer-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #2b374d; width: 160px; margin: 0 auto; padding: 0 0 16px 0; } .template-systemcheck-mian-explorer-btn-chome a{ display: block; height: 36px; line-height: 38px; text-align: center; background: #6dd571; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; } .template-systemcheck-mian-explorer-btn-firefox a{ display: block; height: 36px; line-height: 38px; text-align: center; background: #0d9ae1; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; } .template-systemcheck-mian-link{ text-align: center; } .template-systemcheck-mian-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #40586e; text-decoration: underline; } .template-systemcheck-mian-icon{ width: 30px; margin: 0 auto; padding: 0 0 24px 0; } .template-systemcheck-mian-internet{ display: block; list-style: none; text-align: center; font-size: 0; padding: 0 0 32px 0; } .template-systemcheck-mian-internet li{ display: inline-block; width: 208px; margin: 0 12px; text-align: center; } .template-systemcheck-mian-internet-in{ background: #fff; border-radius: 3px; padding: 24px 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .02); } .template-systemcheck-mian-internet-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #2b374d; padding: 0 0 8px 0; } .template-systemcheck-mian-internet-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; line-height: 1.5em; } .template-systemcheck-mian-internet-text a{ text-decoration: underline; color: #8692a2; } .template-systemcheck-mian-internet-check{ text-align: center; padding: 0 0 24px 0; } .template-systemcheck-mian-internet-check .prettycheckbox label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .template-systemcheck-mian-internet-btn{ max-width: 240px; margin: 0 auto; padding: 0 0 20px 0; } .template-1-systemcheck-internet-btn{ max-width: 240px; margin: 0 auto; } .template-systemcheck-mian-internet-btn a, .template-1-systemcheck-internet-btn a{ display: block; height: 40px; line-height: 42px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; background: #00c4b5; border-radius: 3px; letter-spacing: -.2px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .template-systemcheck-mian-internet-btn a[disabled], .template-systemcheck-mian-internet-btn a[disabled]:hover, .template-1-systemcheck-internet-btn a[disabled], .template-1-systemcheck-internet-btn a[disabled]:hover{ opacity: 0.4; background: #00c4b5; cursor: default; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .template-systemcheck-mian-multiple-errors{ display: block; list-style: none; text-align: center; font-size: 0; } .template-systemcheck-mian-multiple-errors li{ display: inline-block; width: 172px; margin: 0 10px; vertical-align: top; } .template-systemcheck-mian-internet-in-error{ background: #fff; border-radius: 3px; padding: 24px 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .02); min-height: 200px; } .template-systemcheck-mian-multiple-img{ width: 40px; margin: 0 auto; padding: 0 0 20px 0; } .template-systemcheck-main-multiple-errors-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; } .template-systemcheck-mian-browser{ width: 48px; margin: 0 auto; padding: 0 0 20px 0; } .template-systemcheck-mian-browser-link{ text-align: center; } .template-systemcheck-mian-browser-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; } .template-systemcheck-main-mobile{ display: none; position: relative; background: #f4f6f8; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); padding: 48px 0; } .template-systemcheck-main-mobile-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #2b374d; text-align: center; padding: 0 0 16px 0; } .template-systemcheck-main-mobile-down-app{ width: 130px; margin: 0 auto; } @media screen and (max-width: 767px){ .template-systemcheck-main{ display: none; } .template-systemcheck-main-mobile{ display: block; } } @media screen and (max-width: 414px){ .system-show-box-left,.system-show-box-right{ max-width: 400px; } .system-box{ width:96%; } } @media screen and (max-width: 380px){ .system-show-box-left,.system-show-box-right{ max-width: 360px; } .system-box{ width:96%; } } .design-main-out{ background: #fff; padding: 50px 0 0 0; min-width: 1024px; } .design-main{ position: relative; width: 94%; max-width: 1136px; margin: 0 auto; } .design-left-nav{ float: left; position: relative; width: 224px; z-index: 1; } .design-left-nav-list{ position: relative; list-style: none; } .design-left-nav-list li{ display: block; padding: 0 0 8px 0; } .design-left-nav-list li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 15px; color: #2b374d; min-height: 30px; padding: 8px 0 8px 16px; border-radius: 1px; letter-spacing: -0.2px; } .design-left-nav-list li a.onactive{ background: #fff; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; color: #1089f5; } .design-right-box{ margin: 0 0 0 286px; } .design-right-box-2{ float: right; width: 100%; margin: 0 0 0 -286px; } .design-right-box-2-in{ margin: 0 0 0 286px; } .design-email-box-contents{ padding: 24px; } .design-email-box-contents .email-section-invitation-blank li:last-child{ border: none; margin-bottom: 0; } .design-section{ background: #fff; margin: 0 0 32px 0; } .design-section-header{ padding: 32px; } .design-section-header-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #2b374d; letter-spacing: -0.5px; padding: 0 0 5px 0; } .design-section-header-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } .design-section-content{ padding: 32px; border-bottom: #eaedf0 1px solid; } .design-section-footer{ padding: 32px; } .design-section-list-title, .design-section-list-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #2b374d; letter-spacing: 0; padding: 0 0 16px 0; } .design-section-list-title-2{ padding: 0 0 10px 0; } .design-button-link-theme-box{ padding: 20px 0 0 0; } .design-button-link-theme-title, .design-button-link-theme-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 8px 0; } .design-button-link-theme-title-2{ padding: 0 0 20px 0; } .design-btn-link-theme{ display: block; list-style: none; font-size: 0; } .design-btn-link-theme li{ position: relative; display: inline-block; margin: 0 6px 4px 0; width: 24px; height: 24px; border-radius: 12px; box-sizing: border-box; vertical-align: top; cursor: pointer; } .design-btn-link-theme li span{ display: none; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .design-btn-link-theme li .design-btn-link-theme-c span{ display: block; } .design-btn-link-theme li span svg, .design-btn-link-theme-c span svg{ display: block; width: 10px; height: 10px; fill: #fff; } .design-btn-link-theme li span.white svg { fill: #4c586e; } .design-btn-link-theme li.onactive span{ display: block; } .design-btn-link-theme li b{ font-size: 16px; font-weight: 700; color: #2b374d; text-align: center; display: block; line-height: 22px; } .design-btn-link-theme li.design-btn-link-theme-check{ width: 90px; border-radius: 14px; border: #eaedf0 1px solid; border-left: none; } .design-btn-link-theme-t, .design-btn-link-theme-c{ position: absolute; left: 0; top: 0; height: 22px; width: 22px; background: #f4f6f8; border-radius: 11px; text-align: center; font-size: 16px; font-weight: 700; color: #2b374d; z-index: 1; } .design-btn-link-theme-c{ border: none; width: 22px; height: 22px; border-radius: 12px; } .design-btn-link-theme-input{ position: absolute; width: 64px; top: 0; right: 0; } .design-btn-link-theme-input input{ height: 22px; width: 55px; border: none; background: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #2b374d; } .design-section-image-box{ } .design-section-image-left{ position: relative; float: left; width: 280px; z-index: 1; } .design-section-image-right{ float: right; width: 100%; margin: 0 0 0 -320px; } .design-section-image-right-in{ margin: 0 0 0 320px; } .design-section-image-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; padding: 0 0 16px 0; } .design-section-image-btn{ padding: 0 0 13px 0; } .design-section-image-btn a{ display: block; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; border-radius: 3px; background: #00c4b5; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); height: 36px; line-height: 36px; } .design-section-image-btn a span{ display: inline-block; padding: 0 5px 0 0; vertical-align: text-top; } .design-section-image-btn a span svg{ display: block; width: 14px; height: 14px; fill: #fff; } .design-section-img-delete{ display: inline-block; width: 30px; height: 30px; overflow: hidden; margin: 0 12px 0 0; vertical-align: middle; } .design-section-img-delete img{ height: 100%; } .design-section-img-delete-text{ display: inline-block; vertical-align: middle; } .design-section-img-delete-text a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; } .design-section-theme-check{ display: block; list-style: none; font-size: 0; max-width: 414px; padding: 0 0 20px 0; } .design-section-theme-check li{ display: inline-block; } .design-section-theme-check li{ width: 34px; height: 34px; margin: 0 10px 10px 0; } .design-section-theme-check li a{ display: block; border: #fff 2px solid; height: 34px; width: 34px; } .design-section-theme-check li a.onactive{ box-shadow: #0578d4 0 0 0 2px; } .design-section-theme-color-box{ height: 30px; width: 30px; } .design-section-video-btn{ padding: 0 0 24px 0; } .design-section-video-btn a{ display: block; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; border-radius: 3px; background: #00c4b5; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); height: 36px; line-height: 36px; } .design-section-video-list{ background: #f4f6f8; height: 36px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; line-height: 36px; } .design-section-video-list span{ display: inline-block; width: 28px; margin: 0 8px 0 0; vertical-align: middle; } .design-section-video-list span.design-section-video-icon{ width: 20px; } .design-section-video-list-del{ padding: 10px 0 0 0; } .design-section-video-list-del a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; } .design-section-youtube{ position: relative; padding: 0 85px 0 0; border: #eaedf0 1px solid; border-radius: 3px; max-width: 367px; } .design-section-youtube input[type="text"]{ display: block; width: 100%; border: none; height: 40px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; } .design-section-youtube input[type="submit"]{ position: absolute; display: block; width: 85px; height: 40px; right: -1px; top: -1px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; background: #00c4b5; border-radius: 0 3px 3px 0; } .design-section-video-left{ float: left; width: 320px; } .design-section-video-right{ float: right; width: 100%; margin: 0 0 0 -360px; } .design-section-video-right-in{ margin: 0 0 0 360px; } .design-section-video-img{ display: inline-block; position: relative; width: 108px; height: 60px; background-size: cover; background-position: left top; background-repeat: no-repeat; } .design-section-video-img-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: rgba(0, 37, 99, .56); } .design-section-video-img-play{ position: absolute; width: 20px; height: 20px; border-radius: 50%; left: 50%; top: 50%; margin: -10px 0 0 -10px; } .design-section-video-img-play span{ display: block; width: 8px; margin: 6px 0 0 7px; } .design-section-video-img-play span svg{ display: block; width: 8px; height: 8px; } .design-section-video-img-control{ display: inline-block; padding: 0 0 0 10px; } .design-section-video-img-control-table{ display: table; width: 100%; height: 60px; } .design-section-video-img-control-table-cell{ display: table-cell; vertical-align: middle; } .design-section-video-img-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; } .design-section-video-img-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #00c4b5; } .design-section-video-player-theme{ padding: 0 0 24px 0; } .design-section-icon-color-list{ display: inline-block; margin: 0 24px 0 0; vertical-align: middle; } .design-section-icon-color-list span{ display: inline-block; width: 16px; height: 16px; background: #fff; border: #dfe1e4 1px solid; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; } .design-section-icon-color-list span i{ display: none; width: 10px; height: 10px; margin: 2px auto 0; border-radius: 50%; background: #00c4b5; } .design-section-icon-color-list span.onactive i{ display: block; } .design-section-icon-color-list b{ display: inline-block; width: 18px; vertical-align: middle; } .design-section-icon-color-list p{ display: inline-block; margin: 0; padding: 0; width: 31px; height: 28px; text-align: center; line-height: 28px; border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } .design-section-upload-loading{ margin: 8px 0 0 0; position: relative; padding: 0 50px 0 0; max-width: 690px; height: 22px; } .design-section-upload-loading-bg{ position: relative; width: 100%; height: 4px; border-radius: 1px; background: #f4f6f8; overflow: hidden; top: 9px; } .design-section-upload-loading-in{ position: absolute; height: 4px; left: 0; top: 0; border-radius: 1px; background: #00c4b5; z-index: 1; } .design-section-upload-loading-numb{ position: absolute; right: 0; top: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .design-conf-room-left{ float: left; width: 210px; position: relative; z-index: 1; } .design-conf-room-right{ float: right; width: 100%; margin: 0 0 0 -230px; } .design-conf-room-right-in{ margin: 0 0 0 230px; } .design-conf-logo-box{ padding: 0 0 24px 0; } .design-conf-logo-img{ display: inline-block; width: 64px; height: 64px; overflow: hidden; } .design-conf-logo-link{ display: inline-block; padding: 0 0 0 10px; } .design-conf-logo-link-table{ display: table; height: 64px; width: 100%; } .design-conf-logo-link-cell{ display: table-cell; vertical-align: middle; } .design-conf-logo-link-change{ padding: 0 0 5px 0; } .design-conf-logo-link-change a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #00c4b5; } .design-conf-logo-link-delete a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; } .design-conf-room-theme-box{ padding: 0 0 30px 0; } .conf-creation-desin-tp-box{ display: block; list-style: none; margin: 0 -10px; font-size: 0; text-align: left; } .conf-creation-desin-tp-box li{ display: inline-block; width: 360px; margin: 20px 33px 20px 33px; vertical-align: top; } .conf-creation-design-tp-title{ position: relative; margin: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #a2abbb; letter-spacing: -0.5px; text-align: left; } .conf-creation-design-tp-title span{ display: block; position: absolute; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #1089f5; letter-spacing: 0.2px; right: 0; top: 0; } .conf-creation-design-img{ position: relative; display: block; } .conf-creation-design-img > a{ display: block; } .conf-creation-design-tp-control-out{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .conf-creation-design-tp-control{ position: absolute; left: 0; right: 0; bottom: 0; height: 34px; background: #fff; border: #eaedf0 1px solid; text-align: center; vertical-align: middle; font-size: 0; display: none; } .conf-creation-design-tp-control span{ display: inline-block; width: 178px; box-sizing: border-box; } .conf-creation-design-tp-control span:nth-child(2){ border-left: #dfe1e4 1px solid } .conf-creation-design-tp-control span a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #717e94; letter-spacing: -0.2px; height: 32px; line-height: 32px; text-align: center; } .conf-creation-design-tp-control span a:hover{ color: #fff; background: #1089f5; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); } .conf-creation-design-tp-control span.customiz-mode{ width: 100%; } .conf-creation-design-img:hover .conf-creation-design-tp-control{ display:block; } .conf-creation-desin-tp-box li.onactive .conf-creation-design-tp-control-out{ border: #1089f5 2px solid; } .conf-creation-desin-tp-box li.onactive .conf-creation-design-tp-control{ border: none; height: 32px; box-shadow: inset 0 -1px 0 0 #dfe1e4; } .new-dashboard-section{ border: #eaedf0 1px solid; border-radius: 3px; padding: 24px; margin: 0 0 24px 0; } .new-dashboard-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.1px; padding: 0 0 24px 0; font-weight: bold; line-height: 1.3em; } .new-dashboard-section-title a{ color: #0578d4; text-decoration: underline; } .new-dashboard-section-sub-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; padding: 0 0 24px 0; font-weight: bold; line-height: 1.3em; } .new-dashboard-section-text{ display: flex; justify-content: left; align-items: flex-start; } .new-dashboard-section-text-right{ flex: 1; padding: 2px 0 0 0; line-height: 1.4em; } .new-dashboard-section-text span{ display: inline-block; margin: 0 12px 0 0; background: #0578d4; border-radius: 20px; text-align: center; height: 24px; line-height: 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; letter-spacing: -0.2px; padding: 0 10px; vertical-align: middle; font-weight: 500; } .new-dashboard-section-text span.automated{ background-image: linear-gradient(90deg, #5D6BF5 0%, #5850E8 98%); } .new-dashboard-section-text span.livestream{ background-image: linear-gradient(90deg, #FF316E 0%, #EF346E 100%); } .new-dashboard-section-text span.evergreen{ background-image: linear-gradient(270deg, #00ADE3 0%, #06C0EC 100%); } .new-dashboard-section-text span.on-demand{ background-image: linear-gradient(90deg, #2396F9 0%, #2B79F3 100%); } .new-dashboard-section-text span.live-webinar{ background-image: linear-gradient(270deg, #00BAC4 0%, #07C8D3 100%); } .new-dashboard-section-text span.hour-webinar{ background: #02a5d4; } .new-dashboard-section-text span.recurring-webinar{ background-image: linear-gradient(90deg, #3673E4 0%, #3067D8 98%); } .new-dashboard-section-text i{ display: block; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; margin: 0 12px 0 0; } .new-dashboard-section-text i a{ color: #1fc3a6; } .new-dashboard-section-text i a.dashboard-copy-from { color: #0a7ae6; font-weight: bold; text-decoration: underline; margin-left: 4px; } .new-dashboard-section-text b{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: normal; margin: 0 12px 0 0; } .new-dashboard-section-presenter-box{ font-size: 0; padding: 16px 0 0 0; } .new-dashboard-section-presenter-list{ display: inline-block; position: relative; list-style: none; margin: 0 12px 0 0; vertical-align: middle; } .new-dashboard-section-presenter-list li{ display: inline-block; position: relative; z-index: 1; margin: 0 0 0 -6px; width: 28px; height: 28px; border-radius: 15px; overflow: hidden; border: #fff 2px solid; vertical-align: top; } .new-dashboard-section-presenter-box span{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-link{ font-size: 0; padding: 20px 0 0 0; } .new-dashboard-section-link > a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; margin: 0 12px 0 0; vertical-align: middle; border: #dfe1e4 1px solid; } .new-dashboard-section-link > a.new-dashboard-section-enter{ padding: 0 32px; background: #00c4b5; color: #fff; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } /*.new-dashboard-section-link > a:hover{ background: #e2e6ec; } .new-dashboard-section-link-more span:hover{ background: #e2e6ec; }*/ .new-dashboard-section-link-more{ position: relative; display: inline-block; vertical-align: middle; } .new-dashboard-section-link-more span{ display: inline-block; padding: 0 14px 0 20px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; border: solid 1px #dfe1e4; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); cursor: pointer; } .new-dashboard-section-link-more span i{ font-style: normal; display: inline-block; margin: 0 0 0 8px; } .new-dashboard-section-link-more span i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .new-dashboard-section-link-more-show{ position: absolute; display: none; list-style: none; background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px #dfe1e4; border-radius: 2px; padding: 0; top: 46px; left: 0px; z-index: 2; } .new-dashboard-section-link-more-show li{ display: block; padding: 0; } .new-dashboard-section-link-more-show li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; white-space: nowrap; padding: 11px 12px; } .new-dashboard-section-link-more-show li a:hover{ background: #f5f7fa; } .new-dashboard-section-link-more.onactive .new-dashboard-section-link-more-show{ display: block; } .new-dashboard-section-link-more.onactive span{ background: #717e94; color: #ffffff; } .new-dashboard-section-link-more.onactive span i svg{ fill: #fff; } .session-section-link-more{ position: absolute; right: 0; top: 8px; display: inline-block; vertical-align: middle; } .session-section-link-more.onactive .new-dashboard-section-link-more-show{ display: block; } .session-section-link-more span { display: block; cursor: pointer; } .session-section-link-more span svg { display: block; width: 12px; height: 12px; fill: #838fa5; } /*20180614*/ .new-dashboard-section-table-th{ padding: 0 0 16px 0; } .new-dashboard-section-table-th-td-1{ float: left; width: 36%; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-table-th-td-2{ float: left; width: 37%; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-table-th-td-3{ float: left; width: 27%; } /*20180614*/ .new-dashboard-section-table-td{ padding: 9px 24px; margin: 0 -24px; } .new-dashboard-section-table-td:nth-child(even){ background: #f9fafc; } .new-dashboard-section-table-td-td-1{ float: left; width: 36%; padding: 0 10px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-table-td-td-2{ float: left; width: 37%; padding: 0 10px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-table-td-td-3{ float: left; width: 27%; text-align: right; } .new-dashboard-section-table-td-td-1 span{ color: #717e94; } .new-dashboard-section-table-td-td-2 span{ display: block; } .new-dashboard-section-table-td-td-2 span:nth-child(1){ float: left; /*width: 49%;*/ width: 140px; } .new-dashboard-section-table-td-td-2 span:nth-child(2){ /*float: right;*/ float: left; position: relative; height: 5px; width: 100px; margin: 8px 0 0 0; background: #eaedf0; border-radius: 3px; overflow: hidden; } .new-dashboard-section-table-td-td-2 span i{ display: block; position: absolute; background: #afd9ff; height: 5px; border-radius: 3px; left: 0; top: 0; z-index: 1; overflow: hidden; } .new-dashboard-section-table-td-td-2 span b{ display: block; position: absolute; background: #1089f5; height: 5px; border-radius: 3px; left: 0; top: 0; z-index: 2; } .new-dashboard-section-table-td-td-3-manage{ display: inline-block; padding: 0 12px 0 0; } .new-dashboard-section-table-td-td-3-manage a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-table-td-td-3-more{ position: relative; display: inline-block; } .new-dashboard-section-table-td-td-3-more > a{ color: #a2abbb; } .new-dashboard-section-table-td-td-3-more-show{ position: absolute; display: none; list-style: none; background: #fff; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); padding: 12px 16px 7px; width: 189px; text-align: left; left: 0; top: 25px; z-index: 10; } .new-dashboard-section-table-td-td-3-more-show li{ display: block; padding: 0 0 5px 0; } .new-dashboard-section-table-td-td-3-more-show li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; white-space: nowrap; } .new-dashboard-section-table-td-td-3-more.onactive > a{ color: #4c586e; } .new-dashboard-section-table-td-td-3-more.onactive .new-dashboard-section-table-td-td-3-more-show{ display: block; } .new-dashboard-section-table-viewmore{ padding: 16px 0 0 0; } .new-dashboard-section-table-viewmore a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } /*20170111*/ .new-dashboard-title-box{ padding: 0 0 53px 0; } .new-dashboard-title{ float: left; font-family: 'gt_walsheimbold'; font-size: 32px; color: #2b374d; letter-spacing: -1.2px; } .new-dashboard-title-right{ float: right; } .new-dashboard-title-right-select{ position: relative; width: 320px; background: #f4f6f8; } .new-dashboard-title-right-select select{ position: relative; -webkit-appearance: none !important; -moz-appearance: none !important; font-family: 'gt_walsheimmedium'; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; width: 100%; border: none; border-radius: 3px; background: none; height: 40px; padding: 0 25px 0 16px; z-index: 2; } .new-dashboard-title-right-select:after{ font-family: 'bigmarker'; content: "\e612"; display: block; position: absolute; right: 8px; top: 50%; margin-top: -5px; font-size: 10px; color: #717e94; z-index: 1; } .new-dashaboard-analytics-list{ padding: 0 0 80px 0; } .new-dashaboard-analytics-list-title{ font-family: 'gt_walsheimbold'; font-size: 22px; color: #2b374d; letter-spacing: -0.8px; padding: 0 0 32px 0; } /*20180614*/ .new-dashboard-section-recording-converbox{ background-color: #263044; background-image: linear-gradient(#263044, #263044); height: 423px; padding: 90px 16px 108px 16px; margin: 24px 0 0 0; } .new-dashboard-section-recording-converbox-icon{ width: 48px; margin: 0 auto; padding: 0 0 24px 0; } .new-dashboard-section-recording-converbox-title{ text-align: center; padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: -0.6px; } .new-dashboard-section-recording-converbox-text{ text-align: center; padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #c1c9d6; letter-spacing: -0.2px; max-width: 603px; margin: 0 auto; } .new-dashboard-section-recording-converbox-link{ text-align: center; } .new-dashboard-section-recording-converbox-link a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-color: #37455e; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .new-dashboard-section-2-contents-list-sessions-top-right-2{ float: right; } .new-dashboard-section-2-contents-list-sessions-top-right-2 a{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-contents-list-sessions-top-right-2 a:nth-child(1){ margin: 0 16px 0 0; } .new-dashboard-section-2-files-download-list{ padding: 0 0 16px 0; } .new-dashboard-section-2-files-download-list-left{ float: left; } .new-dashboard-section-2-files-download-list-left span{ display: inline-block; width: 32px; margin: 0 12px 0 0; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-2-files-download-list .new-dashboard-section-2-contents-list-sessions-top-right-2{ padding: 5px 0 0 0; } .new-dashboard-section-recording-converbox-ready-icon{ padding: 36px 0 24px 0; width: 28px; margin: 0 auto; } .new-dashboard-section-recording-converbox-ready-icon svg{ display: block; width: 28px; height: 28px; fill: #fff; } .new-dashboard-section-recording-converbox-btn{ font-size: 0; text-align: center; } .new-dashboard-section-recording-converbox-btn span{ display: inline-block; vertical-align: top; } .new-dashboard-section-recording-converbox-btn span:nth-child(1){ margin: 0 12px 0 0; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a{ display: block; width: 161px; height: 40px; line-height: 40px; text-align: center; background-color: #6f69e0; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.4px; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a i{ display: inline-block; font-style: normal; margin: 0 4px 0 0; width: 10px; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a i svg{ display: block; width: 10px; height: 10px; fill: #fff; } .new-dashboard-section-recording-converbox-btn span:nth-child(2) a{ display: block; width: 161px; height: 40px; line-height: 40px; text-align: center; background-color: #37455e; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.4px; } .new-dashboard-section-2{ border: #eaedf0 1px solid; border-radius: 3px; margin: 0 0 24px 0; } .new-dashboard-section-2.breakout-room-assignment-participants{ background: #f9fafc; } .new-dashboard-section-2.onactive .new-dashboard-section-2-contents{ display: none; } .new-dashboard-section-2.onactive .new-dashboard-section-2-title .new-dashboard-section-2-title-right a{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } /*20180614*/ .new-dashboard-section-2-title{ background: #f9fafc; border-radius: 3px 3px 0 0; padding: 16px 24px; position: relative; } .new-dashboard-section-2-title-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.2px; } .new-dashboard-section-2-title-right{ float: right; } .new-dashboard-section-2-title-right a{ display: block; padding: 7px 0; } .new-dashboard-section-2-title-right a svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .new-dashboard-section-2-contents{ padding: 0 24px 20px; border-top: #eaedf0 1px solid; } .manage-webinar-dashboard-live-experience#js-webcast-aspect-ratio, .new-dashboard-section-2-contents-list{ border-bottom: #eaedf0 1px solid; padding: 20px 0; } .new-dashboard-section-2-contents-list.close { display: none; } .new-dashboard-section-2-contents-list:last-child{ border: none; padding-bottom: 0; } .new-dashboard-section-2-contents-list.disabled .js-lucky-draw-section, .new-dashboard-section-2-contents-list.disabled .js-disclaimer-section, .new-dashboard-section-2-contents-list.disabled .js-monitor-section { display: none; } .conf-waiting-room-attendee.disabled .manage-waiting-room-when-enter, .conf-waiting-room-attendee.disabled .manage-waiting-room-when-enter-title { display: none; } .new-dashboard-section-2-contents-list-sessions-top{ padding: 0 0 14px 0; } .new-dashboard-section-2-contents-list-sessions-top-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-2-contents-list-sessions-top-right{ float: right; } .new-dashboard-section-2-contents-list-sessions-top-right a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-contents-list-sessions-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 6px 0; } .new-dashboard-section-2-contents-list-sessions-calendar a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-2-radio{ border-radius: 3px 3px 0 0; padding: 24px 24px 8px; } .new-dashboard-section-2-radio-option{ padding: 0 0 15px 0; } .new-dashboard-section-2-radio-option-custom{ padding: 0 0 0 25px; font-size: 15px; } /*20180614*/ .new-dashboard-section-table-th{ padding: 0 0 16px 0; } .new-dashboard-section-table-th-td-1{ float: left; width: 36%; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-table-th-td-2{ float: left; width: 37%; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-section-table-th-td-3{ float: left; width: 27%; } /*20180614*/ .new-dashboard-section-table-td{ padding: 9px 24px; margin: 0 -24px; } .new-dashboard-section-table-td:nth-child(even){ background: #f9fafc; } .new-dashboard-section-table-td-td-1{ float: left; width: 36%; padding: 0 10px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-table-td-td-2{ float: left; width: 37%; padding: 0 10px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-table-td-td-3{ float: left; width: 27%; text-align: right; } .new-dashboard-section-table-td-td-1 span{ color: #717e94; } .new-dashboard-section-table-td-td-2 span{ display: block; } .new-dashboard-section-table-td-td-2 span:nth-child(1){ float: left; width: 140px; } .new-dashboard-section-table-td-td-2 span:nth-child(2){ float: left; position: relative; height: 5px; width: 100px; margin: 8px 0 0 0; background: #eaedf0; border-radius: 3px; overflow: hidden; } .new-dashboard-section-table-td-td-2 span i{ display: block; position: absolute; background: #afd9ff; height: 5px; border-radius: 3px; left: 0; top: 0; z-index: 1; overflow: hidden; } .new-dashboard-section-table-td-td-2 span b{ display: block; position: absolute; background: #1089f5; height: 5px; border-radius: 3px; left: 0; top: 0; z-index: 2; } .new-dashboard-section-table-td-td-3-manage{ display: inline-block; padding: 0 12px 0 0; } .new-dashboard-section-table-td-td-3-manage a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-table-td-td-3-more{ position: relative; display: inline-block; } .new-dashboard-section-table-td-td-3-more > a{ color: #a2abbb; } .new-dashboard-section-table-td-td-3-more-show{ position: absolute; display: none; list-style: none; background: #fff; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); padding: 12px 16px 7px; width: 189px; text-align: left; left: 0; top: 25px; z-index: 10; } .new-dashboard-section-table-td-td-3-more-show li{ display: block; padding: 0 0 5px 0; } .new-dashboard-section-table-td-td-3-more-show li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; white-space: nowrap; } .new-dashboard-section-table-td-td-3-more.onactive > a{ color: #4c586e; } .new-dashboard-section-table-td-td-3-more.onactive .new-dashboard-section-table-td-td-3-more-show{ display: block; } .new-dashboard-section-table-viewmore{ padding: 16px 0 0 0; } .new-dashboard-section-table-viewmore a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } /*20180614*/ .new-dashboard-section-recording-converbox{ background-color: #263044; background-image: linear-gradient(#263044, #263044); height: 423px; padding: 90px 16px 108px 16px; margin: 24px 0 0 0; } .new-dashboard-section-recording-converbox-icon{ width: 48px; margin: 0 auto; padding: 0 0 24px 0; } .new-dashboard-section-recording-converbox-title{ text-align: center; padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: -0.6px; } .new-dashboard-section-recording-converbox-text{ text-align: center; padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #c1c9d6; letter-spacing: -0.2px; max-width: 603px; margin: 0 auto; } .new-dashboard-section-recording-converbox-link{ text-align: center; } .new-dashboard-section-recording-converbox-link a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-color: #37455e; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .new-dashboard-section-2-contents-list-sessions-top-right-2{ float: right; } .new-dashboard-section-2-contents-list-sessions-top-right-2 a{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-contents-list-sessions-top-right-2 a:nth-child(1){ margin: 0 16px 0 0; } .new-dashboard-section-2-files-download-list{ padding: 0 0 16px 0; } .new-dashboard-section-2-files-download-list-left{ float: left; } .new-dashboard-section-2-files-download-list-left span{ display: inline-block; width: 32px; margin: 0 12px 0 0; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-2-files-download-list .new-dashboard-section-2-contents-list-sessions-top-right-2{ padding: 5px 0 0 0; } .new-dashboard-section-recording-converbox-ready-icon{ padding: 36px 0 24px 0; width: 28px; margin: 0 auto; } .new-dashboard-section-recording-converbox-ready-icon svg{ display: block; width: 28px; height: 28px; fill: #fff; } .new-dashboard-section-recording-converbox-btn{ font-size: 0; text-align: center; } .new-dashboard-section-recording-converbox-btn span{ display: inline-block; vertical-align: top; } .new-dashboard-section-recording-converbox-btn span:nth-child(1){ margin: 0 12px 0 0; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a{ display: block; width: 161px; height: 40px; line-height: 40px; text-align: center; background-color: #6f69e0; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.4px; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a i{ display: inline-block; font-style: normal; margin: 0 4px 0 0; width: 10px; } .new-dashboard-section-recording-converbox-btn span:nth-child(1) a i svg{ display: block; width: 10px; height: 10px; fill: #fff; } .new-dashboard-section-recording-converbox-btn span:nth-child(2) a{ display: block; width: 161px; height: 40px; line-height: 40px; text-align: center; background-color: #37455e; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.4px; } .manage-waiting-room-top{ padding: 0px 0 36px 0; } .manage-waiting-room-top-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.1px; font-weight: bold; line-height: 44px; } .manage-waiting-room-top-btn{ font-size: 0; } .manage-waiting-room-top-btn span{ display: inline-block; vertical-align: middle; } .manage-waiting-room-top-btn span input[type='submit']{ display: inline-block; padding: 0 25px; height: 35px; line-height: 35px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .manage-waiting-room-top-btn span input[type='submit']:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .manage-waiting-room-top-btn span a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } #js-clear-sticky { display: inline-block; padding: 0 25px; height: 35px; line-height: 35px; border-radius: 3px; background: #f9336f; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.2px; font-weight: 500; margin-left: 20px; } /*.manage-waiting-room-top-btn span:nth-child(1){ margin: 0 12px 0 0; } .manage-waiting-room-top-btn span:nth-child(1) a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 42px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .manage-waiting-room-top-btn span:nth-child(2) a, .manage-waiting-room-top-btn span:nth-child(2) input[type='submit']{ display: inline-block; padding: 0 25px; height: 35px; line-height: 35px; border-radius: 3px; background-color: #00c4b5; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.2px; font-weight: 600; } .manage-waiting-room-top-btn span:nth-child(2) a:hover{ background-image: linear-gradient(to bottom, #09d5c5, #00c4b5); }*/ .manage-waiting-room-enable{ font-size: 0; margin: 0 0 15px 0; } .manage-waiting-room-enable span{ display: inline-block; vertical-align: top; } .manage-waiting-room-enable span:nth-child(1){ margin: 0 8px 0 0; } .manage-waiting-room-enable span a{ display: inline-block; padding: 0 16px; height: 40px; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; color: #a2abbb; letter-spacing: -0.2px; border: #dfe1e4 1px solid; border-radius: 3px; box-sizing: border-box; } .manage-waiting-room-enable span a.onactive{ border-color: #2196f3; color: #4c586e; } .manage-waiting-room-enable-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .manage-waiting-room-enable-text#js-waiting-room-chat-tip { margin-top: 10px; } .manage-waiting-room-enable-text#js-waiting-room-chat-tip > a{ color: #1089f5; } .manage-waiting-room-when-enter{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.13em; } .manage-waiting-room-when-enter span{ position: relative; display: inline-block; width: 14px; height: 14px; border-radius: 8px; border: #dfe1e4 1px solid; vertical-align: middle; background-color: #fff; margin: 0 10px 0 0; cursor: pointer; } .manage-waiting-room-when-enter span i{ position: absolute; display: none; width: 8px; height: 8px; border-radius: 5px; background-color: #1089f5; left: 2px; top: 2px; } .manage-waiting-room-when-enter span.onactive i{ display: block; } .manage-waiting-room-when-enter.mobile-webiar-input input{ display: block; width: 100%; border: #def1e4 1px solid; border-radius: 3px; height: 40px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .manage-waiting-room-preveiw-text{ padding: 28px 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .manage-waiting-room-preveiw-show{ font-size: 0; } .manage-waiting-room-preveiw-show-img{ position: relative; display: inline-block; vertical-align: middle; width: 657px; height: 370px; margin: 0 24px 0 0; border: 1px solid #f4f6f8; } .manage-waiting-room-preveiw-show-img iframe{ width: 1920px; height: 1080px; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: scale(0.3425); -moz-transform: scale(0.3425); -webkit-transform: scale(0.3425); -o-transform:rotate(180deg); transform: scale(0.3425); } .manage-waiting-room-preveiw-show-img .cover-div{ position: absolute; height: 100%; width: 100%; top: 0; z-index: 999; left: 0; } .manage-waiting-room-preveiw-show-link{ display: inline-block; vertical-align: middle; } .manage-waiting-room-preveiw-show-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .integrations-ac-section-list-3{ padding: 0 0 32px 0; } .integrations-activecampaign-blank-imgs{ font-size: 0; text-align: center; padding: 0 0 40px 0; } .integrations-activecampaign-blank-imgs span{ display: inline-block; vertical-align: middle; } .integrations-activecampaign-blank-imgs span:nth-child(1){ width: 48px; } .integrations-activecampaign-blank-imgs span:nth-child(2){ width: 32px; margin: 0 12px; } .integrations-activecampaign-blank-imgs span:nth-child(3){ width: 48px; } .new-dashboard-section-2-live-box-left{ float: left; width: 100%; margin: 0 -206px 0 0; } .new-dashboard-section-2-live-box-left-in{ margin: 0 206px 0 0; } .new-dashboard-section-2-live-box-right{ float: right; } .new-dashboard-section-2-live-box-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 16px 0; } .new-dashboard-section-2-live-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 24px 0; } .new-dashboard-section-2-live-box-link{ font-size: 0; } .new-dashboard-section-2-live-box-link span{ position: relative; display: inline-block; vertical-align: middle; } .new-dashboard-section-2-live-box-link span:nth-child(1){ margin: 0 20px 0 0; } .new-dashboard-section-2-live-box-link span:nth-child(1) a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 42px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-box-link span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-section-2-live-box-link span:nth-child(1) a.disabled-btn{ opacity: 0.5; cursor: default; } .new-dashboard-section-2-live-box-link-tips{ display: none; position: absolute; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); background-color: #ffffff; padding: 12px 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.29em; top: 52px; left: 0; width: 391px; box-sizing: border-box; } .new-dashboard-section-2-live-box-link span:hover .new-dashboard-section-2-live-box-link-tips{ display: block; } /*20181026*/ .new-dashboard-section-2-live-box-left{ float: left; width: 100%; margin: 0 -206px 0 0; } .new-dashboard-section-2-live-box-left-in{ margin: 0 206px 0 0; } .new-dashboard-section-2-live-box-right{ float: right; } .new-dashboard-section-2-live-box-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 16px 0; } .new-dashboard-section-2-live-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 24px 0; } .new-dashboard-section-2-live-box-link{ font-size: 0; } .new-dashboard-section-2-live-box-link span{ position: relative; display: inline-block; vertical-align: middle; } .new-dashboard-section-2-live-box-link span:nth-child(1){ margin: 0 20px 0 0; } .new-dashboard-section-2-live-box-link span:nth-child(1) a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 42px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-box-link span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-section-2-live-box-link span:nth-child(1) a.disabled-btn{ opacity: 0.5; cursor: default; } /*20181112*/ .new-dashboard-section-2-live-box-link span:nth-child(1) a.sms-manage{ background-image: linear-gradient(to left, #0390f5, #1db3fa); background-image: none; border: none; line-height: 44px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .new-dashboard-section-2-live-box-link span:nth-child(1) a.sms-manage:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .new-dashboard-section-2-live-box-link span:nth-child(1) a.evergreen-sms-relay-noborder{ border: none; background-image: none; color: #1089f5; } .new-dashboard-section-2-live-box-link-tips{ display: none; position: absolute; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); background-color: #ffffff; padding: 12px 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.29em; top: 52px; left: 0; width: 391px; box-sizing: border-box; } .new-dashboard-section-2-live-box-link span:hover .new-dashboard-section-2-live-box-link-tips{ display: block; } /*20181108*/ .new-dashboard-section-2-live-lead{ display: block; list-style: none; } .new-dashboard-section-2-live-lead li{ display: block; border-bottom: #eaedf0 1px solid; padding: 0 0 20px 0; font-size: 0; } .new-dashboard-section-2-live-lead li:nth-child(n+2){ padding-top: 20px; } .new-dashboard-section-2-live-lead li:last-child{ border: none; } .new-dashboard-section-2-live-lead-1{ display: inline-block; width: 240px; margin: 0 12px 0 0; vertical-align: top; } .new-dashboard-section-2-live-lead-2{ display: inline-block; width: 235px; margin: 0 12px 0 0; vertical-align: top; } .new-dashboard-section-2-live-lead-3{ display: inline-block; width: 254px; vertical-align: top; } .new-dashboard-section-2-live-lead-title{ padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-lead-title-2{ padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-lead-input input{ display: block; width: 100%; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; box-shadow: none; } .new-dashboard-section-2-live-lead-copybox{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 72px 0 0; } .new-dashboard-section-2-live-lead-copybox input{ display: block; width: 100%; height: 42px; border: none; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; box-shadow: none; } .new-dashboard-section-2-live-lead-copybox button{ display: block; position: absolute; right: 0; top: 0; width: 72px; height: 42px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); box-sizing: border-box; border-radius: 0 3px 3px 0; border: none; border-left: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; cursor: pointer; } .new-dashboard-section-2-live-lead-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } /*20181112*/ .evergreen-sms-relay-box{ padding: 0 0 40px 0; } .evergreen-sms-relay-left{ float: left; width: 100%; margin: 0 -240px 0 0; } .evergreen-sms-relay-left-in{ margin: 0 240px 0 0; } .evergreen-sms-relay-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.1px; font-weight: bold; } .evergreen-sms-relay-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .evergreen-sms-relay-btn{ float: right; /*width: 240px;*/ font-size: 0; } .evergreen-sms-relay-btn span{ display: inline-block; vertical-align: top; } .evergreen-sms-relay-btn span:nth-child(1){ margin: 0 12px 0 0; } .evergreen-sms-relay-btn span:nth-child(1) a{ display: inline-block; padding: 0 20px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; box-sizing: border-box; line-height: 42px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .evergreen-sms-relay-btn span:nth-child(2) input{ display: inline-block; padding: 0 20px; height: 44px; background-image: linear-gradient(to left, #0390f5, #1db3fa); background-image: none; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; box-shadow: none; } .evergreen-sms-relay-btn span:nth-child(1) a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .evergreen-sms-relay-btn span:nth-child(2) input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .evergreen-sms-relay-input{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; font-size: 0; padding: 0 0 0 50px; } .evergreen-sms-relay-input span{ position: absolute; display: block; vertical-align: middle; height: 24px; line-height: 24px; width: 50px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; left: 0; top: 9px; border-right: #e9edf0 1px solid; } .evergreen-sms-relay-input input{ display: block; height: 42px; padding: 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; border: none; border-radius: 0; } .evergreen-sms-relay-input-tips{ padding: 12px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; } .evergreen-sms-relay-who-text{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; line-height: 1.23em; max-width: 560px; } .evergreen-sms-relay-who-headshot{ font-size: 0; } .evergreen-sms-relay-who-headshot span{ display: inline-block; vertical-align: middle; } .evergreen-sms-relay-who-headshot span:nth-child(1){ width: 80px; height: 80px; overflow: hidden; margin: 0 16px 0 0; } .evergreen-sms-relay-who-headshot-link{ padding: 0 0 4px 0; } .evergreen-sms-relay-who-headshot-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .evergreen-sms-relay-who-headshot-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; } .evergreen-sms-relay-input-2 input{ height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-section-2-live-box-right span{ display: inline-block; padding: 0 10px 0 8px; background: #00cfbf; height: 26px; line-height: 26px; border-radius: 13px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-box-right span i{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-style: normal; } .new-dashboard-section-2-live-box-right span i{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-style: normal; } .new-dashboard-important-notice{ position: relative; border-radius: 3px; background-color: #fff9e4; padding: 20px 20px 20px 60px; margin: 0 0 24px 0; } .new-dashboard-important-notice-close{ position: absolute; top: 12px; right: 12px; width: 10px; } .new-dashboard-important-notice-close a svg{ display: block; width: 10px; height: 10px; fill: #717e94; } .new-dashboard-important-notice-icon{ position: absolute; top: 18px; left: 20px; width: 24px; } .new-dashboard-important-notice-icon svg{ display: block; width: 24px; height: 24px; fill: #f7c30e; } .new-dashboard-important-notice-list{ padding: 0 0 0 15px; } .new-dashboard-important-notice-list li{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.3em; padding: 0 0 4px 0; } .new-dashboard-important-notice-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 12px 0; } /*20181108*/ .new-dashboard-section-2-live-lead{ display: block; list-style: none; } .new-dashboard-section-2-live-lead li{ display: block; border-bottom: #eaedf0 1px solid; padding: 0 0 20px 0; font-size: 0; } .new-dashboard-section-2-live-lead li:nth-child(n+2){ padding-top: 20px; } .new-dashboard-section-2-live-lead li:last-child{ border: none; } .new-dashboard-section-2-live-lead-1{ display: inline-block; width: 240px; margin: 0 12px 0 0; vertical-align: top; } .new-dashboard-section-2-live-lead-2{ display: inline-block; width: 235px; margin: 0 12px 0 0; vertical-align: top; } .new-dashboard-section-2-live-lead-3{ display: inline-block; width: 254px; margin: 0 12px 0 0; vertical-align: top; } .new-dashboard-section-2-live-lead-4{ display: inline-block; width: 40px; vertical-align: top; } .new-dashboard-section-2-live-lead-title{ padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-lead-title-2{ padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-section-2-live-lead-input input{ display: block; width: 100%; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; box-shadow: none; } .new-dashboard-section-2-live-lead-input input[type="text"][disabled]{ background: none; } .new-dashboard-section-2-live-lead-copybox{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 72px 0 0; } .new-dashboard-section-2-live-lead-copybox input{ display: block; width: 100%; height: 42px; border: none; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; box-shadow: none; } .new-dashboard-section-2-live-lead-copybox input[type="text"][disabled]{ background: none; } .new-dashboard-section-2-live-lead-copybox button{ display: block; position: absolute; right: 0; top: 0; width: 72px; height: 42px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); box-sizing: border-box; border-radius: 0 3px 3px 0; border: none; border-left: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; cursor: pointer; } .new-dashboard-section-2-live-lead-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-section-webinar-stats-view a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; font-weight: normal; } .new-dashboard-2019-section-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 600; letter-spacing: -0.2px; padding: 0 0 6px 0; } .new-dashboard-2019-section-list-title.on-off-stage { padding-top: 20px; } .new-dashboard-2019-section-list-title.live-studio { width: 200px; float: left; } .new-dashboard-2019-section-list-title.error { color: red; } .new-dashboard-2019-section-list-title span{ display: inline-block; width: 6px; height: 6px; border-radius: 4px; background: #dfe1e4; margin: -2px 0 0 5px; vertical-align: middle; } .new-dashboard-2019-section-list-title.onactive span{ background: #00c4b5; } .new-dashboard-2019-section-list-showdel{ margin-top: 25px; display: flex; justify-content: space-between; align-items: center; } .new-dashboard-2019-section-list-showdel a{ font-weight: normal; color: #1089f5; font-family: 'ModernSans'; font-size: 15px; letter-spacing: -0.2px; } .delete-select-email-list{ display: none; } .new-dashboard-2019-section-list-left{ float: left; margin: 0 -140px 0 0; width: 100%; } .new-dashboard-2019-section-list-left-in{ margin: 0 140px 0 0; } .new-dashboard-2019-section-list-right-img{ float: right; width: 116px; } .new-dashboard-2019-section-list-text{ padding: 0 80px 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-text-2{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-text-2#js-attendance-monitor-image-box { display: flex; align-items: center; } .new-dashboard-2019-section-list-text-2#js-conference-ad-image > div{ height: 80px; margin: 0 0 16px 0; } .new-dashboard-2019-section-list-text-2#js-conference-ad-image > div img{ width: auto; max-height: 100%; max-width: 100%; } .new-dashboard-2019-section-list-text-2#js-conference-ad-image > span{ text-decoration: underline; } .new-dashboard-2019-section-list-text-2 input#pop_up_interval_click_text{ display: block; width: 100%; padding: 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 44px; outline: none; box-sizing: border-box; } .new-dashboard-2019-section-list-text-2 input{ display: block; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 40px; padding: 0 12px; } .new-dashboard-2019-section-list-text-2 textarea{ display: block; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 12px; } .new-dashboard-2019-section-list-text-2.error { color: red; } #js-dashboard-breakout-room-section .new-dashboard-2019-section-list-link{ margin-top: 20px; } .new-dashboard-2019-section-list-link span.submit-disclaimer-span{ display: inline-block; } .new-dashboard-2019-section-list-link span.submit-disclaimer-span input[type="submit"]{ display: block; height: 40px; padding: 0 32px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-link a{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; vertical-align: top; margin: 0 39px 0 0; } .new-dashboard-2019-section-list-link a:last-child{ margin: 0; } .new-dashboard-2019-section-list-link a span{ display: inline-block; vertical-align: middle; margin: 0 0 0 3px; } .new-dashboard-2019-section-list-link a span svg{ display: block; width: 8px; height: 8px; fill: #1089f5; } .new-dashboard-2019-section-list-link-2 a{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; vertical-align: top; margin: 0 39px 0 0; } .new-dashboard-2019-section-list-link-2 a:last-child{ margin: 0; } .new-dashboard-2019-section-list-link-2 a span{ display: inline-block; vertical-align: middle; margin: 0 0 0 3px; } .new-dashboard-2019-section-list-link-2 a span svg{ display: block; width: 8px; height: 8px; fill: #1089f5; } .new-dashboard-2019-section-list-left-2{ float: left; width: 100%; margin: 0 -112px 0 0; } .new-dashboard-2019-section-list-left-2-in{ /*margin: 0 112px 0 0;*/ } .new-dashboard-2019-section-list-left-2-in.live-studio { position: relative; } .new-dashboard-2019-section-list-right-2{ float: right; width: 26px; } .new-dashboard-2019-section-list-registration{ font-size: 0; padding: 0 0 16px 0; } .new-dashboard-2019-section-list-registration span{ display: inline-block; margin: 0 6px 8px 0; padding: 0 12px; height: 28px; border: #dfe1e4 1px solid; border-radius: 15px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #2f2f2f; letter-spacing: -0.2px; line-height: 26px; vertical-align: top; } .new-dashboard-2019-promote{ display: table; width: 100%; } .new-dashboard-2019-promote-list{ display: table-cell; width: 50%; padding: 32px 16px 40px 16px; text-align: center; } .new-dashboard-2019-promote-list:first-child{ border-right: #eaedf0 1px solid; } .new-dashboard-2019-promote-list-icon{ width: 26px; margin: 0 auto; padding: 0 0 20px 0; } .new-dashboard-2019-promote-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 6px 0; } .new-dashboard-2019-promote-list-title span{ display: inline-block; width: 6px; height: 6px; border-radius: 4px; background: #dfe1e4; margin: 0 0 0 5px; vertical-align: middle; } .new-dashboard-2019-promote-list-title.onactive span{ background: #00c4b5; } .new-dashboard-2019-promote-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; max-width: 240px; margin: 0 auto; padding: 0 0 16px 0; } .new-dashboard-2019-audience-list{ display: block; list-style: none; margin-bottom: -16px; font-size: 0; } .new-dashboard-2019-audience-list li{ position: relative; display: inline-block; width: 48%; border-top: #f4f6f8 1px solid; padding: 16px 0; vertical-align: top; justify-content: center; align-items: center; } .new-dashboard-2019-audience-list li:nth-child(odd){ /* float: left; */ margin: 0 2% 0 0; } .new-dashboard-2019-audience-list li:nth-child(even){ /* float: right; */ margin: 0 0 0 2%; } .new-dashboard-2019-audience-list#js-audience-option-list li:nth-child(odd), .new-dashboard-2019-audience-list#js-audience-option-list li:nth-child(even){ margin: 0 1%; } .new-dashboard-2019-audience-list li:nth-child(1), .new-dashboard-2019-audience-list li:nth-child(2){ border: none; } .new-dashboard-2019-audience-list li#who_can_delete_qa{ padding: 13px 0; } .new-dashboard-2019-audience-list li#auto_release_qa_after{ padding: 13px 0; } .new-dashboard-2019-audience-list li#pm_admin_default_tab{ padding: 13px 0; } .new-dashboard-2019-audience-list li#js-camera-window-initial-size{ padding: 13px 0; } #waiting_room_when_recording .new-dashboard-2019-audience-list-title{ font-size: 15px; color: #2b374d; font-weight: 600; float: none; display: inline-block; position: relative; padding-right: 22px; } #waiting_room_when_recording .new-dashboard-2019-audience-list-switch.new-dashboard-2019-audience-list-select{ float: none; display: inline-block; margin: 0 0 0 10px; width: auto; } #waiting_room_when_recording .new-dashboard-2019-audience-list-switch.new-dashboard-2019-audience-list-select select{ border-radius: 5px; height: 30px; padding: 0 24px 0 10px; } #waiting_room_when_recording .new-dashboard-2019-audience-list-switch.new-dashboard-2019-audience-list-select i{ right: 8px; top: 12px; } .new-dashboard-2019-audience-list-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } #pm-pagination-stream-board-position .new-dashboard-2019-audience-list-title{ flex: 1; } .new-dashboard-2019-audience-list-title span{ display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 14px; overflow: hidden; margin: 0 5px 0 0; } .new-dashboard-2019-audience-list-title i{ font-style: normal; } span.new-dashboard-2019-audience-title-tips { border-radius: 0; height: 12px; width: 12px; margin-left: 10px; position: absolute; top: 19px; } span.new-dashboard-2019-audience-title-tips.live-studio { top: 3px; left: 45px; } span.new-dashboard-2019-audience-title-tips > svg { display: block; width: 12px; height: 12px; fill: #dfe1e4; } .new-dashboard-2019-audience-list-switch.disabled-studio-room:hover .analytics-2019-list-in-info-hover, span.new-dashboard-2019-audience-title-tips:hover .analytics-2019-list-in-info-hover { display: block; } .new-dashboard-2019-audience-list-switch{ float: right; width: 24px; /*margin-top: 1px;*/ } #speaking-color-switch { position: relative; } .new-dashboard-2019-audience-list-switch.js-audience-option-switch{ margin-top: 1px; } .new-dashboard-2019-audience-list-switch.live-studio { position: relative; width: 32px; height: 20px; } .new-dashboard-2019-audience-list-switch.live-studio span { height: 20px; border-radius: 10px; } .new-dashboard-2019-audience-list-switch.live-studio span i { height: 20px; width: 20px; border-radius: 10px; } .new-dashboard-2019-audience-list-switch.live-studio span.onactive i { left: 15px; } .new-dashboard-2019-audience-list-switch .sp-container{ display: none; position: absolute; top: 20px; left: unset; right: 0px; } .new-dashboard-2019-audience-list-switch.new-dashboard-2019-audience-list-select{ /*margin-top: -1px;*/ width: 176px; } .new-dashboard-2019-audience-list-switch span{ display: block; position: relative; height: 12px; background: #e9edf0; border-radius: 8px; } .new-dashboard-2019-audience-list-switch span i{ display: block; position: absolute; width: 14px; height: 14px; border-radius: 8px; background: #c1c9d6; left: 0; top: -1px; z-index: 2; cursor: pointer; } .new-dashboard-2019-audience-list-switch span.onactive i{ left: 10px; background: #1089f5; } .new-dashboard-2019-audience-list-switch.disabled-studio-room span.onactive i { left: 0; background: #c1c9d6; } .webinar-started .new-dashboard-2019-audience-list-switch span i{ /*opacity: 0.6;*/ } .webinar-started .new-dashboard-2019-audience-list-switch.force-show-up span i{ opacity: 1; } #who_can_delete_qa .new-dashboard-2019-audience-list-title{ padding: 4px 0 0 0; } #pm_admin_default_tab .new-dashboard-2019-audience-list-title{ padding: 4px 0 0 0; } .nd2019-switch{ padding: 8px 0 0 0; } .new-dashboard-section-2-title-right-2{ float: right; padding: 2px 0 0 0; } .new-dashboard-section-2-title-right-2 a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-2019-nav-box{ display: block; list-style: none; font-size: 0; } .new-dashboard-2019-nav-box li{ display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; padding: 40px 24px 40px 0; position: relative; } .new-dashboard-2019-nav-box-icon{ width: 26px; margin: 0 auto 19px; } .new-dashboard-2019-nav-box-title{ text-align: center; padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-2019-nav-box-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; line-height: 1.23em; max-width: 130px; margin: 0 auto; } .new-dashboard-2019-nav-box-arr{ position: absolute; right: 0; width: 24px; bottom: 50px; } .new-dashboard-2019-nav-box-arr svg{ display: block; width: 24px; height: 24px; fill: #e9edf0; } .new-dashboard-2019-table table th{ height: 48px; text-align: left; border-bottom: #e9edf0 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 0 24px; } .new-dashboard-2019-table table th i{ display: block; width: 12px; margin: 0 auto; } .new-dashboard-2019-table table th:last-child{ text-align: center; padding: 0 24px; } .new-dashboard-2019-table table td{ padding: 0 0 0 24px; } .new-dashboard-2019-table table td:last-child{ padding: 0 24px; text-align: center; } .new-dashboard-2019-table table td div{ padding: 18px 0; border-bottom: rgba(255, 230, 233, 0.5) 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2f2f2f; letter-spacing: -0.2px; } .new-dashboard-2019-table table td div a{ color: #1089f5; } .new-dashboard-2019-table table tr:last-child td div{ border: none; } .new-dashboard-2019-top-nav{ position: fixed; display: block; list-style: none; text-align: center; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.07); z-index: 99; top: 0; left: 0; right: 0; } .new-dashboard-2019-top-nav li{ display: inline-block; vertical-align: middle; margin: 0 48px; } .new-dashboard-2019-top-nav li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 28px 0; } .new-dashboard-2019-top-nav li a span{ display: inline-block; vertical-align: middle; width: 16px; margin: 0 8px 0 0; } .new-dashboard-2019-top-nav li a.onactive{ border-bottom: #1089f5 2px solid; margin: 0 0 -2px 0; } .new-dashboard-2019-part-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.1px; font-weight: bold; padding: 0 0 40px 0; } .new-dashboard-2019-part-title span{ display: block; float: right; } .new-dashboard-2019-part-title span a,.new-dashboard-2019-save-button span a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; letter-spacing: -0.2px; font-weight: 500 } .new-dashboard-2019-part-tips-box{ position: relative; margin: 0 0 24px 0; background: #f5f4ff; border-radius: 3px; padding: 24px 24px 24px 64px; } .new-dashboard-2019-part-tips-icon{ position: absolute; width: 32px; height: 32px; background: #d6d4fd; border-radius: 18px; left: 16px; top: 16px; padding: 6px; box-sizing: border-box; } .new-dashboard-2019-part-tips-close{ position: absolute; right: 16px; top: 16px; opacity: 0.72; } .new-dashboard-2019-part-tips-close a svg{ display: block; width: 10px; height: 10px; fill: #645ed0; } .new-dashboard-2019-part-tips-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 4px 0; } .new-dashboard-2019-part-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.3em; padding: 0 0 16px 0; } .new-dashboard-2019-part-tips-text#clockdiv{ min-height: 18px; } .new-dashboard-2019-part-tips-link{ font-size: 0; } .new-dashboard-2019-part-tips-link span{ display: inline-block; vertical-align: middle; padding: 0 32px 0 0; } .new-dashboard-2019-part-tips-link span:last-child{ padding: 0; } .new-dashboard-2019-part-tips-link span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4842b8; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-enable a{ display: inline-block; padding: 0 20px; border: #dfe1e4 1px solid; border-radius: 3px; height: 36px; line-height: 34px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .new-dashboard-2019-section-sms-list{ padding: 24px 0 0 0; } .new-dashboard-2019-section-slack-link{ font-size: 0; } .new-dashboard-2019-section-slack-link span{ display: inline-block; vertical-align: top; text-align: center; } .new-dashboard-2019-section-slack-link-off a{ display: inline-block; padding: 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; letter-spacing: -0.2px; height: 36px; line-height: 36px; background: #611e69; border-radius: 3px; } .new-dashboard-2019-section-slack-link-off a i{ display: inline-block; vertical-align: middle; font-style: normal; margin: 0 5px 0 0; width: 16px; } .new-dashboard-2019-section-slack-link-on{ margin: 0 12px 0 0; } .new-dashboard-2019-section-slack-link-on a{ display: inline-block; padding: 8px 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #611e69; letter-spacing: -0.2px; height: 36px; line-height: 20px; background: #fcf9fc; border-radius: 3px; border: solid 1px #efe3f0; box-sizing: border-box; } .new-dashboard-2019-section-slack-link-on a i{ display: inline-block; vertical-align: middle; font-style: normal; margin: 0 10px 0 0; width: 16px; padding: 0 14px 0 0; border-right: #efe3f0 1px solid; box-sizing: content-box; } .new-dashboard-2019-section-slack-link-on a b{ font-weight: normal; display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #611e69; } .new-dashboard-2019-section-slack-link-dis a{ display: inline-block; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 3px; border: solid 1px #dfe1e4; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .new-dashboard-2019-section-slack-send { position: relative; } .new-dashboard-2019-section-slack-select{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .new-dashboard-2019-section-slack-select select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 42px; padding: 0 48px 0 8px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .new-dashboard-2019-section-slack-select i{ position: absolute; display: block; font-style: normal; right: 16px; top: 17px; width: 8px; z-index: 1; } .new-dashboard-2019-section-slack-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .new-dashboard-2019-section-slack-select-refresh{ position: absolute; right: -108px; top: 14px; } .new-dashboard-2019-section-slack-select-refresh a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-2019-section-slack-select-refresh a span{ display: inline-block; vertical-align: middle; width: 10px; margin: 0 5px 0 0; } .new-dashboard-2019-section-slack-select-refresh a span svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .new-dashboard-2019-section-slack-check{ display: inline-block; vertical-align: text-bottom; margin: 0 8px 0 0; } .new-dashboard-2019-section-slack-checkbox{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; border-radius: 3px; } .new-dashboard-2019-section-slack-checkbox i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } .new-dashboard-2019-section-slack-checkbox i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .new-dashboard-2019-section-slack-checkbox.onactive { border-color: #1089f5; } .new-dashboard-2019-section-slack-checkbox.onactive i { display: block; } .new-dashboard-2019-section-slack-check-text{ display: inline-block; vertical-align: text-bottom; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-slack-check-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; line-height: 1.23em; padding: 6px 0 0 28px; } .new-dashboard-2019-part-top-bar{ position: fixed; background: #fff; left: 0; right: 0; top: 0; z-index: 99; padding: 16px 64px 16px 56px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); } .new-dashboard-2019-part-top-bar-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; padding: 10px 0; } .new-dashboard-2019-part-top-bar-btn{ float: right; } .new-dashboard-2019-part-top-bar-btn a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-2019-presenter-top{ padding: 0 0 24px 0; } .new-dashboard-2019-part-tips-box-green{ position: relative; margin: 0 0 24px 0; background: #e6f8fa; border-radius: 3px; padding: 16px 148px 16px 64px; } .new-dashboard-2019-part-tips-box-red{ position: relative; margin: 0 0 24px 0; background: #ffebef; border-radius: 3px; padding: 16px 148px 16px 64px; } .new-dashboard-2019-part-tips-icon-green{ position: absolute; width: 32px; height: 32px; background: #bcecee; border-radius: 18px; left: 16px; top: 16px; padding: 6px; box-sizing: border-box; } .new-dashboard-2019-part-tips-icon-green img{ background-color: #fff; border-radius: 50%; } .new-dashboard-2019-part-tips-icon-red{ position: absolute; width: 32px; height: 32px; background: #ffccd7; border-radius: 18px; left: 16px; top: 16px; padding: 6px; box-sizing: border-box; } .new-dashboard-2019-part-tips-right-btn{ position: absolute; right: 16px; top: 18px; } .new-dashboard-2019-part-tips-right-btn a{ display: block; min-width: 132px; height: 36px; line-height: 36px; border-radius: 3px; background: #00c4b5; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; letter-spacing: -0.2px; font-weight: 500; text-align: center; padding: 0 6px; } .new-dashboard-2019-part-tips-right-btn a.disabled{ opacity: 0.32; cursor: default; } .new-dashboard-2019-part-tips-right-btn-red{ position: absolute; right: 16px; top: 16px; } .new-dashboard-2019-part-tips-right-btn-red a{ display: block; width: 132px; height: 36px; line-height: 36px; border-radius: 3px; background: #e93e62; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; letter-spacing: -0.2px; font-weight: 500; text-align: center; } .new-dashboard-2019-part-tips-right-btn-red a.disabled{ opacity: 0.32; cursor: default; } .new-ashboard-2019-presenter-section{ padding: 0 0 56px 0; } .new-ashboard-2019-presenter-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; padding: 0 0 32px 0; } .new-ashboard-2019-presenter-section-left{ float: left; width: 48%; } .new-ashboard-2019-presenter-section-right{ float: right; width: 48%; } .new-ashboard-2019-presenter-section-list-content{ position: relative; padding: 24px 24px 8px 24px; border: #f4f6f8 1px solid; border-radius: 5px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; } .new-ashboard-2019-presenter-section-list-title-content{ position: relative; padding: 0 74px 8px 0; } .new-ashboard-2019-presenter-section-list-icon{ position: absolute; top: 0; right: 0; z-index: 1; width: 26px; } .new-ashboard-2019-presenter-section-list-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; text-align: left; } .new-ashboard-2019-presenter-section-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; line-height: 1.38em; } .new-ashboard-2019-presenter-system-check-list{ display: block; list-style: none; } .new-ashboard-2019-presenter-system-check-list li{ display: block; border-bottom: #f4f6f8 1px solid; padding: 16px 0 17px 0; } .new-ashboard-2019-presenter-system-check-list li:last-child{ border: none; } .new-ashboard-2019-presenter-system-check-content{ position: relative; padding: 0 24px 0 30px; } .new-ashboard-2019-presenter-system-check-icon{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; } .new-ashboard-2019-presenter-system-check-icon span{ display: block; width: 18px; height: 18px; border-radius: 10px; border: #e9edf0 1px solid; background: #fff; box-sizing: border-box; } .new-ashboard-2019-presenter-system-check-info{ position: absolute; right: 0; top: 16px; } .new-ashboard-2019-presenter-system-check-info span svg{ display: block; width: 12px; height: 12px; fill: #c1c9d6; } .new-ashboard-2019-presenter-system-check-body-title{ padding: 0 0 4px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-ashboard-2019-presenter-system-check-body-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 3px 0; } .new-ashboard-2019-presenter-equipment-left{ float: left; width: 100%; margin: 0 -164px 0 0; } .new-ashboard-2019-presenter-equipment-left-in{ margin: 0 164px 0 0; } .new-ashboard-2019-presenter-equipment-right{ float: right; width: 140px; } .new-ashboard-2019-presenter-equipment-check-content{ position: relative; padding: 0 188px 0 30px; } .new-ashboard-2019-presenter-equipment-check-body-title{ padding: 12px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-ashboard-2019-presenter-equipment-check-btn{ width: 140px; } .new-ashboard-2019-presenter-equipment-check-btn a{ display: block; text-align: center; height: 36px; line-height: 34px; border: #dfe1e4 1px solid; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .new-ashboard-2019-presenter-system-check-list li.sc-failed .new-ashboard-2019-presenter-system-check-body-title{ color: #e93e62; } .new-ashboard-2019-presenter-system-check-list li.sc-failed .new-ashboard-2019-presenter-system-check-body-text{ color: #e93e62; } .new-ashboard-2019-profile-content{ position: relative; height: 150px; border: #e9edf0 1px solid; border-radius: 5px; padding: 24px 130px 24px 112px; } .new-ashboard-2019-guide-content{ position: relative; height: 150px; border: #e9edf0 1px solid; border-radius: 5px; padding: 24px 130px 24px 98px; } .new-ashboard-2019-profile-img{ position: absolute; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; top: 24px; left: 24px; } .new-ashboard-2019-profile-body-title{ padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .new-ashboard-2019-profile-body-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.3em; } .new-ashboard-2019-profile-body-email{ padding: 12px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .new-ashboard-2019-profile-btn{ position: absolute; right: 24px; top: 24px; } .new-ashboard-2019-profile-btn a{ display: inline-block; padding: 0 16px; height: 32px; border-radius: 3px; border: solid 1px #dfe1e4; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); line-height: 30px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .new-ashboard-2019-guide-img{ position: absolute; left: 24px; top: 24px; width: 46px; } .new-dashboard-2019-presenter-table table th{ height: 48px; text-align: center; border-bottom: #e9edf0 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 0 24px; } .new-dashboard-2019-presenter-table table th:first-child{ text-align: left; padding: 0 24px; } .new-dashboard-2019-presenter-table table td{ padding: 0 0 0 24px; text-align: center; border-bottom: rgba(255, 230, 233, 0.5) 1px solid; } .new-dashboard-2019-presenter-table table td:first-child{ padding: 0 24px; text-align: left; } .new-dashboard-2019-presenter-table table td div{ padding: 18px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2f2f2f; letter-spacing: -0.2px; } .new-dashboard-2019-presenter-table table td div a{ color: #1089f5; } .new-dashboard-2019-presenter-table table tr:last-child td{ border: none; } .conf-creation-main{ padding: 60px 0; border-bottom: #dfe1e4 1px solid; min-height: 620px; } .new-ashboard-2019-presenter-section .system-list-left{ font-size: 14px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; letter-spacing: -0.2px; font-weight: 400; } .new-ashboard-2019-presenter-section .system-list-right{ font-size: 13px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .new-ashboard-2019-presenter-section .system-list-close-left, .new-ashboard-2019-presenter-section .system-list-title-2{ font-size: 14px; font-weight: 400; } .new-ashboard-2019-presenter-section .system-list-close-right a{ display: block; text-align: center; height: 36px; line-height: 34px; border: #dfe1e4 1px solid; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .new-dashboard-2019-part-tips-box-speed{ position: relative; margin: 0 0 24px 0; background: #fff8e1; border-radius: 3px; padding: 16px 148px 16px 64px; } .new-dashboard-2019-part-tips-icon-speed{ position: absolute; width: 32px; height: 32px; background: #fee9a2; border-radius: 18px; left: 16px; top: 16px; padding: 6px; box-sizing: border-box; } .new-dashboard-2019-part-speed a{ border: solid 1px #e5af00; background-color: #fff8e1; color: #cd9c00; } .new-ashboard-2019-presenter-system-check-list .system-list-close-right a:hover{ background: #e2e6ec; } .presenter-enter-button.disabled{ pointer-events: none; } .new-ashboard-2019-presenter-section-left .system-list li:last-child{ padding-bottom: 17px; } .new-ashboard-2019-presenter-section-right .system-list-title-2, .new-ashboard-2019-presenter-section-right .system-list-select select, .new-ashboard-2019-presenter-section-right .system-list-audio-box-left-text, .new-ashboard-2019-presenter-section-right .system-list-audio-box-left-text-2, .new-ashboard-2019-presenter-section-right .system-list-title-2 > span.troubleshoot a, .new-ashboard-2019-presenter-section-right .system-list-close-left, .new-ashboard-2019-presenter-section-right .system-list-close-left{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .new-ashboard-2019-presenter-section-right .system-list-select select{ font-size: 14px; } .new-ashboard-2019-presenter-section-left .system-list-icon-3, .new-ashboard-2019-presenter-section-left .system-list-icon-2, .new-ashboard-2019-presenter-section-left .system-list-icon-4{ top: 2px; } .presenter-list-in-info-hover{ display: none; position: absolute; top: -50px; left: 25px; z-index: 5; padding: 24px 0 0 0; } .presenter-list-in-info-hover-in{ width: 269px; border-radius: 3px; background: #fff; box-shadow: 0 3px 8px 0 rgba(33, 43, 54, 0.12), 0 0 0 1px rgba(33, 43, 54, 0.05); padding: 12px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.3em; } .new-ashboard-2019-presenter-system-check-info span{ display: block; width: 12px; cursor: pointer; } .new-ashboard-2019-presenter-system-check-info:hover .presenter-list-in-info-hover{ display: block; } .new-ashboard-2019-presenter-section .system-list-in{ position: relative; padding: 0 0 0 30px; z-index: auto; } .dashboard-derection.onactive{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } /*20190618*/ .new-dashboard-2019-section-emoji{ display: block; list-style: none; font-size: 0; } .new-dashboard-2019-section-emoji li{ display: inline-block; width: 32px; margin: 0 8px 0 0; vertical-align: top; cursor: pointer; } .new-dashboard-2019-section-emoji li span{ display: block; width: 32px; height: 32px; border-radius: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; } .new-dashboard-2019-section-emoji li span img{ width: 18px; margin: 7px auto 0; } .new-dashboard-2019-section-emoji li span.onactive{ border-color: #2196f3; } .new-dashboard-2019-section-list-show-list{ padding: 0 0 24px 0; } .new-dashboard-2019-section-list-show-list-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-show-list-reminders{ font-size: 0; } .new-dashboard-2019-section-list-show-list-reminders span{ display: inline-block; vertical-align: middle; } .new-dashboard-2019-section-list-show-list-reminders span:nth-child(1){ position: relative; width: 124px; margin: 0 16px 0 0; } .new-dashboard-2019-section-list-show-list-reminders span:nth-child(1) select{ position: relative; background: #fff; width: 100%; height: 40px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 34px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; } .new-dashboard-2019-section-list-show-list-reminders span:nth-child(1) b{ position: absolute; display: block; right: 12px; top: 17px; width: 6px; z-index: 2; } .new-dashboard-2019-section-list-show-list-reminders span:nth-child(1) b svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .new-dashboard-2019-section-list-show-list-reminders span:nth-child(2){ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-show-list-messages{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 72px 0 12px; } .new-dashboard-2019-section-list-show-list-messages input{ display: block; width: 100%; padding: 0; height: 38px; background: none; border: none; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-show-list-messages span{ display: block; position: absolute; right: 16px; top: 0; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #a2abbb; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-show-list-messages-tips{ padding: 12px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #a2abbb; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-show-video span{ display: block; width: 48%; } .new-dashboard-2019-section-list-show-video span:nth-child(1){ float: left; } .new-dashboard-2019-section-list-show-video span:nth-child(2){ float: right; } .new-dashboard-2019-section-list-show-video-title{ position: relative; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-audience-list-title i, .new-dashboard-2019-section-list-show-video-title i{ display: block; position: absolute; right: 0; top: 0; width: 12px; } .new-dashboard-2019-audience-list-title i { top: 3px; } .new-dashboard-2019-audience-list-title i svg, .new-dashboard-2019-section-list-show-video-title i svg{ display: block; width: 12px; height: 12px; fill: #c1c9d6; } .new-dashboard-2019-section-list-show-video-list-1, .new-dashboard-2019-audience-list-select{ font-size: 0; position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .auto-release-qa{ display: inline-block; font-size: 0; position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } #pm-pagination-stream-board-position .auto-release-qa { width: 184px; } .new-dashboard-2019-section-list-show-video-list-1 select, .new-dashboard-2019-audience-list-select select, .auto-release-qa select{ width: 100%; font-size: 14px; color: #2b374d; height: 40px; outline: none; border: none; padding: 0 0 0 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; letter-spacing: -0.2px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .new-dashboard-2019-section-list-show-video-list-1 i, .new-dashboard-2019-audience-list-select i, .auto-release-qa i{ position: absolute; display: block; font-style: normal; right: 12px; top: 12px; width: 8px; z-index: 1; } .new-dashboard-2019-section-list-show-video-list-1 i svg, .new-dashboard-2019-audience-list-select i svg, .auto-release-qa i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .new-dashboard-2019-audience-list-select select{ height: 20px; } .new-dashboard-2019-audience-list-select i{ right: 8px; top: 6px; } .auto-release-qa select{ height: 20px; padding: 0 24px 0 10px; } .auto-release-qa i{ right: 8px; top: 6px; } .new-dashboard-2019-section-list-show-video-list-1 b, .new-dashboard-2019-audience-list-select b{ display: inline-block; vertical-align: top; padding: 0 14px; height: 40px; margin: 0 12px 0 0; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; /*font-size: 14px;*/ font-size: 0; color: #a2abbb; letter-spacing: -0.2px; font-weight: normal; line-height: 38px; box-sizing: border-box; cursor: pointer; } .new-dashboard-2019-section-list-show-video-list-1 b i, .new-dashboard-2019-audience-list-select b i{ display: inline-block; vertical-align: middle; width: 15px; margin: 0 8px 0 0; } .new-dashboard-2019-section-list-show-video-list-1 b i svg, .new-dashboard-2019-audience-list-select b i svg{ display: block; width: 15px; height: 15px; fill: #c1c9d6; } .new-dashboard-2019-section-list-show-video-list-1 p, .new-dashboard-2019-audience-list-select p{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; vertical-align: middle; margin: 0; padding: 0; line-height: 1em; } .new-dashboard-2019-section-list-show-video-list-2{ font-size: 0; } .new-dashboard-2019-section-list-show-video-list-2 b{ display: inline-block; vertical-align: top; font-weight: normal; width: 76px; text-align: center; height: 40px; line-height: 37px; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; cursor: pointer; margin: 0 12px 0 0; } #camera_size_content .new-dashboard-2019-section-list-show-video-list-2 { display: none; } #camera_size_content.overlay .new-dashboard-2019-section-list-show-video-list-2.overlay, #camera_size_content.stage .new-dashboard-2019-section-list-show-video-list-2.stage { display: block; } .new-dashboard-2019-section-list-show-video-list-1 b.onactive, .new-dashboard-2019-audience-list-select b.onactive{ border-color: #2196f3; color: #2b374d; } .new-dashboard-2019-section-list-show-video-list-1 b.onactive i svg, .new-dashboard-2019-audience-list-select b.onactive i svg{ fill: #2196f3; } .new-dashboard-2019-section-list-show-video-list-2 b.onactive{ border-color: #2196f3; color: #2b374d; } .new-dashboard-2019-section-list-show-exiturl input{ border: #dfe1e4 1px solid; border-radius: 3px; height: 40px; width: 100%; max-width: 544px; box-shadow: none; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-tips-show{ display: none; position: absolute; border-radius: 4px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); background-color: #ffffff; padding: 12px 16px; box-sizing: border-box; width: 232px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #2b374d; letter-spacing: -0.2px; font-style: normal; line-height: 1.14em; top: 20px; right: 0; z-index: 2; } .new-dashboard-2019-audience-list-title i:hover svg, .new-dashboard-2019-section-list-show-video-title i:hover svg{ fill: #0a9af6; } .new-dashboard-2019-audience-list-title i:hover .new-dashboard-2019-tips-show, .new-dashboard-2019-section-list-show-video-title i:hover .new-dashboard-2019-tips-show{ display: block; } /*end 20190618*/ /*20190923*/ .new-dashboard-2019-liveexperience-list{ font-size: 0; padding: 14px 0 0 0; } .new-dashboard-2019-liveexperience-list span{ display: inline-block; position: relative; vertical-align: top; margin: 0 12px 0 0; } .new-dashboard-2019-liveexperience-list span > a{ display: inline-block; height: 40px; padding: 0 20px; line-height: 38px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.14px; } .new-dashboard-2019-liveexperience-list span.new-dashboard-2019-section-list-link > a{ color: #2196f3; } .new-dashboard-2019-liveexperience-list span > a.onactive{ color: #2b374d; border-color: #2196f3; } .new-dashboard-2019-liveexperience-tips, .dashboard-consolidate-separate-error{ padding: 16px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.36em; } .new-dashboard-2019-liveexperience-tips.live-experience { border-bottom: #eaedf0 1px solid; padding-bottom: 16px; } .new-dashboard-2019-liveexperience-tips a{ color: #0a9af6; } .new-dashboard-2019-liveexperience-tips.webinar-mode-tips { background-color: #f5f4ff; padding: 10px; } #js-webinar-mode-reminder-text { display: inline-block; font-size: 14px; height: 38px; line-height: 38px; } .dashboard-consolidate-separate-error { font-size: 14px; color: red; } .new-dashboard-2019-liveexperience-list-show{ position: absolute; left: 0; top: 48px; max-width: 664px; width: max-content; background: #fff; border-radius: 4px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); padding: 12px 16px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.14em; z-index: 2; } .new-dashboard-2019-liveexperience-list-show a{ color: #0a9af6; } /*20190923 end*/ /*20191127*/ .new-dashboard-2019-part-tips-box-yellow{ position: relative; margin: 0 0 16px 0; background: #fff5ee; border-radius: 3px; padding: 16px 16px 16px 64px; } .new-dashboard-2019-part-tips-icon-yellow{ position: absolute; width: 32px; height: 32px; background: #ffe4d1; border-radius: 18px; left: 16px; top: 16px; padding: 6px; box-sizing: border-box; } /*20191127 end*/ @media screen and (max-width:1223px){ .conf-creation-desin-tp-box li{ margin: 0 10px 30px; } } @media screen and (max-width:1023px){ .new-ashboard-2019-profile-content{ height: auto; } .new-ashboard-2019-guide-content{ height: auto; } .new-dashboard-2019-presenter-table{ overflow: auto; } .new-dashboard-2019-presenter-table table{ width: 960px; } } @media screen and (max-width:700px){ .new-dashboard-section-text span{ margin-bottom: 8px; } .new-dashboard-2019-part-tips-box-green, .new-dashboard-2019-part-tips-box-red{ padding-right: 16px; } .new-dashboard-2019-part-tips-right-btn{ position: static; margin: 16px 0 0 0; } .new-dashboard-2019-part-tips-right-btn-red{ position: static; margin: 16px 0 0 0; } .new-ashboard-2019-presenter-section-left{ float: none; width: auto; margin: 0 0 24px 0; } .new-ashboard-2019-presenter-section-right{ float: none; width: auto; } } /*** added by sunyr at 4-11-2019 Start ***/ .new-dashboard-section-2-live-box-right, .new-dashboard-2019-section-list-right-2, #ios-noti-presenters .do-not-decorate, #enabled-slack-noti-form-section .do-not-decorate, #refresh-slack-channel-list .refreshing-text, #refresh-slack-channel-list.disabled .refreshed-text{ display: none; } #sms-replay-setting-status.onactive .new-dashboard-section-2-live-box-right, #sms-replay-setting-status.inactive .new-dashboard-2019-section-list-right-2, #email-replay-setting-status.onactive .new-dashboard-section-2-live-box-right, #email-replay-setting-status.inactive .new-dashboard-2019-section-list-right-2, #ios-noti-setting-status.onactive .new-dashboard-section-2-live-box-right, #ios-noti-setting-status.inactive .new-dashboard-2019-section-list-right-2, #slack-noti-setting-status.onactive .new-dashboard-section-2-live-box-right, #slack-noti-setting-status.inactive .new-dashboard-2019-section-list-right-2{ display: block; } .new-dashboard-2019-section-list-right-2.onactive{ display: block; } #refresh-slack-channel-list.disabled .refreshing-text, #refresh-slack-channel-list .refreshed-text{ display: inline-block; width: auto; } .new-dashboard-2019-part-tips-box.successfull{ background-color: rgba(219, 245, 247, 0.7); } .new-dashboard-2019-part-tips-box.successfull .new-dashboard-2019-part-tips-icon{ background-color: #bcecee; } .new-dashboard-2019-part-tips-box.successfull .new-dashboard-2019-part-tips-text, .new-dashboard-2019-part-tips-box.failed .new-dashboard-2019-part-tips-text{ padding: 0; } .new-dashboard-2019-part-tips-box.successfull .new-dashboard-2019-part-tips-text span.success, .new-dashboard-2019-part-tips-box.failed .new-dashboard-2019-part-tips-text span.failed{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.2px; color: #2b374d; } .new-dashboard-2019-part-tips-box.successfull .new-dashboard-2019-part-tips-text a.go-to-dashboard{ line-height: 1.29; letter-spacing: -0.2px; text-align: right; color: #00878e; } .new-dashboard-2019-part-tips-box.failed{ background-color: #efa3b3; } .new-dashboard-2019-part-tips-box.failed .successfull-text, .new-dashboard-2019-part-tips-box.successfull .failed-text{ display: none; } .new-dashboard-edit-notification-btn{ width: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.14; letter-spacing: -0.2px; color: #1089f5; cursor: pointer; } /*** added by sunyr at 4-11-2019 End ***/ /*** added by sunyr at 10-15-2019 start, chat room settings ***/ body.enable-chat-room-settings{ overflow: hidden; } body.enable-chat-room-settings .ept-wrapper{ display: block; } .ept-wrapper{ top: 0; left: 0; right: 0; bottom: 0; z-index: 999; overflow: auto; position: fixed; background: #f4f6f8; } .ept-header{ position: absolute; padding: 12px 16px; background: #fff; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08); font-size: 0; z-index: 2; left: 0; right: 0; top: 0; } .ept-header-name{ float: left; padding: 12px 0; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 18px; clear: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .ept-header-right{ float: right; font-size: 0; } .ept-header-right span{ display: inline-block; vertical-align: middle; } .ept-header-right span:nth-child(1){ margin: 0 12px 0 0; } .ept-header-right span:nth-child(1) a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .ept-header-right span:nth-child(2) a{ display: inline-block; padding: 0 20px; height: 40px; box-sizing: border-box; line-height: 38px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; font-weight: normal; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .ept-header-right span:nth-child(1) a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .ept-header-right span:nth-child(1) a:active{ background-image: linear-gradient(to left, #0390f5, #1db3fa); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .ept-header-right span:nth-child(2) a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .ept-header-right span:nth-child(2) a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .ept-main{ position: relative; display: flex; flex: 1; padding: 73px 0 0 0; height: 100%; } .ept-main-left{ position:relative; width: 100%; width: 390px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #f9fafc; /*overflow: hidden;*/ } .ept-main-right{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; background-color: #f4f6f8; position: relative; display: block; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .ept-main-left-contents{ padding: 32px 20px; } .ept-main-left-list-a{ font-size: 0; padding: 0 0 12px 0; } .ept-main-left-list-a-left{ display: inline-block; width: 32px; margin: 0 24px 0 0; vertical-align: middle; } .ept-main-left-list-a-right{ position: relative; display: inline-block; width: 264px; vertical-align: middle; } .ept-main-left-list-a-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .ept-main-left-list-a-left-iconbox{ position: relative; width: 32px; height: 32px; border-radius: 16px; overflow: hidden; } .ept-main-left-list-a-icon-edit{ display: none; position: absolute; width: 32px; height: 32px; border-radius: 16px; left: 0; top: 0; background-image: linear-gradient(to left, #0390f5, #1db3fa); z-index: 1; } .ept-main-left-list-a-icon-edit a span{ position: absolute; display: block; width: 14px; height: 14px; left: 9px; top: 9px; } .ept-main-left-list-a-icon-edit a span svg{ display: block; width: 14px; height: 14px; fill: #fff; } .ept-main-left-list-a-left:hover .ept-main-left-list-a-icon-edit{ display: block; } .ept-main-left-list-a-right-in{ padding: 0 24px 0 0; } .ept-main-left-list-a-right-input input{ display: block; width: 100%; height: 40px; box-sizing: border-box; padding: 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; } .ept-main-left-list-a-right-more, .ept-main-left-list-a-right-delete, .ept-main-left-list-a-right-move{ /*display: none;*/ position: absolute; } .ept-main-left-list-a-right-more{ right: 5px; top: 15px; } .ept-main-left-list-a-right-delete{ right: -28px; top: 16px; } .ept-main-left-list-a-right-move{ right: -10px; top: 15px; cursor: move; } .ept-main-left-list-a-right-move a{ cursor: move; } .ept-main-left-list-a-right-delete a svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .ept-main-left-list-a-right-move a svg{ display: block; width: auto; height: 12px; fill: #4c586e; } .ept-main-left-list-a-right-more a svg{ display: block; width: auto; height: 10px; fill: #4c586e; } /*.ept-main-left-list-a-right-in:hover .ept-main-left-list-a-right-delete, .ept-main-left-list-a-right-in:hover .ept-main-left-list-a-right-move{ display: block; }*/ .ept-main-left-list-a-more{ display: none; padding: 10px 0 0 55px; } .ept-main-left-list-a.onactive .ept-main-left-list-a-more{ display: block; } .ept-main-left-list-a.onactive .ept-main-left-list-a-right-more{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .ept-main-left-list-a-more, .ept-main-left-list-a-more .manage-waiting-room-enable{ font-size: 14px; } .ept-main-left-list-a-more .js-chat-room-input-select-presenter .select2-container{ width: 100%; margin: 10px 0; } .ept-main-list-add-a{ padding: 12px 0 0 0; } .ept-main-list-add-a a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: normal; } .ept-main-righ-contents{ padding: 32px 64px; } .ept-main-righ-chat-viewbox{ width: 296px; margin: 0 auto; padding: 0 0 27px 0; } .ept-main-righ-chat-tips{ max-width: 520px; margin: 0 auto; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; font-weight: normal; line-height: 1.23em; } .ept-main-righ-chat-viewbox-main{ background: #fff; } .ept-main-righ-chat-viewbox-header{ display: block; list-style: none; font-size: 0; padding: 0 16px; } .ept-main-righ-chat-viewbox-header li{ display: inline-block; vertical-align: top; margin: 0 12px 0 0; } .ept-main-righ-chat-viewbox-header li a{ display: block; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; font-weight: 600; letter-spacing: -0.2px; padding: 17px 0 12px 0; } .ept-main-righ-chat-viewbox-header li b{ display: block; width: 22px; height: 1px; margin: 0 auto; border-radius: 1px; background: transparent; } .ept-main-righ-chat-viewbox-header li.onactive a{ color: #2b374d; } .ept-main-righ-chat-viewbox-header li.onactive b{ background: linear-gradient(to left, #008df4, #25befb); } .ept-main-righ-chat-viewbox-body{ background: #f9fafc; padding: 16px; } .ept-main-righ-chat-viewbox-search{ position: relative; border-radius: 5px; border: solid 1px #f4f6f8; background-color: #ffffff; padding: 10px 12px; } .ept-main-righ-chat-viewbox-search span{ display: inline-block; vertical-align: middle; margin: 0 8px 0 0; } .ept-main-righ-chat-viewbox-search span svg{ display: block; width: 12px; height: 12px; fill: #a2abbb; } .ept-main-righ-chat-viewbox-search b{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #a2abbb; letter-spacing: -0.2px; font-weight: normal; } .ept-main-righ-chat-viewbox-title{ padding: 16px 0; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 12px; color: #828fa5; font-weight: 600; letter-spacing: -0.1px; } .ept-main-righ-chat-viewbox-list{ display: block; list-style: none; } .ept-main-righ-chat-viewbox-list li{ display: block; font-size: 0; padding: 0 0 12px 0; } .ept-main-righ-chat-viewbox-list-icon{ display: inline-block; width: 32px; height: 32px; border-radius: 16px; overflow: hidden; margin: 0 12px 0 0; vertical-align: middle; } .ept-main-righ-chat-viewbox-list-text{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; } /*** added by sunyr at 10-15-2019 end, chat room settings ***/ /*20191127*/ .new-dashboard-2019-part-tips-link span a i{ display: inline-block; vertical-align: middle; width: 8px; margin: 0 3px 0 0; } .new-dashboard-2019-part-tips-link span a i svg{ display: block; width: 8px; height: 8px; fill: #4842b8; } .new-dashboard-temp-edit-title{ padding: 0 0 38px 0; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 26px; color: #2b374d; font-weight: 600; letter-spacing: -0.6px; } .new-dashboard-temp-edit-title span{ display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 16px; } .template-edit-page-title{ padding: 128px 0 16px 0; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; font-weight: 600; letter-spacing: -0.6px; } .template-edit-page-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .template-edit-automated-email-section.email-check-off .template-edit-automated-email-list{ display: none; } .template-edit-automated-email-section.email-check-off .email-section-off-tips{ display: block; } .template-edit-automated-email-section .email-section-off-tips{ display: none; } .new-dashboard-section-2-eamil-box{ position: relative; padding: 0 0 8px 0; } .template-reorder-icon{ display: inline-block; width: 8px; height: 11px; } .webinar-automation-qa-popup-select{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .webinar-automation-qa-popup-select select{ position: relative; display: block; border: none; border-radius: 0; margin: 0; width: 100%; height: 44px; padding: 0 40px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; outline: none; background: transparent; box-sizing: border-box; -webkit-appearance: none !important; -moz-appearance: none !important; } .webinar-automation-qa-popup-select select:invalid{ color: #a2abbb; } .webinar-automation-qa-popup-select i{ position: absolute; display: block; font-style: normal; right: 16px; top: 18px; width: 9px; z-index: 1; } .webinar-automation-qa-popup-select i svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .webinar-automation-qa-popup-checkbox{ position: relative; padding: 0 0 16px 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .webinar-automation-qa-popup-checkbox-overwrite-hover,.webinar-automation-qa-popup-checkbox-accumulate-hover{ display: none; position: absolute; background: #fff; padding: 16px; border-radius: 6px; z-index: 3; top: 0; width: 270px; right: 0; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); } .webinar-automation-overwrite-chat-radio:hover .webinar-automation-qa-popup-checkbox-overwrite-hover{ display: block; } .webinar-automation-accumulate-chat-radio:hover .webinar-automation-qa-popup-checkbox-accumulate-hover{ display: block; } .webinar-automation-qa-popup-subcheckbox{ padding: 12px 0 0 24px; } .webinar-automation-qa-popup-checkbox span{ position: absolute; display: block; width: 14px; height: 14px; border: #dfe1e4 1px solid; box-sizing: border-box; cursor: pointer; left: 0; top: 3px; } .webinar-automation-qa-popup-checkbox span i{ position: absolute; display: none; width: 8px; height: 8px; background-color: #1089f5; left: 2px; top: 2px; } .webinar-automation-qa-popup-checkbox span.onactive i{ display: block; } .webinar-automation-qa-popup-section{ margin: 16px -24px 0; padding: 28px 24px; border-top: #dfe1e4 1px solid; } .webinar-automation-qa-popup-section-2{ margin: 0 -24px; padding: 28px 24px; border-top: #eaedf0 1px solid; } .webinar-automation-qa-popup-section-title{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.6px; font-weight: 600; } .webinar-automation-qa-popup-section-btn a{ display: inline-block; padding: 0 20px; height: 44px; background: #00c4b5; border-radius: 3px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .webinar-automation-qa-popup-section-text{ padding: 4px 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .webinar-automation-qa-popup-section-list{ display: block; list-style: none; } .webinar-automation-qa-popup-section-list li{ display: block; padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .webinar-automation-qa-popup-section-list li span{ font-weight: bold; } .webinar-automation-qa-popup-section-footer{ margin: 0 -24px -24px -24px; padding: 22px 32px; background: #f9f9ff; border-radius: 0 0 4px 4px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; } /* 20200702 */ #js-dashboard-breakout-room-permission { display: flex; } #js-dashboard-breakout-room-enabled, #js-dashboard-breakout-room-permission .new-dashboard-breakout-room-switch { display: flex; align-items: center; } #js-dashboard-breakout-room-enabled { margin-bottom: 24px; width: 70px; } #js-dashboard-breakout-room-enabled .breakout-room-show-list { padding: 0; } #js-breakout-room-body > .new-dashboard-breakout-room-switch-out:not(.submit-button), .new-dashboard-breakout-room-switch-out #js-breakout-room-assign-manually-content, .new-dashboard-breakout-room-switch-out.manually #js-breakout-room-assign-automatically-content, .breakout-room-show-list #js-breakout-room-assign-manually-tip, .breakout-room-show-list.manually #js-breakout-room-assign-automatically-tip{ display: none; } #js-breakout-room-body.enabled-br.interactive-mode > .new-dashboard-breakout-room-switch-out.br-permission, #js-breakout-room-body.enabled-br > .new-dashboard-breakout-room-switch-out:not(.br-permission):not(.submit-button), .new-dashboard-breakout-room-switch-out.manually #js-breakout-room-assign-manually-content, .new-dashboard-breakout-room-switch-out #js-breakout-room-assign-automatically-content, .breakout-room-show-list.manually #js-breakout-room-assign-manually-tip, .breakout-room-show-list #js-breakout-room-assign-automatically-tip { display: block; } .new-dashboard-breakout-room-switch{ display: inline-block; } .new-dashboard-breakout-room-show{ padding: 20px 0 0 0; } .new-dashboard-breakout-room-show-title{ padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-breakout-room-show-title .new-dashboard-breakout-room-show-tips { display: none; font-size: 12px; color: #e93e62; letter-spacing: -0.2px; margin-left: 12px; } .cannot-change-after-open .new-dashboard-breakout-room-show-title .new-dashboard-breakout-room-show-tips { display: inline-block; } .new-dashboard-breakout-room-show-select{ position: relative; background: #fff; border-radius: 3px; max-width: 368px; } .new-dashboard-breakout-room-show-select select{ display: block; position: relative; z-index: 2; background: transparent; height: 40px; border: #dfe1e4 1px solid; border-radius: 3px; box-sizing: border-box; padding: 0 32px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; -webkit-appearance: none; -moz-appearance: none; } .new-dashboard-breakout-room-show-select i{ display: block; position: absolute; right: 12px; top: 17px; width: 8px; z-index: 1; } .new-dashboard-breakout-room-show-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .breakout-room-show-list{ padding: 0 0 24px 0; } .breakout-room-show-list #br_duration { display: inline; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'Graphik', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 40px; padding: 0 12px; width: 70px; } .breakout-room-preconfigure{ font-size: 0; cursor: pointer; margin-top: 15px; } .breakout-room-preconfigure span{ position: relative; display: inline-block; vertical-align: middle; margin: 0 12px 0 0; border: #c4ccd9 1px solid; width: 16px; height: 16px; border-radius: 3px; box-sizing: border-box; background: #fff; } .breakout-room-preconfigure span i{ position: absolute; display: none; font-style: normal; width: 10px; height: 10px; left: 2px; top: 3px; } .breakout-room-preconfigure span i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .breakout-room-preconfigure b{ display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .breakout-room-preconfigure span.onactive{ border-color: #1089f5; } .breakout-room-preconfigure span.onactive i{ display: block; } .breakout-room-show-list-assgin{ font-size: 0; } .breakout-room-show-list-assgin span{ display: inline-block; vertical-align: top; margin: 0 12px 0 0; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; width: 178px; text-align: center; height: 40px; box-sizing: border-box; line-height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; cursor: pointer; } .breakout-room-show-list-assgin span.onactive{ border-color: #2196f3; color: #2b374d; } .breakout-room-intolist{ display: block; list-style: none; } .breakout-room-intolist > li{ position: relative; display: block; margin: -1px 0 0 0; background: #fff; } .breakout-room-intolist-in{ position: relative; background: #fafbfd; border: #edeef1 1px solid; border-radius: 3px; padding: 12px 16px 12px 38px; } .breakout-room-intolist-arr{ position: absolute; left: 16px; top: 17px; } .breakout-room-intolist > li.onactive .breakout-room-intolist-arr svg{ transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } .breakout-room-intolist-arr svg{ display: block; width: 9px; height: 9px; fill: #4c586e; transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); } .breakout-room-intolist-title, .breakout-room-intolist-title a{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .breakout-room-intolist-right{ position: relative; float: right; font-size: 0; } .breakout-room-intolist-numb{ margin: 0 16px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; display: inline-block; vertical-align: middle; } .breakout-room-intolist-more{ display: inline-block; vertical-align: middle; } .breakout-room-intolist-more-icon{ cursor: pointer; } .breakout-room-intolist-more-icon svg{ display: block; width: 12px; height: 12px; fill: #838fa5; } .breakout-room-intolist-more-list{ position: absolute; list-style: none; display: none; background: #fff; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); border-radius: 3px; right: 0; top: 24px; z-index: 3; } .breakout-room-intolist-more-list.assign-member-to-another{ display: block; top: unset; } .breakout-room-intolist-more-list > li{ display: block; } .breakout-room-intolist-more-list > li a{ display: block; padding: 11px 16px; white-space: nowrap; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .breakout-room-intolist-more.onactive .breakout-room-intolist-more-icon svg{ fill: #0a9af6; } .breakout-room-intolist-more.onactive .breakout-room-intolist-more-list{ display: block; } .breakout-room-user-list{ display: none; list-style: none; } .breakout-room-user-list > li{ display: block; padding: 12px 16px 12px 38px; border-bottom: #f5f7fa 1px solid; } .breakout-room-user-list-name{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .breakout-room-user-list-right{ float: right; font-size: 0; } .breakout-room-user-list-right-move{ display: inline-block; margin: 0 16px 0 0; vertical-align: middle; } .breakout-room-user-list-right-move a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #0a9af6; letter-spacing: -0.2px; } .breakout-room-user-list-right-switch{ display: inline-block; vertical-align: middle; } .breakout-room-user-list-right-switch a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #0a9af6; letter-spacing: -0.2px; } .breakout-room-user-list > li:hover .breakout-room-intolist-more-list > li:hover{ background: #f3faff; } .breakout-room-user-list > li:hover .breakout-room-user-list-right{ display: block; } .breakout-room-intolist > li.onactive .breakout-room-user-list{ display: block; } .breakout-room-addlist{ padding: 24px 0 0 0; } .breakout-room-addlist a{ display: inline-block; padding: 0 18px; height: 40px; line-height: 38px; border: #dfe1e4 1px solid; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; border-radius: 3px; overflow: hidden; } .breakout-room-addlist a:hover{ background-image: linear-gradient(to bottom, #f9fafb, #ffffff); } /* 20200702 end */ .manage-img-box{ font-size: 0; } .manage-img-box-img{ display: inline-block; vertical-align: middle; margin: 0 16px 0 0; max-width: 200px; max-height: 200px; } #js-attendance-monitor-image-box .manage-img-box-img { display: flex; justify-content: center; align-items: center; margin: 0 16px 0 0; width: 200px; height: 200px; max-width: unset; max-height: unset; } #js-attendance-monitor-image-box .manage-img-box-img > img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .manage-img-box-control{ display: inline-block; vertical-align: middle; } .manage-img-box-control a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .manage-file-upload-box{ font-size: 0; padding: 0 0 24px 0; } .manage-file-upload-box-input{ display: inline-block; vertical-align: middle; width: 350px; margin: 0 16px 0 0; } .manage-file-upload-box-input input{ display: block; width: 100%; padding: 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 44px; outline: none; box-sizing: border-box; } .manage-file-upload-box-btns{ display: inline-block; vertical-align: middle; } .manage-file-upload-box-btns-submit{ display: inline-block; height: 44px; width: auto; padding: 5px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; font-weight: 500; padding: 0 12px; background-image: linear-gradient(270deg, #0390F5 0%, #1DB3FA 100%); vertical-align: middle; border: none; border-radius: 3px; } .manage-file-upload-box-btns-choose{ display: inline-block; height: 44px; line-height: 44px; padding: 5px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; font-weight: 500; padding: 0 12px; border-radius: 3px; background-image: linear-gradient(270deg, #0390F5 0%, #1DB3FA 100%); vertical-align: middle; border: none; text-decoration: none; } .manage-ad-img-box-img{ display: block; margin: 0 0 16px 0; max-height: 80px; } .manage-ad-img-box-img img{ max-height: 80px; max-width: 666px; width: auto; } .manage-ad-img-box-add{ display: block; } .manage-ad-img-box-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; text-decoration: none; } .attendance-monitor-remove{ display: inline-block; } .new-dashboard-2019-section-list-text-3{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-text-4{ padding: 8px 0 24px 0; } .new-dashboard-2019-section-list-text-4 input{ display: block; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 40px; padding: 0 12px; } .new-dashboard-2019-section-list-booth-list{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-booth-list span{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; text-decoration: none; padding: 8px 0 0 0; } .new-dashboard-2019-section-list-booth-list-bg{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-2019-section-list-booth-list-bg span{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; text-decoration: none; padding: 8px 0 0 0; } .new-dashboard-2019-section-list-booth-list-bg img{ width: 200px; } #js-conference-booth-header-image img, #js-conference-booth-image img, #js-conference-booth-3d-background img, #js-conference-booth-brand-icon-image img, #js-conference-booth-3d-image img{ width: 200px; } span.dashboard-registrants-down-list-more{ right: 194px; width: auto; } span.dashboard-registrants-down-list-more > a{ position: relative; display: inline-block; height: 40px; line-height: 38px; width: auto; padding: 0 32px 0 16px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'SF Pro Text'; font-size: 16px; color: #4c586e; letter-spacing: -0.4px; font-weight: 500; } span.dashboard-registrants-down-list-more > a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } span.dashboard-registrants-down-list-more > a i{ position: absolute; top: 14px; right: 10px; } span.dashboard-registrants-down-list-more > a i svg{ display: block; width: 10px; height: 10px; fill: #4c586e; } .dashboard-registrants-down-list-more-list{ position: absolute; right: 0; top: 42px; z-index: 10; background: #fff; border-radius: 2px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); padding: 4px 0; list-style: none; display: none; } .dashboard-registrants-down-list-more-list li a{ display: block; padding: 8px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #263044; letter-spacing: -0.28px; font-weight: normal; background: none; border: none; line-height: normal; height: auto; white-space: nowrap; text-align: left; } .dashboard-registrants-down-list-more-list li a:hover{ background: #fafbfd; } /* 20220729 */ .new-dashboard-hotkeys-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .new-dashboard-hotkeys-list-box{ padding: 24px 0 0 0; } .new-dashboard-hotkeys-list{ display: flex; justify-content: left; align-items: center; gap: 16px; padding: 0 0 16px 0; } .new-dashboard-hotkeys-list-title{ width: 300px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; font-weight: 500; letter-spacing: -0.2px; flex: 0 1 auto; } .new-dashboard-hotkeys-list-input{ width: 200px; } .new-dashboard-hotkeys-list-input input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; padding: 0 12px; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; letter-spacing: -0.2px; } .new-dashboard-hotkeys-list-input input[type="text"][disabled] { background: #f5f5f5; border: #ccc 1px solid; cursor: default; } .new-dashboard-hotkeys-list-reset{ position: relative; } .new-dashboard-hotkeys-list-reset a{ display: flex; width: 32px; height: 32px; border: #dfe1e4 1px solid; border-radius: 3px; justify-content: center; align-items: center; } .new-dashboard-hotkeys-list-reset a svg{ display: block; width: 16px; height: 16px; fill: #02091a; } .new-dashboard-hotkeys-list-reset span{ display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; } .new-dashboard-hotkeys-list-reset span.hotkey-tips { cursor: pointer; } .new-dashboard-hotkeys-list-reset span svg{ display: block; width: 16px; height: 16px; fill: #02091a; } .new-dashboard-hotkeys-reset-show{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 36px; z-index: 5; background: #fff; border-radius: 5px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; letter-spacing: -0.2px; padding: 10px 12px; white-space: nowrap; } .new-dashboard-hotkeys-reset-show img{ width: 200px; } .new-dashboard-hotkeys-list-reset:hover .new-dashboard-hotkeys-reset-show{ display: block; } .new-dashboard-hotkeys-list-reset a.disabled{ pointer-events: none; } .new-dashboard-hotkeys-list-reset a.disabled svg{ fill: #9fa9be; } .new-dashboard-hotkeys-btns{ padding: 32px 0 0 0; } .new-dashboard-hotkeys-btns input{ display: inline-block; padding: 0 20px; width: auto; height: 40px; line-height: 40px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans'; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: -0.2px; box-sizing: border-box; box-shadow: none; } .new-dashboard-hotkeys-btns input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } /* 20220729 end */ .new-dashboard-2019-section-list-text-4 { padding: 8px 0 16px 0; } .new-dashboard-2019-ad-details-text{ padding: 0 0 24px 0; font-size: 15px; color: #2b374d; } .wrapper-create{ position: relative; background: #fff; overflow: hidden; min-height: 100%; } .nc-header-box{ position: relative; } .nc-channel-step-box{ padding: 16px 16px; } .nc-channel-step-img{ display: inline-block; width: 28px; height: 28px; overflow: hidden; vertical-align: middle; } .nc-channel-step-text{ display: inline-block; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #2b374d; vertical-align: middle; } .nc-channel-step-nav{ float: right; } .nc-channel-step-nav span{ display: inline-block; padding: 0 0 0 24px; } .nc-channel-step-nav span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; } .nc-channel-step-bg{ position: relative; height: 2px; background: #dfe1e4; overflow: hidden; } .nc-channel-step-bg-in{ position: absolute; left: 0; top: 0; height: 2px; background: #1089f5; } .nc-main{ padding: 24px 0 80px 0; } .nc-contents{ max-width: 456px; margin: 0 auto; } .nc-main-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #2b374d; text-align: center; padding: 0 0 20px 0; letter-spacing: -0.5px; } .nc-main-autofill{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #8692a2; text-align: center; padding: 0 0 32px 0; } .nc-main-list-box{ padding: 0 0 30px 0; } .nc-main-list-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #8692a2; letter-spacing: 1px; padding: 0 0 10px 0; } .nc-main-list-name-input{ position: relative; border-bottom: #dfe1e4 2px solid; padding: 5px 60px 10px 0 } .nc-main-list-name-input input{ border: none; background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; } .nc-main-list-name-input span{ display: block; position: absolute; top: 5px; right: 0; width: 50px; text-align: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; } .nc-main-list-tips, .nc-main-list-tips-2{ padding: 8px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; } .nc-main-list-tips a, .nc-main-list-tips-2 a{ color: #8692a2; } .nc-main-list-tips-2{ display: block; } .nc-main-list-when{ font-size: 0; } .nc-main-list-when > span{ display: inline-block; padding: 0 4px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; vertical-align: middle; letter-spacing: 0; } .nc-main-list-when > span:nth-child(1){ padding-left: 0; } .nc-main-list-when > span:nth-child(8){ padding-right: 0; } .nc-main-list-when-date{ position: relative; background: #fff; border: #dfe1e4 1px solid; border-radius: 3px; width: 146px; } .nc-main-list-when-date-in{ padding: 0 30px 0 8px; } .nc-main-list-when-date-in input{ display: block; border: none; border-radius: 0; background: none; padding: 0; height: 38px; width: 100%; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.3px; } .nc-main-list-when-date-icon{ position: absolute; top: 0; bottom: 0; right: 10px; line-height: 38px; font-size: 16px; color: #a2abbb; } .nc-main-list-when-hrs select{ display: block; background: none; border: none; padding: 0; width: 36px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-list-when-hrs .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; width: 36px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-list-when-hrs .customSelectInner{ background: none; height: 40px; line-height: 40px; text-align: center; text-indent: -3px; letter-spacing: -0.3px; white-space:nowrap; overflow: hidden; } .nc-main-list-when-ap select{ display: block; width: 60px; background: none; border: none; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-list-when-ap .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; width: 60px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-list-when-ap .customSelectInner{ background-image: url(../assets/when-arr-down.png); height: 40px; line-height: 40px; text-align: left; letter-spacing: -0.3px; background-size: 8px auto; background-position: 90% 50%; padding-left: 10px; white-space:nowrap; overflow: hidden; } .nc-main-list-when-long select{ display: block; width: 90px; background: none; border: none; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-list-when-long .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; width: 90px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-list-when-long .customSelectInner{ background-image: url(../assets/when-arr-down.png); height: 40px; line-height: 40px; text-align: left; letter-spacing: -0.3px; background-size: 8px auto; background-position: 90% 50%; padding-left: 10px; white-space:nowrap; overflow: hidden; } .nc-main-list-show{ font-size: 0; } .nc-main-list-show span{ display: inline-block; margin: 0 12px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abba; width: 96px; height: 40px; line-height: 40px; text-align: center; border: #dfe1e4 1px solid; border-radius: 3px; cursor: pointer; vertical-align: middle; } .nc-main-list-show span.onactive{ border-color: #2196f3; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; color: #2b374d; } .nc-main-list-show-text{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; vertical-align: middle; } .nc-main-list-region-select{ display: inline-block; margin: 0 12px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abba; vertical-align: middle; } .nc-main-list-region-select select{ display: block; width: 180px; background: none; border: none; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-list-region-select .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; width: 180px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-list-region-select .customSelectInner{ background-image: url(../assets/when-arr-down.png); height: 40px; line-height: 40px; text-align: left; letter-spacing: -0.3px; background-size: 8px auto; background-position: 95% 50%; padding-left: 10px; white-space:nowrap; overflow: hidden; } .nc-main-list-region-text{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; vertical-align: middle; } .nc-main-list-region-text a{ color: #009ef8; } .nc-main-list-time-zone{ padding: 8px 0 0 0; } .nc-main-list-time-zone select{ display: block; width: 100%; background: none; border: none; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-list-time-zone .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-list-time-zone .customSelectInner{ background-image: url(../assets/when-arr-down.png); height: 40px; line-height: 40px; text-align: left; letter-spacing: -0.3px; background-size: 8px auto; background-position: 97% 50%; padding-left: 10px; white-space:nowrap; overflow: hidden; } .nc-main-autofill-select{ padding: 0 0 32px 0; } .nc-main-autofill-select select{ display: block; width: 100%; background: none; border: none; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; box-sizing: content-box; } .nc-main-autofill-select .customSelect{ background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nc-main-autofill-select .customSelectInner{ background-image: url(../assets/when-arr-down.png); height: 40px; line-height: 40px; text-align: left; letter-spacing: -0.3px; background-size: 8px auto; background-position: 97% 50%; padding-left: 10px; padding-right: 30px; white-space:nowrap; overflow: hidden; } .nc-footer-box{ padding: 80px 0 0 0; } .nc-footer-btn{ max-width: 271px; margin: 0 auto; } .nc-footer-btn a{ display: block; height: 40px; line-height: 40px; text-align: center; background: #00c4b5; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #fff; letter-spacing: 0.5px; } .nc-main-temp-out{ /*position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ } .nc-main-temp{ padding: 100px 0 80px 0; } .nc-main-temp-contents{ max-width: 1160px; margin: 0 auto; } .nc-main-temp-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; text-align: center; padding: 0 0 30px 0; } .nc-main-temp-list{ display: block; list-style: none; margin: 0 -10px; } .nc-main-temp-list > li{ display: block; float: left; width: 272px; margin: 0 8px 40px; } .nc-main-temp-img{ padding: 0 0 32px 0; } .nc-main-temp-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #2b374d; padding: 0 0 24px 0; text-align: center; } .nc-main-temp-btn{ width: 112px; margin: 0 auto; } .nc-main-temp-btn span{ display: none; width: 11px; margin: 0 3px 0 0; vertical-align: middle; } .nc-main-temp-btn span svg{ display: block; width: 11px; height: 11px; fill: #fff; } .nc-main-temp-btn a{ display: block; height: 32px; line-height: 32px; background: #eaedf0; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #a2abbb; text-align: center; } .nc-main-temp-btn a.onactive{ background: #1089f5; color: #fff; } .nc-main-temp-btn a.onactive span{ display: inline-block; } .nc-main-build-box{ background: #fff; padding: 32px 0; } .nc-main-temp-build-title{ padding: 0 0 24px 0; } .nc-main-temp-build-title span{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 23px; color: #2b374d; letter-spacing: -0.8px; } .nc-main-temp-build{ float: right; width: 385px; } .nc-main-temp-build-btn{ float: right; width: 219px; } .nc-main-temp-build-btn a{ display: block; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: #00c4b5; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #fff; letter-spacing: 0.5px; } .nc-main-temp-build-preview-type-box{ display: inline-block; width: 64px; font-size: 0; vertical-align: middle; } .nc-main-temp-build-preview-type-box a{ display: inline-block; border: #dfe1e4 1px solid; width: 32px; height: 32px; background: #f4f6f8; } .nc-main-temp-build-preview-type-box a svg{ display: block; width: 14px; height: 14px; margin: 9px auto 0; fill: #ccd0d3; } .nc-main-temp-build-preview-type-box a:nth-child(1){ border-right: none; border-radius: 2px 0 0 2px; } .nc-main-temp-build-preview-type-box a:nth-child(2){ border-left: none; border-radius: 0 2px 2px 0; } .nc-main-temp-build-preview-type-box a.onactive{ background: none; border-color: #eaedf0; } .nc-main-temp-build-preview-type-box a.onactive svg{ fill: #4c586e; } .nc-main-temp-build-preview-type-box a:nth-child(1).onactive{ border-right: #eaedf0 1px solid; } .nc-main-temp-build-preview-type-box a:nth-child(2).onactive{ border-left: #eaedf0 1px solid; } .nc-main-temp-build-preview-nav-select{ display: inline-block; width: 220px; vertical-align: middle; margin: 0 0 0 16px; } .nc-main-temp-build-preview-nav-select-in{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; border: #eaedf0 1px solid; border-radius: 2px; height: 32px; } .nc-main-temp-build-preview-nav-select-in .dd{ border: none; border-radius: 0; padding: 0px 25px 0px 12px; background: none; line-height: 32px; height: 32px; } .nc-main-temp-build-preview-nav-select-in .dd .ddTitle{ background: none; } .nc-main-temp-build-preview-nav-select-in .dd .ddTitle .ddTitleText{ padding: 0; color: #2b374d; white-space:nowrap; overflow: hidden; } .nc-main-temp-build-preview-nav-select-in .dd .ddTitle .ddTitleText img, .nc-main-temp-build-preview-nav-select-in .ddcommon .ddChild li img { display: inline-block; width: 28px; height: 28px; padding: 0; margin: 0 10px 0 0; overflow: hidden; } .nc-main-temp-build-preview-nav-select-in .dd .arrow { background: none; border: none; border-radius: 0; width: 10px; height: 10px; right: auto; top: 11px; right: -17px; padding: 0; line-height: auto; } .nc-main-temp-build-preview-nav-select-in .dd .arrow:after { position: absolute; display: block; font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 10px; color: #2b374d; } .nc-main-temp-build-preview-nav-select-in .dd.borderRadiusTp .arrow:after{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .nc-main-temp-build-preview-nav-select-in .dd .ddChild{ left: 0; padding: 0; border: #eaedf0 1px solid; border-top: none; } .nc-main-temp-build-preview-nav-select-in .dd .ddChild li{ border: none; } .nc-main-temp-build-preview-nav-select-in .dd .ddChild li.selected{ background: none; color: #2b374d; } .nc-main-temp-build-preview-nav-select-in .borderRadiusTp ul li:last-child{ border-radius: 0 0 2px 2px; } .nc-main-temp-build-preview-nav-select-in .ddcommon .shadow{ box-shadow: 0 3px 5px rgba(0, 0, 0, .4); } .nc-maintemp-build-preview-theme-box{ display: inline-block; vertical-align: middle; margin: 0 0 0 0px; } .nc-main-temp-build-theme-color{ display: block; list-style: none; margin: 0 -2px; } .nc-main-temp-build-theme-color li{ position: relative; display: inline-block; margin: 0 1px 4px; width: 26px; height: 26px; border-radius: 13px; box-sizing: border-box; vertical-align: top; cursor: pointer; box-shadow: inset 0 0 0 2px transparent, 0 0 0 1px transparent; } .nc-main-temp-build-theme-color li span{ display: none; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .nc-main-temp-build-theme-color li .nc-main-temp-build-theme-color-c span{ display: block; } .nc-main-temp-build-theme-color li span svg, .nc-main-temp-build-theme-color-c span svg{ display: block; width: 10px; height: 10px; fill: #fff; } .nc-main-temp-build-theme-color li.onactive{ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #1089f5; } .nc-main-temp-build-theme-color li.onactive span{ display: block; } .nc-main-temp-build-theme-color li b{ font-size: 16px; font-weight: 700; color: #8692a2; text-align: center; display: block; line-height: 24px; } .nc-main-temp-build-theme-color li.nc-main-temp-build-theme-color-check{ width: 90px; border-radius: 14px; border: #eaedf0 1px solid; border-left: none; } .nc-main-temp-build-theme-color-t, .nc-main-temp-build-theme-color-c{ position: absolute; left: 1px; top: 1px; height: 22px; width: 22px; background: #f4f6f8; border-radius: 11px; text-align: center; font-size: 16px; font-weight: 700; color: #8692a2; z-index: 1; } .nc-main-temp-build-theme-color-c{ border: none; width: 22px; height: 22px; border-radius: 12px; } .nc-main-temp-build-theme-color-input{ position: absolute; width: 64px; top: 0; right: 0; } .nc-main-temp-build-theme-color-input input[type=text]{ height: 22px; width: 55px; border: none; background: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #2b374d; } .nc-main-temp-preview-box{ background: #f4f6f8; padding: 34px 0; } .nc-main-temp-preview-box-in{ position: relative; top: 0px; margin: 0px auto 50px; overflow: visible; width: 94%; z-index: 23; display: block; background: #fff; } @media screen and (max-width: 1023px) { .nc-maintemp-build-preview-theme-box{ display: none; } } @media screen and (max-width:768px) { .nc-main-temp-out{ position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nc-main-temp-list > li{ float: none; margin: 0 auto 40px; } } @media screen and (max-width:767px) { .nc-main{ padding: 24px 16px 80px; } .nc-main-list-when > span:nth-child(7){ display: none; } .nc-main-list-when > span:nth-child(8){ padding-left: 0; padding-top: 16px; padding-right: 12px; } .nc-main-list-tips-2{ display: inline-block; vertical-align: middle; } .nc-main-list-tips-2{ display: block; padding-top: 16px; } .nc-main-list-region-text{ display: block; padding-top: 16px; } } .general-section-header-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 26px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 10px 0; } .general-section-header-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #646d7b; letter-spacing: -0.2px; max-width: 745px; padding: 0 0 18px 0; } .general-section-header-text a{ color: #1089f5; } .general-section-content-2{ padding: 24px; } .general-section-table{ padding: 0 0 32px 0; } .general-section-table table tr th{ padding: 13px 12px; border-bottom: #eaedf0 2px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; color: #a2abbb; letter-spacing: 0.5px; text-align: left; } .general-section-table table tr:nth-child(even){ background: #f6f8fb; } .general-section-table table tr:nth-child(1){ background: none; } .general-section-table table tr td{ padding: 12px 12px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .general-section-table table tr td:nth-child(n+2){ /*color: #707b8c;*/ } .general-section-table table tr:nth-child(2) td{ /*padding-top: 19px;*/ } .general-section-table table tr:last-child td{ /*padding-bottom: 24px;*/ border-bottom: #eaedf0 2px solid; } .general-section-table table tr td a{ color: #1089f5; width: 6px; height: 10px; } .general-section-table-custom-field-handle{ display: inline-block; } .general-section-table table tr td a svg{ display: block; width: 10px; height: 10px; fill: #ccd0d3; } .general-section-table table tr td > a img{ width: 100%; height: 100%; } .general-section-table-add-btn a{ display: block; width: 121px; height: 36px; line-height: 36px; text-align: center; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .general-active-consent-table-add-btn a{ display: block; width: 171px; height: 36px; line-height: 36px; text-align: center; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border-radius: 2px; border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #4c586e; letter-spacing: -0.2px; } .general-section-table-add-btn a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .general-active-consent-table-add-btn a:hover{ background-image: linear-gradient(to bottom, #f9fafb, #ffffff); } .general-form-creation-popup-in{ position: relative; padding: 40px 48px 48px; background: #fff; } .general-form-cover-modal-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 28px; color: #2b374d; letter-spacing: -0.2px; text-align: center; padding: 0 0 29px 0; letter-spacing: -0.2px; } .general-registration-field-list{ padding: 0 0 26px 0; } .general-registration-field-list-no-padding{ padding: 0; } .general-registration-field-list-sub-items{ margin: 0 0 0 26px; } .general-registration-field-list.poll-select-type-tab { padding: 26px 0 0 0; } .general-registration-field-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 10px 0; word-break: break-word; } .general-registration-field-title a{ color: #1089f5; } .general-registration-field-title code{ font-size:12px } .general-registration-field-title-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 10px 0; } .general-registration-field-input textarea{ display: block; width: 100%; border: #def1e4 1px solid; border-radius: 3px; padding: 12px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .general-registration-field-input input{ display: block; width: 100%; border: #def1e4 1px solid; border-radius: 3px; height: 40px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .general-registration-field-input-select-wrapper{ position: relative; width: 200px; border: #dfe1e4 1px solid; border-radius: 3px; } .general-registration-field-input select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 44px; padding: 0 32px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .general-registration-field-input input:-ms-input-placeholder{ color:#a2abbb; } .general-registration-field-type{ padding: 0 0 12px 0; } .general-registration-field-type span{ display: inline-block; } .general-registration-field-type-multi-row span{ margin: 0 0 10px 0; } .general-registration-field-type span:nth-child(1){ padding: 0 8px 0 0; } .general-registration-field-type span a{ display: block; padding: 0 24px; height: 40px; line-height: 40px; border: #dfe1e4 1px solid; border-radius: 2px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #646d7b; letter-spacing: -0.2px; } .general-registration-field-type span a.onactive{ border-color: #2196f3; color: #2b374d; } .general-registration-field-type span a.close { display: none; } .general-registration-field-checkbox span{ display: block; padding: 0 0 13px 0; } .general-registration-field-checkbox span.recording-player-edit-seek-and-limit{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; } .general-registration-field-checkbox span.recording-player-edit-seek-and-limit input[type="number"] { width: 40px; } .recording-player-edit-seek-and-limit-error{ font-size: 14px; color:#989898; margin-left: 25px; margin-top: -12px; } .general-registration-field-checkbox span.recording-player-edit-seek-and-limit .prettycheckbox a{ margin-top: 3px; } .general-registration-field-checkbox span input[type="number"]{ font-size: 12px; width: 30px; } .general-registration-field-btn span{ display: inline-block; margin: 0 8px 0 0; } .general-registration-field-btn span#js-submit-enable-and-set-breakout-room{ margin-bottom: 15px; } .general-registration-field-btn span input{ display: block; height: 40px; padding: 0 32px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .general-registration-field-btn span input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .general-registration-field-btn span input:active{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .general-registration-field-btn span a{ display: block; width: 88px; height: 40px; line-height: 40px; text-align: center; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #2B374D; letter-spacing: -0.2px; } .general-registration-field-btn span a:hover{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .general-registration-field-btn span a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .general-registration-field-link span a{ width: 96px; height: 41px; } .general-form-close{ position: absolute; top: 12px; right: 12px; z-index: 1; } .general-form-close a{ display: block; } .general-form-close a svg{ display: block; width: 16px; height: 16px; fill: #ccd0d3; } .general-registration-field-select{ position: relative; padding: 0 0 7px 0; } .general-registration-field-select select{ position: relative; display: block; width: 100%; height: 40px; background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 28px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .errors select{ border: #e4483d 1px solid; background: #fff3f4; } .general-registration-field-select b{ position: absolute; display: block; right: 10px; top: 16px; width: 8px; z-index: 1; } .general-registration-field-select b svg{ display: block; width: 8px; height: 8px; fill: #2b374d; } .general-regisration-view-option-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .general-regisration-view-option-link a b{ display: inline-block; width: 8px; height: 8px; margin: 0 6px; } .general-regisration-view-option-link a b svg{ display: block; width: 8px; height: 8px; fill: #1089f5; } .general-regisration-view-option-link a.onactive b{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .general-regisration-view-option-list{ display: block; list-style: none; padding: 13px 0 26px 0; border-bottom: #dfe1e4 1px solid; } .general-regisration-view-option-list li{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #707b8c; letter-spacing: -0.2px; line-height: 1.5em; } .general-registration-field-own-list{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; height: 40px; line-height: 40px; padding: 0 45px 0 12px; margin: 0 0 12px 0; } .general-registration-field-own-list-value{ } .general-registration-field-own-list-color{ display:none; width: 200px; } .general-registration-field-webinar{ display:none; width: 420px; padding-right: 12px; border: unset; } .general-registration-field-webinar .webinar-custom-field-id{ width: 100%; } .general-registration-field-webinar .webinar-custom-field-id .select2-choice{ top: 0px; right: 0px; width: 100%; height: 40px; line-height: 40px; } .general-registration-field-own-list input{ display: block; width: 100%; height: 38px; border: none; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .general-registration-field-own-list select{ display: block; width: 100%; height: 38px; border: none; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; background: #fff; } .general-registration-field-own-list a{ display: block; position: absolute; width: 12px; height: 12px; top: 14px; right: 10px; } .general-registration-field-own-list a svg{ display: block; width: 12px; height: 12px; fill: #ccd0d3; } .general-registration-field-own-list-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .add-link-float { height: 10px; } .add-link-float a{ display: inline-block; float: left; } .general-registration-field-textarea textarea{ display: block; width: 100%; border: #def1e4 1px solid; border-radius: 3px; height: 137px; padding: 9px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; resize: none; box-shadow: none; /* padding-top: 30px; */ } .rec-manage-modalbox-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 22px; color: #2b374d; letter-spacing: -0.8px; text-align: center; padding: 12px 0 26px 0; } .rec-manage-modalbox-textarea{ padding: 0 0 16px 0; } .rec-manage-modalbox-textarea textarea{ resize: none; border: #dfe1e4 1px solid; border-radius: 3px; background: none; padding: 10px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.25em; } .rec-manage-modalbox-btn-1 a{ display: block; height: 40px; line-height: 40px; text-align: center; background: #00c4b5; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .rec-manage-modalbox-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 20px 0; } .upload-youtube-modal-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 10px 0; } .upload-youtube-user-text{ text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .upload-youtube-user-text img{ max-width: 100px; height: auto; border-radius: 50%; display: inline-block; } .rec-manage-modalbox-btn-2{ text-align: center; font-size: 0; } .rec-manage-modalbox-btn-2 span{ display: inline-block; padding: 0 4px; } .rec-manage-modalbox-btn-2 span a, .rec-manage-modalbox-btn-2 span input{ display: block; width: 180px; height: 40px; line-height: 40px; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.2px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); } .enter-webinar-app-btn{ text-align: center; font-size: 0; } .enter-webinar-app-btn span{ display: inline-block; padding: 0 4px 16px 0; } .enter-webinar-app-btn span a, .enter-webinar-app-btn span input{ display: block; width: 279px; height: 40px; line-height: 40px; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px; color: #fff; letter-spacing: -0.2px; border-radius: 3px; } .enter-webinar-app-btn span:nth-child(1) a{ background-image: linear-gradient(to left, #0390f5, #1db3fa); } .enter-webinar-app-btn span:nth-child(2) a{ background-color: #0B93D7; } .rec-manage-modalbox-btn-2 span:nth-child(1) a{ background-image: linear-gradient(to left, #0390f5, #1db3fa); } .rec-manage-modalbox-btn-2 span:nth-child(2) a{ background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: #dfe1e4 1px solid; color: #4c586e; font-weight: normal; } .rec-manage-modalbox-drag-area{ border: #dfe1e4 1px dashed; height: 245px; border-radius: 4px; padding: 32px 0; } .rec-manage-modalbox-drag-icon{ width: 42px; padding: 0 0 15px 0; margin: 0 auto; } .rec-manage-modalbox-drag-icon svg{ display: block; width: 42px; height: 42px; fill: #eaedf0; } .rec-manage-modalbox-drag-title{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 13px 0; } .rec-manage-modalbox-drag-text{ max-width: 85px; margin: 0 auto; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 20px 0; } .rec-manage-modalbox-drag-btn{ width: 200px; margin: 0 auto; } .rec-manage-modalbox-drag-btn a{ display: block; height: 32px; line-height: 32px; text-align: center; background: #a2abbb; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #ffffff; letter-spacing: -0.2px; } .rec-manage-modalbox-upload-box{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 14px 16px; } .rec-manage-modalbox-upload-icon{ float: left; width: 34px; } .rec-manage-modalbox-upload-text{ float: right; width: 100%; margin: 0 0 0 -47px; } .rec-manage-modalbox-upload-text-in{ margin: 0 0 0 47px; } .rec-manage-modalbox-upload-name{ display: table; height: 44px; width: 100%; } .rec-manage-modalbox-upload-name-cell{ display: table-cell; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; } .rec-manage-modalbox-upload-box-loading{ position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 0 0 3px 3px; overflow: hidden; } .rec-manage-modalbox-upload-box-loading-in{ position: absolute; left: 0; bottom: 0; height: 2px; background: #00c4b5; } .rec-manage-modalbox-btn-3{ text-align: center; font-size: 0; padding: 24px 0 0 0; } .rec-manage-modalbox-btn-3 span{ display: inline-block; padding: 0 4px; } .rec-manage-modalbox-btn-3 span a{ display: block; width: 228px; height: 40px; line-height: 40px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; border-radius: 3px; } .rec-manage-modalbox-btn-3 span:nth-child(1) a{ background-image: linear-gradient(to left, #0390f5, #1db3fa); } .rec-manage-modalbox-btn-3 span:nth-child(2) a{ background-color: #a2abbb; } .rec-manage-modalbox-btn-4{ text-align: center; font-size: 0; padding: 10px 0 0 0; } .rec-manage-modalbox-btn-4 span{ display: inline-block; padding: 0 4px; } .rec-manage-modalbox-btn-4 span a{ display: block; width: 228px; height: 40px; line-height: 40px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: -0.2px; border-radius: 3px; } .rec-manage-modalbox-btn-4 span:nth-child(1) a{ background-image: linear-gradient(to left, #0390f5, #1db3fa); } .rec-manage-modalbox-btn-4 span:nth-child(2) a{ background-color: #a2abbb; } .rec-manage-modalbox-text-2{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 20px 0; max-width: 284px; margin: 0 auto; } .rec-manage-modalbox-text-2 a{ color: #00c4b5; } .registrants-add-in{ padding: 0; position: relative; background: #fff; border-radius: 4px; } .registrants-add-top{ padding: 19px 28px; border-bottom: #dfe1e4 1px solid; } .registrants-add-top-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .registrants-add-form-close{ position: absolute; top: 20px; right: 28px; z-index: 1; } .registrants-add-form-close a{ display: block; } .registrants-add-form-close a svg{ display: block; width: 16px; height: 16px; fill: #717e94; } .registrants-add-contents{ padding: 28px 28px 0 28px; } .registrants-add-list{ padding: 0 28px 32px 28px; margin: 0 -28px; border-bottom: #eaedf0 1px solid; } .registrants-add-list-title{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.6px; font-weight: 600; } .registrants-add-list-btn{ margin-bottom: 20px; } .registrants-add-list-btn a.disabled{ background: #9ba8ad; width: auto; } .registrants-add-list-btn a{ display: block; width: 153px; height: 44px; text-align: center; line-height: 44px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .registrants-add-list-btn-2 a{ display: block; width: 157px; height: 44px; text-align: center; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .registrants-add-manually-list{ padding: 0 0 16px 0; display: flex; justify-content: left; align-items: start; } .registrants-add-manually-list span{ display: inline-block; margin: 0 12px 0 0; } .registrants-add-manually-list span:nth-child(1){ width: 160px; } .registrants-add-manually-list span:nth-child(2){ width: 160px; } .registrants-add-manually-list span:nth-child(3){ /*width: 248px;*/ margin: 0; flex: 0 1 auto; } .registrants-add-manually-list span:nth-child(4){ margin: 0 0 0 12px; flex: 0 1 auto; } .registrants-add-manually-list span input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .registrants-add-manually-list-add{ padding: 2px 0 19px 0; } .registrants-add-manually-list-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: 500; } .registrants-add-footer{ padding: 22px 32px; background: #f9f9ff; border-radius: 0 0 4px 4px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; } .registrants-add-footer span{ font-weight: 500; } .registrants-add-list-btn-2 input{ display: block; width: 157px; height: 44px; text-align: center; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .registrants-add-list-2{ padding: 0 28px 32px 28px; margin: 0 -28px; } .registrants-add-list-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 8px 0; } .pro-badge-rectangle{ float:right; width: 37px; height: 19px; border-radius: 4px; background-color: #e2f1ff; } .pro-badge{ width: 37px; height: 19px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 18px; letter-spacing: -0.4px; text-align: center; color: #1089f5; margin:0; padding: 0; } .registrants-add-list-title-3{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 18px 0; } .registrants-add-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 16px 0; } .registrants-add-list-text a{ color: #1089f5; } .registrants-add-list-img-box{ font-size: 0; } .registrants-add-list-img-box span{ display: inline-block; vertical-align: middle; } .registrants-add-list-img-box span:nth-child(1){ max-height: 64px; height: auto; width: auto; margin: 0 16px 0 0; } .registrants-add-list-img-box-change{ padding: 0 0 6px 0; } .registrants-add-list-img-box-change a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .registrants-add-list-img-box-delete a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .registrants-add-list-input input{ width: 100%; border-radius: 3px; border: solid 1px #dfe1e4; padding: 0 12px; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; display: block; } .registrants-add-list-input span{ display: inline-block; width: 200px; margin: 0 8px 0 0; vertical-align: middle; } .registrants-add-list-input{ position: relative; font-size: 15px; color: #717e94; font-family: 'ModernSans', Arial, Helvetica, sans-serif; letter-spacing: -0.2px; } .registrants-add-list-input select{ position: relative; display: block; width: 100%; height: 40px; background: #fff; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 28px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; } .registrants-add-list-input b{ position: absolute; display: block; right: 10px; top: 16px; width: 8px; z-index: 1; } .registrants-add-list-input b svg{ display: block; width: 8px; height: 8px; fill: #2b374d; } .channel-settings-timezone-out{ padding-top: 12px; } .channel-settings-timezone-tips{ position: relative; font-size: 15px; color: #a7adb7; font-family: 'ModernSans', Arial, Helvetica, sans-serif; letter-spacing: -0.2px; padding-right: 70px; /* padding-left: 26px; */ } .registrants-add-list-btn-3{ font-size: 0; } .registrants-add-list-btn-3 input{ cursor: pointer; } .registrants-add-list-btn-3 span{ display: inline-block; } .registrants-add-list-btn-3 span:nth-child(1){ padding: 0 11px 0 0; } .registrants-add-list-btn-3 span:nth-child(1) a,.registrants-add-list-btn-3 span:nth-child(1) button{ display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.2px; } .registrants-add-list-btn-3 span:nth-child(1) input{ display: inline-block; height: 44px; line-height: 42px; padding: 0 20px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .registrants-add-list-btn-3 span:nth-child(2) a{ display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.4px; } .registrants-add-list-btn-3 span:nth-child(3) a{ display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.4px; } .registrants-add-list-btn-3 span:nth-child(3){ padding-left: 11px; } .registrants-add-list-btn-3 span:nth-child(1) input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .registrants-add-list-btn-3 span:nth-child(1) a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd) } .registrants-add-list-btn-3 span:nth-child(1) a:active{ box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .registrants-add-list-btn-3 span:nth-child(2) a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .registrants-add-list-btn-3 span:nth-child(3) a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .cl-channel-name-edit{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 15px; letter-spacing: -0.2px; padding-bottom: 10px; } .billing-dial-box{ padding: 24px; background-color: #fff; border-radius: 4px; } .billing-dial-box-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; color: #2b374d; letter-spacing: -0.1px; } .billing-dial-box-title span{ display: block; position: absolute; width: 14px; right: 0; top: 3px; } .billing-dial-box-title span a svg{ display: block; width: 14px; height: 14px; fill: #717e94; } .billing-dial-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; padding: 16px 0 32px 0; max-width: 512px; } .billing-dial-box-choose-box{ padding: 0 0 32px 0; } .billing-dial-box-choose-box-list{ float: left; width: 270px; font-size: 0; } .billing-dial-box-choose-box-price{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; padding: 12px 0 0 0; } .billing-dial-box-choose-box-list span{ display: inline-block; cursor: pointer; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 20px; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #a2abbb; letter-spacing: -0.2px; font-weight: 500; } .billing-dial-box-choose-box-list span:nth-child(1){ margin: 0 12px 0 0; } .billing-dial-box-choose-box-list span.onactive{ border-color: #2196f3; color: #2b374d; } .billing-dial-box-feature-box{ margin: 0 -24px; padding: 0 24px 24px; border-bottom: #dfe1e4 1px solid; } .billing-dial-box-feature-box-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #1d84e1; font-weight: 600; letter-spacing: 0.5px; padding: 0 0 24px 0; } .billing-dial-box-feature-box-list{ display: block; list-style: none; font-size: 0; } .billing-dial-box-feature-box-list li{ display: inline-block; width: 50%; padding: 0 0 12px 0; font-size: 0; } .billing-dial-box-feature-box-list li i{ display: inline-block; font-style: normal; margin: 0 12px 0 0; vertical-align: middle; } .billing-dial-box-feature-box-list li i svg{ display: block; width: 14px; height: 14px; fill: #dbe0e8; } .billing-dial-box-feature-box-list li span{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; border-bottom: rgba(47, 176, 236, 0.66) 1px dashed; } .billing-dial-box-feature-box-list li.onactive i svg{ fill: #00c4b5; } .billing-dial-box-regions{ margin: 0 -24px; padding: 24px; border-bottom: #dfe1e4 1px solid; } .billing-dial-box-regions-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .billing-dial-box-regions-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; } .billing-dial-box-regions-text a{ color: #1089f5; } .billing-dial-box-regions-list{ display: block; list-style: none; } .billing-dial-box-regions-list li{ display: block; padding: 0 0 14px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .billing-dial-box-regions-list li > a{ color: #1089f5; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .billing-dial-box-regions-list li span{ position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 10px 0 0; border: #dfe1e4 1px solid; background-color: #fff; cursor: pointer; } .billing-dial-box-regions-list li span i{ position: absolute; display: none; width: 8px; height: 8px; background-color: #1089f5; left: 2px; top: 2px; } .billing-dial-box-regions-list li span.onactive{ box-shadow: none; } .billing-dial-box-regions-list li span.onactive i{ display: block; } .billing-dial-box-regions-list li b{ font-style: normal; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 16px; height: 16px; } .billing-dial-box-regions-list li b a svg{ display: block; width: 16px; height: 16px; fill: #eaedf0; } .billing-dial-box-btn{ padding: 28px 0 0 0; } .billing-dial-box-btn a{ display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.4px; } .billing-dial-box-countries-header{ padding: 0 0 16px 0; } .billing-dial-box-countries-header table tr td{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .billing-dial-box-countries-header table tr td:nth-child(2){ padding: 0 0 0 20px; width: 360px; } .billing-dial-box-countries-checkbox{ width: 14px; } .billing-dial-box-countries-checkbox span{ position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; border: #dfe1e4 1px solid; background-color: #fff; cursor: pointer; } .billing-dial-box-countries-checkbox span i{ position: absolute; display: none; width: 8px; height: 8px; background-color: #1089f5; left: 2px; top: 2px; } .billing-dial-box-countries-checkbox span.onactive{ box-shadow: none; } .billing-dial-box-countries-checkbox span.onactive i{ display: block; } .billing-dial-box-countries-list{ margin: 0 -24px; border-top: #dfe1e4 1px solid; border-bottom: #dfe1e4 1px solid; height: 380px; overflow: auto; } .billing-dial-box-countries-list table tr td{ height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .billing-dial-box-countries-list table tr:nth-child(odd) td{ background-color: #f9fafc; } .billing-dial-box-countries-list table tr td:nth-child(1){ padding-left: 24px; } .billing-dial-box-countries-list table tr td:nth-child(2){ padding-left: 20px; } .billing-dial-box-countries-list table tr td:nth-child(3){ padding-left: 12px; width: 320px; } .billing-dial-box-btn-2{ padding: 28px 0 0 0; font-size: 0; } .billing-dial-box-btn-2 span{ display: inline-block; } .billing-dial-box-btn-2 span:nth-child(1){ margin: 0 16px 0 0; } .billing-dial-box-btn-2 span a{ display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; } .billing-dial-box-btn-2 span:nth-child(1) a{ background-color: #1089f5; font-weight: 600; color: #fff; } .billing-dial-box-btn-2 span:nth-child(2) a{ border: #dfe1e4 1px solid; background-image: -webkit-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: -o-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: -moz-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: linear-gradient(to bottom, #ffffff, #f9fafb); color: #4c586e; font-weight: 500; } .nfr-contents{ margin: 16px -24px 0; padding: 28px 24px 0; border-top: #eaedf0 1px solid; } .nfr-details-list{ padding: 0 0 28px 0; } .nfr-details-list-title{ padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .nfr-details-list-input input{ display: block; width: 100%; border-radius: 3px; border: #dfe1e4 1px solid; padding: 0 12px; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .nfr-details-list-input input.error{ background-color: #fff3f4; } .nfr-details-list-text{ padding: 12px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .nfr-details-list-input textarea{ height: 88px; resize: none; padding: 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; display: block; width: 100%; border-radius: 3px; border: #dfe1e4 1px solid; } .new-dashboard-section-2-live-box-popup-text{ padding: 0 0 28px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .new-dashboard-section-2-live-box-popup-bottom{ margin: 28px -24px -24px; padding: 22px 24px 24px 24px; background-color: #f9f9ff; border-radius: 0 0 4px 4px; } .new-dashboard-section-2-live-box-popup-bottom-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; padding: 0 0 16px 0; } .new-dashboard-section-2-live-box-popup-bottom-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; font-weight: 500; } #js-custom-fields-title, #js-consent-checkbox-title, .custom-field-title{ margin: 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; color: #a2abbb; } .custom-field-title a{ color: #1089f5; } .general-registration-field-order{ position: relative; } .general-registration-field-order a{ width: 6px; height: 10px; display: block; position: absolute; top: -36px; right: -23px; } .general-registration-field-order a img{ width: 100%; height: 100%; } .crf-set-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 600; letter-spacing: -0.2px; padding: 0 0 16px 0; } .crf-set-section{ padding: 0 0 24px 0; } .crf-set{ padding: 0 0 24px 0; } .crf-set-left{ max-width: 560px; } .crf-set-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 12px 0; } .crf-set-list-input input{ display: block; width: 100%; border: #eaedf0 1px solid; border-radius: 3px; height: 40px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .crf-set-list-input label{ color: #717e94; } .crf-set-btn input{ display: inline-block; background: linear-gradient(90deg, #1DB3FA 0%, #0390F5 100%); border-radius: 3px; padding: 0 12px; height: 32px; width: 100px; line-height: 32px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; } .general-registration-list-title{ display: flex; justify-content: left; align-items: center; cursor: pointer; } .general-registration-list-title span{ font-size: 15px; color: #717e94; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 16px 0; } .general-registration-list-title i{ margin: 0 0 16px 8px; } .general-registration-list-title i svg{ display: block; width: 12px; height: 12px; opacity: 0.6; } .general-registration-list-title.onactive i svg{ transform: rotate(90deg); } .general-registration-list-box{ padding: 0 0 12px 12px; } .general-registration-field-radio-list { margin-right: 32px; } .general-registration-field-radio-description-btn{ position: relative; } .general-registration-field-radio-description-btn a{ position: absolute; top: -46px; right: 0px; width: 24px; height: 24px; border: #d1dbe7 1px solid; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .general-registration-field-radio-description-btn a svg{ display: block; width: 14px; height: 14px; fill: #6f7d9b; } .general-registration-field-radio-description-btn a.onactive{ background: #97a0ac; } .general-registration-field-radio-description-btn a.onactive svg{ fill: #fff } .general-registration-field-radio-description-btn-tips{ position: absolute; padding: 8px 12px; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); border-radius: 4px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #02091a; white-space: nowrap; top: 32px; right: 0; display: none; z-index: 30; } .general-registration-field-radio-description-btn a:hover .general-registration-field-radio-description-btn-tips{ display: block; } .custom-field-type span{ padding-bottom: 10px; } .series-left-details-section-area{ margin: 16px 0; display: block; width: 100%; padding: 12px 44px 12px 12px; background-color: #fff; border-radius: 3px; resize: none; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; line-height: 1.2em; letter-spacing: -0.2px; } .general-registration-webinar-selector{ border: none; padding-left: 0; padding-right: 32px; } .transform-data-list{ padding-left: 26px; } .transform-data-list select{ font-weight: 400; } .merge-field-errors{ display: none; color: #ff0000; } #js-dropdown-list-country.disabled { pointer-events: none; } /*custom checkbox field*/ .template-all-custom-filed-checkbox { position: relative; padding: 0 0 10px 28px; font-size: 14px; color: #2b374d; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .template-all-custom-filed-checkbox span.custom_fields_checkbox { display: block; position: absolute; width: 16px; height: 16px; border-radius: 3px; background: #fff; border: solid 1px #1089f5; left: 0; top: 0; text-align: center; line-height: 14px; cursor: pointer; outline: none; } .template-all-custom-filed-checkbox span.custom_fields_checkbox i { display: none; font-style: normal; color: #1089f5; font-size: 12px; font-weight: bold; } .template-all-custom-filed-checkbox span.custom_fields_checkbox.onactive i { display: inline; } .template-all-custom-filed-checkbox.widget-form-error .widget-form-error-text { display: block; } .template-all-custom-filed-checkbox span.disabled{ background: #e6eaf3; color: #c1c9db; pointer-events: none; } .template-all-gdpr-nano-box { font-family: 'ModernSans', Arial, Helvetica, sans-serif; } /*custom checkbox field*/ .errtext { color: #e93e37; font-size: 14px; line-height: 1.5em; padding: 0 0 15px 0; } .upload-ytb-outbox{ position: relative; max-width: 412px; margin: 0 auto; background: #fff; border-radius: 4px; overflow: hidden; padding: 43px 0 40px 0; } .upload-ytb-title-1{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #2b374d; letter-spacing: -0.3px; text-align: center; padding: 0 40px 13px; } .upload-ytb-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #2b374d; letter-spacing: -0.3px; text-align: center; padding: 0 40px 21px; } .upload-ytb-text-1{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 40px 19px; text-align: center; } .upload-ytb-text-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 40px 19px; text-align: center; } .upload-ytb-text-2 a{ color: #00c4b5; } .upload-ytb-btn-1{ padding: 0 40px 8px; } .upload-ytb-btn-1 a{ display: block; height: 40px; line-height: 40px; text-align: center; background: #00c4b5; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #fff; letter-spacing: -0.2px; } .upload-ytb-btn-2{ padding: 0 40px; } .upload-ytb-btn-2 a{ display: block; height: 40px; line-height: 40px; text-align: center; background: #eaedf0; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .upload-ytb-list{ padding: 0 40px 20px; } .upload-ytb-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #717e94; letter-spacing: -0.6px; padding: 0 0 10px 0; } .upload-ytb-list-account{ border: #dfe1e4 1px solid; border-radius: 3px; padding: 6px 8px; height: 40px; } .upload-ytb-list-img{ display: inline-block; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; margin: 0 8px 0 0; vertical-align: middle; } .upload-ytb-list-name{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .upload-ytb-list-btn{ padding: 6px 0 0 0; } .upload-ytb-list-btn a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #00c4b5; letter-spacing: -0.2px; } .upload-ytb-list-btn-2{ padding: 6px 0 0 0; } .upload-ytb-list-btn-2 a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #00c4b5; letter-spacing: -0.2px; } .upload-ytb-list-privacy{ font-size: 0; } .upload-ytb-list-privacy span{ display: inline-block; width: 158px; height: 36px; line-height: 36px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; text-align: center; vertical-align: top; } .upload-ytb-list-privacy span:nth-child(1){ margin: 0 8px 0 0; } .upload-ytb-list-privacy span.onactive{ border-color: #2196f3; color: #2b374d; } .upload-ytb-list-btn-box{ font-size: 0; padding: 15px 40px 0; } .upload-ytb-list-btn-box span{ display: inline-block; } .upload-ytb-list-btn-box span a, .upload-ytb-list-btn-box span input[type="submit"], .upload-ytb-list-btn-box span input[type="button"]{ display: block; width: 158px; height: 40px; line-height: 40px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -0.2px; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); } .yt-upload-button{ display: block; width: 158px; height: 40px; line-height: 40px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -0.2px; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); margin: 0 8px 0 0; background: #00c4b5; color: #fff; } .upload-ytb-list-btn-box span:nth-child(1){ margin: 0 8px 0 0; } .upload-ytb-list-btn-box span:nth-child(1) a, .upload-ytb-list-btn-box input[type="submit"], .upload-ytb-list-btn-box input[type="button"]{ background: #00c4b5; color: #fff; } .upload-ytb-list-btn-box span:nth-child(2) a{ background: #eaedf0; color: #2b374d; } .upload-ytb-complete-icon{ width: 56px; margin: 0 auto; padding: 0 0 19px 0; } .upload-ytb-list-youtube-link-box input{ border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 10px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; } .upload-ytb-upload-bigmaker{ border-top: #eaedf0 1px solid; margin: 24px 0 0 0; padding: 30px 40px 0; } .upload-ytb-upload-youtube{ border-bottom: #eaedf0 1px solid; margin: 0 0 32px 0; padding: 0 40px 20px; } .upload-ytb-upload-list-box{ padding: 26px 40px; } .upload-ytb-upload-list-box-2{ padding: 0 40px 26px; } .pm-create-wrapper{ position: relative; background: #fff; min-height: 100%; } .pm-create-header-box{ background: #fff; padding: 16px; border-bottom: #dfe1e4 1px solid; } .pm-create-header-channel-img{ display: inline-block; width: 28px; height: 28px; overflow: hidden; vertical-align: middle; } .pm-create-header-channel-text{ display: inline-block; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px; color: #2b374d; letter-spacing: -0.5px; vertical-align: middle; } .pm-create-header-close{ float: right; padding: 6px 0 0 0; } .pm-create-header-close a{ display: block; width: 16px; } .pm-create-header-close a svg{ display: block; width: 16px; height: 16px; fill: #b4b7ba; } .pm-create-main{ background: #f8f9fb; } .pm-create-left{ position: relative; float: left; width: 55%; min-height: 100%; background: #fff; } .pm-create-right{ float: right; width: 45%; min-height: 100%; background: #f8f9fb; } .pm-create-contents-l{ display: block; width: 94%; max-width: 584px; margin: 0 auto; } .pm-create-contents-r{ display: block; width: 94%; max-width: 470px; margin: 0 auto; } .pm-create-contents-padding{ padding: 42px 0 60px 0; } .pm-create-list-box{ padding: 0 0 32px 0; } .pm-create-list-box-2{ padding: 0 0 5px 0; } .pm-create-list-box-3{ padding: 0 0 42px 0; } .pm-create-list-box-4{ padding: 0 0 5px 0; } .pm-create-list-section{ padding: 0 0 32px 0; border-bottom: #dae0e9 1px solid; margin: 0 0 32px 0; } .pm-create-list-box-4 span{ display: block; width: 48%; } .pm-create-list-box-4 span:nth-child(1){ float: left; } .pm-create-list-box-4 span:nth-child(2){ float: right; } .pm-create-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; padding: 0 0 24px 0; } .pm-create-list-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 12px 0; } .pm-create-list-type-choose{ font-size: 0; padding: 0 0 16px 0; } .pm-create-list-type-choose span{ display: inline-block; vertical-align: text-top; padding: 0 20px; height: 44px; line-height: 42px; margin: 0 12px 0 0; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; font-weight: 500; cursor: pointer; } .pm-create-list-type-choose span.onactive{ border-color: #2196f3; color: #4c586e; } .pm-create-list-type-choose-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; } .pm-create-popup-deatils{ display: block; list-style: none; font-size: 0; box-shadow: inset 0 -3px 0 #f4f6f8; margin: 0 0 40px 0; } .pm-create-popup-deatils li{ display: inline-block; margin: 0 32px 0 0; } .pm-create-popup-deatils li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.4px; font-weight: 500; padding: 0 0 18px 0; } .pm-create-popup-deatils li a.onactive{ color: #2b374d; border-bottom: #1089f5 3px solid; } .pm-create-list-radio-box span{ display: inline-block; margin: 0 10px 0 0; } .pm-create-list-radio .prettycheckbox.green a, .pm-create-list-radio .prettyradio.green a{ margin: 6px 0 0 0; } .pm-create-list-radio .prettyradio label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #2b374d; margin-top: 3px; } .pm-create-list-input-box{ padding: 0 0 7px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .pm-create-list-input-box-greyout-for-freshworks input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; height: 40px; background: #ededed; } .pm-create-list-input-box-greyout-for-freshworks { padding: 0 0 7px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .pm-create-list-input-box textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .pm-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; letter-spacing: -0.2px; padding: 0 0 16px 0; } .pm-create-list-input-box input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; height: 40px; } .pm-create-list-input-box.offer-height-and-width{ display: inline-block; margin-right: 29px; } .pm-create-list-input-box.offer-height-and-width input{ display: inline-block; width: 100px; } .pm-create-list-input-box textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 10px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; height: 100px; } .reg_checkbox label{ display: block; margin: 0px 5px 3px 27px; cursor: pointer; letter-spacing: -.5px; } .pm-create-list-input-numb{ text-align: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; } .pm-create-list-img-size{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 18px 0; } .pm-create-img-box{ font-size: 0; } .pm-create-img-show{ display: inline-block; width: 212px; /*height: 123px;*/ margin: 0 12px 0 0; vertical-align: middle; background: #f4f6f8; /*overflow: hidden;*/ } .pm-create-img-show-2{ display: inline-block; width: 81px; height: 120px; margin: 0 12px 0 0; vertical-align: middle; background: #f4f6f8; } .pm-create-img-control{ display: inline-block; vertical-align: middle; } .pm-create-img-control-change a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #0a9af6; letter-spacing: -0.2px; } .pm-create-img-control-remove a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .pm-create-build-theme-color{ display: inline-block; list-style: none; margin: 0 -2px; } .pm-create-build-theme-color li{ position: relative; display: inline-block; margin: 0 3px 6px; width: 26px; height: 26px; border-radius: 13px; box-sizing: border-box; vertical-align: top; cursor: pointer; box-shadow: inset 0 0 0 2px transparent, 0 0 0 1px #ccd0d3; } .pm-create-build-theme-color li.onactive{ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #1089f5; } .pm-create-build-theme-color li.onactive span{ display: block; } .pm-create-build-theme-color li b{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; color: #2b374d; text-align: center; display: block; line-height: 24px; } .pm-create-build-theme-color li.pm-create-build-theme-color-check{ width: 90px; border-radius: 14px; border: #eaedf0 1px solid; border-left: none; box-shadow: inset 0 0 0 2px transparent, 0 0 0 1px transparent; } .pm-create-build-theme-color-t, .pm-create-build-theme-color-c{ position: absolute; left: 0; top: 0; height: 24px; width: 24px; background: #f4f6f8; border-radius: 13px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; color: #2b374d; line-height: 22px; z-index: 1; border: #fff 2px solid; box-sizing: border-box; box-shadow: 0 0 0 1px #eaedf0; } .pm-create-build-theme-color-c{ border: none; width: 24px; height: 24px; border-radius: 12px; } .pm-create-build-theme-color-input{ position: absolute; width: 64px; top: 0; right: 0; } .pm-create-build-theme-color-input input{ height: 24px; width: 55px; border: none; background: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #2b374d; } .pm-create-text-color-box{ display: inline-block; padding: 0 0 0 24px; } .pm-create-btn-text-color{ display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } .pm-create-btn-text-color span{ display: inline-block; width: 16px; height: 16px; background: #fff; border: #dfe1e4 1px solid; border-radius: 50%; cursor: pointer; margin: 0 5px 0 0; vertical-align: middle; } .pm-create-btn-text-color span i{ display: none; width: 10px; height: 10px; margin: 2px auto 0; border-radius: 50%; background: #00c4b5; } .pm-create-btn-text-color span.onactive i{ display: block; } .pm-create-btn-text-color b{ display: inline-block; width: 18px; vertical-align: middle; } .pm-create-btn-text-color p{ display: inline-block; margin: 0; padding: 0; width: 31px; height: 26px; text-align: center; line-height: 26px; border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.3px; } .pm-create-left-btn-box{ border-top: #dfe1e4 1px solid; padding: 27px 0 0 0; } .pm-create-left-btn-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 26px 0; } .pm-create-left-btn span{ display: inline-block; } .pm-create-left-btn span:nth-child(1){ padding: 0 8px 0 0; } .pm-create-left-btn span:nth-child(1) a, .pm-create-left-btn span:nth-child(1) input{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; border-width:0; cursor: pointer; } .pm-create-left-btn span:nth-child(1) a, .pm-create-left-btn span:nth-child(1) input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .pm-create-left-btn span:nth-child(2) a{ display: inline-block; width: 95px; height: 40px; line-height: 38px; border-radius: 3px; text-align: center; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; text-decoration: none; } .pm-create-right-title{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; color: #2b374d; letter-spacing: -0.5px; padding: 0 0 6px 0; } .pm-create-right-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 29px 0; } .pm-popup-modal-box{ width: 360px; margin: 0 auto; } .pm-popup-modal-box-slideout{ position: absolute; bottom:10px; left:10px; z-index: 20; display:none; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background: #fff; } .enable-green-room .pm-popup-modal-box-slideout { left: 58px; } .pm-popup-modal-box-2{ width: 470px; margin: 0 auto; background: #fff; font-size: 0; } .pm-popup-modal-box-3{ width: 420px; margin: 0 auto; padding: 6px; background-color: #fff; font-size: 0; } .pm-popup-modal-body{ display: inline-block; background: #fff; padding: 8px 0 8px 16px; text-align: left; max-width: 248px; vertical-align: text-top; box-sizing: border-box; } .pm-popup-modal-body-2{ display: inline-block; background: #fff; padding: 15px 53px 24px 32px; max-width: 308px; vertical-align: top; text-align: left; box-sizing: border-box; } .pm-popup-modal-top{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 12px; color: #1089f5; letter-spacing: 0.5px; padding: 0 0 7px 0; } .pm-popup-modal-title, .pm-popup-modal-click-title{ /*max-width: 280px;*/ margin: 0 auto; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; letter-spacing: -0.5px; color: #2b374d; line-height: 1.2em; padding: 0 0 10px 0; overflow: hidden; word-break: break-word; } .pm-popup-modal-regular{ text-decoration: line-through; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #a2abbb; letter-spacing: -0.3px; padding: 0 0 8px 0; } .pm-popup-modal-now, .pm-popup-modal-click-description{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; letter-spacing: -0.5px; padding: 0 0 14px 0; } .pm-popup-modal-btn a{ display: inline-block; padding: 10px 24px; /*height: 36px;*/ line-height: 20px; background: #00c4b5; border-radius: 4px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; color: #fff; letter-spacing: -0.2px; text-decoration: none; } .pm-popup-modal-btn a:hover{ background-image: linear-gradient(to bottom, #09d5c5, #00c4b5); } .pm-popup-modal-btn a:active{ box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .pm-popup-modal-box-2-img{ display: inline-block; width: 162px; } .pm-create-list-box-2.pm-error .pm-create-list-input-box input, .pm-create-list-box-2.pm-error .pm-create-list-input-box textarea{ border-color: #f35b59 } .pm-create-list-box-2.pm-error .pm-create-list-input-numb{ color: #f35b59; } .pre-load-offer-section{ border: #dfe2e4 1px solid; padding: 24px 24px 0; } .pre-load-offer-btn{ /*position: absolute; width: 116px; right: 0; top: 0*/ float: right; width: 116px; margin-top: -10px; } .pre-load-offer-btn a{ display: block; height: 36px; line-height: 36px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; box-shadow: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .pre-load-offer-btn a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .new-dashboard-section-2-widgets{ padding: 24px 0; } .new-dashboard-section-2-widgets-2{ padding: 24px 0 0 0; } .pre-load-offer-contents{ padding: 24px; } .pre-load-offer-list{ position: relative; margin: 0 -24px; padding: 24px 24px; border-top: #dfe1e4 1px solid; } .per-load-offer-list-none{ text-align: center; padding: 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-style: italic; font-size: 17px; color: #a2abbb; letter-spacing: -0.2px; } .pre-load-offer-list-img{ float: left; width: 72px; height: 72px; overflow: hidden; vertical-align: middle; text-align: center; } .pre-load-offer-list-img img{ width: 100%; /*height: 100%;*/ background-repeat: no-repeat;; background-position: center; background-size: 100%; } .pre-load-offer-list-right{ float: right; width: 100%; margin: 0 0 0 -88px; } .pre-load-offer-list-right-in{ margin: 0 0 0 88px; padding: 0 105px 0 0; } .pre-load-offer-list-right-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; } .pre-load-offer-list-right-by{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 8px 0 0 0; } .pre-load-offer-list-control{ position: absolute; right: 32px; top: 24px; } .pre-load-offer-list-control-preview{ display: inline-block; width: 13px; margin: 0 20px 0 0; vertical-align: top; } .pre-load-offer-list-control-edit{ display: inline-block; width: 13px; margin: 0 20px 0 0; vertical-align: top; } .pre-load-offer-list-control a svg{ display: block; width: 13px; height: 13px; fill: #a2abbb; } .pre-load-offer-list-control-delete{ display: inline-block; width: 13px; vertical-align: top; } #share_offers_box .pre-load-offer-list-control-delete{ margin: 8px 0 0 10px; } .pre-load-offer-list-control-recorder{ display: inline-block; margin: 0 20px 0 15px; vertical-align: top; } .pre-load-offer-list-control-delete a svg{ display: block; width: 13px; height: 13px; fill: #a2abbb; } .pre-load-offer-list-status-right{ position: absolute; right: 30px; top: 40px; font-size: 15px; } .edit_registration_confirmation_template{ display: inline; } .pm-popup-modal-top-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #1089f5; letter-spacing: -0.2px; padding: 0 0 8px 0; } .pm-popup-modal-title-2{ margin: 0 auto; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: -0.6px; color: #2b374d; font-weight: 600; line-height: 1.18em; padding: 0 0 11px 0; } .pm-popup-modal-regular-2{ text-decoration: line-through; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .pm-popup-modal-now-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0a9af6; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 12px 0; } .pm-popup-modal-now-2 span{ display: inline-block; text-decoration: line-through; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 0 8px; } .pm-popup-modal-scarcity-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 5px 0; } .pm-popup-modal-btn-2 a{ display: inline-block; padding: 0; text-align: center; /*height: 32px;*/ line-height: 28px; padding: 0 16px; background: #369cf6; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.4px; text-decoration: none; } /*20190308*/ .pre-load-offer-text-box-left{ float: left; width: 100%; margin: 0 -140px 0 0; } .pre-load-offer-text-box-left-in{ margin: 0 140px 0 0; } .pre-load-new-title-margin{ margin: 0 -24px; } .pm-popup-modal-box .pm-popup-modal-body{ max-width: none; padding: 24px; } .pm-popup-modal-box .pm-popup-modal-title{ max-width: none; } /*20180930*/ .pm-create-list-checkbox{ position: relative; padding: 0 24px 16px 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .pm-create-list-checkbox b{ display: block; position: absolute; width: 14px; height: 14px; border: #dfe1e4 1px solid; box-sizing: border-box; cursor: pointer; left: 0; top: 2px; } .pm-create-list-checkbox b i{ position: absolute; display: none; width: 8px; height: 8px; background-color: #1089f5; left: 2px; top: 2px; } .pm-create-list-checkbox b.onactive i{ display: block; } .pm-create-list-checkbox span{ display: block; position: absolute; width: 16px; height: 16px; right: 0; top: 4px; cursor: pointer; } .pm-create-list-checkbox span svg{ display: block; width: 16px; height: 16px; fill: #eaedf0; } .pm-create-list-checkbox span.onactive svg{ fill: #645ed0; } .pm-popup-modal-box-close{ position: absolute; width: 12px; top: 20px; right: 20px; } .pm-popup-modal-box-close a svg{ display: block; width: 12px; height: 12px; fill: #717e94; } .pm-popup-modal-box-close-2{ display:none; position: absolute; width: 24px; top: 10px; right: 10px; } .pm-popup-modal-box-close-2 a svg{ display: block; width: 24px; height: 24px; fill: #a2abbb; } .pm-popup-modal-box-img{ display: inline-block; width: 160px; vertical-align: top; } .pm-create-popup-bottom-banner{ background-color: #44a4fd; padding: 18px 20px; } .pm-create-popup-bottom-banner span{ display: block; } .pm-create-popup-bottom-banner span:nth-child(1){ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.2px; font-weight: 600; } .pm-create-popup-bottom-banner span:nth-child(2){ float: right; } .pm-create-popup-bottom-banner span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.2px; text-decoration: none; } .popup-wizard-contents{ padding: 48px 64px 44px 64px; } .popup-wizard-img{ max-width: 474px; margin: 0 auto; padding: 0 0 32px 0; } .popup-wizard-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; } .pm-create-list-scarcity-show{ padding: 8px 0 0 24px; } .pm-create-list-scarcity-show-name{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 12px 0; font-weight: 500; } .pm-create-list-scarcity-show-name span{ display: block; position: absolute; width: 16px; height: 16px; right: 0; top: 0px; cursor: pointer; } .pm-create-list-scarcity-show-name span svg{ display: block; width: 16px; height: 16px; fill: #eaedf0; } .pm-create-list-scarcity-show-input{ font-size: 0; padding: 0 0 16px 0; } .pm-create-list-scarcity-show-input span{ display: inline-block; vertical-align: top; margin: 0 12px 0 0; width: 86px; } .pm-create-list-scarcity-show-input span input{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; height: 40px; box-sizing: border-box; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .pm-create-list-scarcity-show-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.29em; padding: 0 44px 0 0; } .pm-create-list-scarcity-show-input-2{ font-size: 0; padding: 0 0 16px 0; } .pm-create-list-scarcity-show-input-2 span{ display: inline-block; vertical-align: top; margin: 0 12px 0 0; width: 86px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; box-sizing: border-box; } .pm-create-list-scarcity-show-input-2 span input{ display: inline-block; width: 24px; border: none; border-radius: 0; background-color: transparent; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 38px; } .pm-create-list-scarcity-show-input-2 span i{ display: inline-block; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; text-align: right; width: 32px; } .pm-popup-modal-footer-text span{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .pm-popup-modal-footer-text span:nth-child(1){ float: left; } .pm-popup-modal-footer-text span:nth-child(2){ float: right; } .pm-popup-modal-footer-text-one{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } @media screen and (max-width:484px){ .pm-popup-modal-box-2-img{ display: block; margin: 0 auto; } .pm-popup-modal-box-2{ width: auto; } .pm-popup-modal-body-2{ display: block; max-width: none; padding: 15px 24px 24px 24px; width: auto; text-align: center; } } .dark-mode .pm-create-wrapper, .dark-mode .pm-create-header-box, .dark-mode .pm-create-main, .dark-mode .pm-create-left, .dark-mode .pm-create-right { background: #151a25; } .dark-mode .pm-create-header-channel-text { color: #fafbfd; } .dark-mode .pm-create-list-title, .dark-mode .pm-create-list-radio .prettyradio label, .dark-mode .pm-create-list-input-box .prettycheckbox label, .dark-mode .pm-create-list-input-box .prettyradio label, .dark-mode .pm-create-left-btn-text, .dark-mode .pm-create-right-title { color: #717e94; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border: none; } .nsl-wrapper{ position: relative; min-width: 1050px; margin: 0 auto; background-color: #fff } .nsl-contents-out{ width: 1156px; margin: 0 auto; } .nsl-contents{ margin: 0 24px; } .nsl-contents-width{ /*max-width: 1456px;*/ } .nsl-choose-contents{ width: 94%; max-width: 1024px; margin: 0 auto; } .nsl-header{ padding: 13px 24px; border-bottom: #eaedf0 1px solid; } .nsl-header-logo{ float: left; width: 123px; padding: 2px 0 0 0; } .nsl-header-logo a{ display: block; height: 28px; } .nsl-header-logo a svg{ /*fill: #a2abbb;*/ fill: #2b374d; } .nsl-header-right{ float: right; } .nsl-header-right-list{ display: inline-block; padding: 0 32px 0 0; } .nsl-header-right-list a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #a2abbb; letter-spacing: -0.3px; line-height: 28px; } .nsl-header-right-list a span{ display: inline-block; margin: 0 7px 1px 0; vertical-align: middle; } .nsl-header-right-list a span svg{ display: block; width: 14px; height: 14px; fill: #a2abbb; } .nsl-header-right-user{ display: inline-block; vertical-align: middle; } .nsl-header-right-user a{ display: block; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; } .nsl-left{ float: left; width: 100%; margin: 0 -440px 0 0; } .nsl-left-in{ margin: 0 440px 0 0; padding: 56px 0 20px 0; } .nsl-right{ float: right; width: 288px; padding: 88px 0 0 0; } .nsl-top-nav{ background: #f8f9fb; padding: 40px 0; } .nsl-top-nav-right{ float: right; height: 40px; } .nsl-top-nav-right span{ display: inline-block; padding: 0 0 0 12px; vertical-align: top; } .nsl-top-nav-right span a{ display: block; padding: 0 20px; height: 40px; line-height: 40px; background: #f8f9fb; border-radius: 3px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -0.3px; color: #717e94; border: solid 1px #dfe1e4; } .nsl-top-nav-right span a.next_button,.nsl-top-nav-right span input{ display: block; width: 100%; padding: 0 20px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -0.3px; color: #fff; border: none; } .nsl-top-nav-right span a.next_button:hover,.nsl-top-nav-right span input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .nsl-top-nav-right span input[disabled]{ background-image: linear-gradient(to left, #0390f5, #1db3fa); opacity: 0.4; } .nsl-left-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; color: #2b374d; letter-spacing: -0.2px; line-height: 40px; } .nsl-left-list-box{ padding: 0 0 36px 0; } .nsl-left-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 16px 0; } .nsl-left-list-contents{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .nsl-left-list-input{ padding: 0 54px 0 10px; } .nsl-left-list-input input{ width: 100%; border: none; border-radius: 0; height: 44px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; background: none; } .nsl-left-list-input input::-webkit-input-placeholder{ color: #a2abbb; } .nsl-left-list-input input::-moz-placeholder{ color: #a2abbb; } .nsl-left-list-input input::-ms-input-placeholder{ color: #a2abbb; } .nsl-left-list-input input:-ms-input-placeholder{ color: #a2abbb; } .nsl-left-list-input input::-o-placeholder{ color: #a2abbb; } .nsl-left-list-contents textarea:-ms-input-placeholder{ color: #a2abbb; } .nsl-left-list-demo-select{ position: relative; background: #fff; border-radius: 3px; border: #dfe1e4 1px solid; } .nsl-left-list-demo-select.errors{ border: #e4483d 1px solid; } .nsl-left-list-demo-select select{ display: block; position: relative; z-index: 2; background: transparent; width: 100%; height: 42px; border: none; border-radius: 3px; box-sizing: border-box; padding: 0 32px 0 12px; font-family: 'Graphik'; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; -webkit-appearance: none; -moz-appearance: none; } .nsl-left-list-demo-select i{ position: absolute; display: block; font-style: normal; right: 12px; top: 18px; width: 8px; z-index: 1; } .nsl-left-list-demo-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .nsl-left-list-demo-select .select2-container-multi .select2-choices{ border: none; } .nsl-left-list-landing{ position: absolute; right: 26px; top: 55px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #dfe1e4; line-height: 44px; } .nsl-left-list-landing-sub{ position: absolute; right: 26px; top: 55px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #dfe1e4; line-height: 44px; } .nsl-left-list-series{ position: absolute; right: 12px; top: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #dfe1e4; line-height: 44px; } .nsl-left-list-contents .conf-creation-host-box .dd .ddTitle{ padding: 7px 0; } .nsl-left-list-contents .conf-creation-host-box .dd .arrow{ padding: 0 0 0 10px; } .nsl-left-list-contents .conf-creation-host-box .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; font-weight: 600; color: #8692a2; } .nsl-left-list-contents .ddlabel{ vertical-align: middle; } .nsl-left-list-contents .dd .ddChild li{ border: none; } .nsl-left-list-contents .dd .ddChild li .ddlabel{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; } .nsl-left-list-contents .dd .ddChild li.hover{ background: none; } .nsl-left-list-contents .dd .ddChild li.hover .ddlabel{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .nsl-left-list-contents .dd .ddChild li.selected{ background: none; } .nsl-left-list-contents .conf-creation-host-box .dd .ddTitle .ddTitleText img, .nsl-left-list-contents .conf-creation-host-box .ddcommon .ddChild li img{ border-radius: 0; } .nsl-left-list-error-text{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #f35b59; letter-spacing: -0.2px; padding: 7px 0 0 0; } .nsl-left-list-box.nsl-error .nsl-left-list-error-text{ display: block; } .nsl-left-list-box.nsl-error .nsl-left-list-contents{ border-color: #f35b59; } .nsl-left-list-contents textarea{ border: none; background: none; padding: 10px 12px; resize: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; height: 80px; } .nsl-left-list-webinar-type{ display: block; list-style: none; font-size: 0; padding: 0 0 13px 0; } .nsl-left-list-webinar-type li{ display: inline-block; margin: 0 12px 12px 0; } .nsl-left-list-webinar-type li:last-child{ margin: 0; } .nsl-left-list-webinar-type li a{ display: block; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 16px; height: 40px; line-height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; } .nsl-left-list-webinar-type li a.onactive{ border-color: #2196f3; color: #2b374d; } .nsl-left-list-webinar-type-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.3em; } .nsl-left-list-webinar-type-text a{ color: #0a9af6; } .nsl-left-list-textarea-add-agenda{ padding: 19px 0 0 0; } .nsl-left-list-textarea-add-agenda a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #2196f3; letter-spacing: -0.2px; } .nsl-left-list-agenda-box{ display: block; list-style: none; } .nsl-left-list-agenda-box li{ display: block; position: relative; padding: 0 0 12px 0; z-index: 1; } .nsl-left-list-agenda-box li input{ display: block; width: 100%; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 10px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .nsl-left-list-agenda-box li span{ display: block; position: absolute; width: 12px; height: 12px; right: -24px; top: 16px; z-index: 5; } .nsl-left-list-agenda-box li span svg{ display: block; width: 12px; height: 12px; fill: #ccd0d3; } .conf-upload-file-btn { float: left; font-size: 0; margin: 0 0 0 12px; } .conf-upload-file-btn i { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; } .conf-upload-file-btn i svg{ display: block; width: 14px; height: 14px; fill: #2196f3; } .conf-upload-file-btn span { display: inline-block; font-size: 15px; } .nsl-left-list-textarea-add-agenda-2 a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #2196f3; letter-spacing: -0.2px; } .nsl-left-list-btn-box{ padding: 80px 0 30px 0; float: left; } .nsl-left-list-btn-box span{ display: inline-block; padding: 0 0 0 16px; } .nsl-left-list-btn-box > span:nth-child(1){ padding-left: 0px; } .nsl-left-list-btn-box span input{ display: block; background: linear-gradient(to left, #0390f5, #1db3fa); height: 40px; width: 100%; padding: 0 20px; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #fff; letter-spacing: -0.6px; box-shadow: none; } .nsl-left-list-btn-box span input:hover{ background: linear-gradient(to left, #1b9ffd, #2cbafd); } .nsl-left-list-btn-box span a{ display: block; width: 95px; height: 40px; line-height: 38px; border-radius: 3px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #717e94; letter-spacing: -0.6px; border: solid 1px #dfe1e4; } .nsl-right-in{ background: #f6fafe; padding: 24px; border-radius: 4px; } .nsl-right-bulb-icon{ width: 30px; padding: 0 0 23px 0; } .nsl-right-bulb-icon svg{ display: block; width: 30px; height: 30px; fill: #1089f5; } .nsl-right-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 8px 0; } .nsl-right-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.33em; padding: 0 0 13px 0; } .nsl-right-text ul{ margin-left: 15px; } .nsl-right-video{ position: relative; width: 160px; height: 100px; } .nsl-right-video-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(16, 137, 245, .71); } .nsl-right-video-play{ position: absolute; width: 48px; height: 48px; border-radius: 50%; background: rgba(0, 0, 0, 0.16); top: 50%; left: 50%; margin: -24px 0 0 -24px; } .nsl-right-video-play svg{ display: block; width: 20px; height: 20px; fill: #fff; margin: 14px 0 0 16px; } .nsl-right-link{ padding: 11px 0 0 0; } .nsl-right-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; line-height: 1.47em; } .nsl-left-list-video-box{ position: relative; display: table; width: 100%; height: 208px; border: #dfe1e4 1px dashed; border-radius: 4px; } .nsl-left-list-video-box.errors{ border: #f35b59 2px dashed; } .nsl-left-list-video-box-in{ display: table-cell; width: 670px; text-align: center; vertical-align: middle; } .nsl-left-list-video-box-icon{ width: 34px; margin: 0 auto; padding: 0 0 9px 0; } .nsl-left-list-video-box-icon svg{ display: block; width: 34px; height: 34px; fill: #eaedf0; } .nsl-left-list-video-box-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 5px 0; } .nsl-left-list-video-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 12px 0; } .nsl-left-list-video-box-btn{ width: 200px; margin: 0 auto; } .nsl-left-list-video-box-btn a{ display: block; height: 32px; text-align: center; line-height: 32px; background: #a2abbb; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .nsl-left-list-box.nsl-error .nsl-left-list-video-box{ border-color: #f35b59; } .nsl-left-list-video-box-file{ width: 44px; margin: 0 auto; padding: 0 0 21px 0; } .nsl-left-list-video-box-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 6px 0; } .nsl-left-list-video-box-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #8692a2; letter-spacing: -0.2px; } .nsl-left-list-video-loading{ position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: #eaedf0; border-radius: 0 0 4px 4px; overflow: hidden; } .nsl-left-list-video-loading-in{ position: absolute; left: 0; top: 0; height: 8px; background: #1089f5; } .nsl-left-list-video-box-change{ padding: 13px 0 7px 0; width: 200px; margin: 0 auto; } .nsl-left-list-video-box-change a{ display: block; height: 32px; text-align: center; line-height: 32px; background: #a2abbb; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .nsl-left-list-video-box-remove a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #8692a2; letter-spacing: -0.2px; } .nsl-left-list-time-left{ /* float: left; width: 131px; */ padding: 0 0 24px 0; } .nsl-left-list-time-right{ /* float: right; width: 100%; margin: 0 0 0 -131px; */ } .nsl-left-list-time-right-in{ /* margin: 0 0 0 131px; */ } .nsl-left-time-type{ border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .nsl-left-time-type .dd .arrow { background: none; border: none; border-radius: 0; line-height: 44px; padding: 0 0 0 10px } .nsl-left-time-type .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; font-weight: 600; color: #8692a2; } .nsl-left-time-type .dd{ border: none; border-radius: 0; padding: 0 12px; } .send_duration_evergreen .dd{ padding-right: 2px; } .nsl-left-time-type .dd .ddTitle{ padding: 10px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; } .nsl-left-time-type .dd .ddTitle .ddTitleText { padding: 0; } .nsl-left-time-type .dd .ddChild{ box-shadow: none; border-color: #dfe1e4; } .nsl-left-time-type .dd .ddChild li{ border: none; } .nsl-left-time-type .dd .ddChild li.hover{ background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; } .nsl-left-time-type .dd .ddChild li.selected{ background: none; } .nsl-left-time-type .dd .ddChild li .ddlabel{ display: inline-block; height: 26px; } .nsl-left-list-time-right-contents{ padding: 0 0 16px 0; font-size: 0; display: flex; justify-content: left; align-items: center; gap: 8px; } .nsl-left-list-time-right-contents > span{ display: inline-block; height: 44px; vertical-align: top; } /* .nsl-left-list-time-right-contents > span:nth-child(1){ line-height: 44px; width: 36px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } */ .nsl-left-list-time-right-contents > span:nth-child(1), .nsl-left-list-time-right-contents > span.nslad-date-select{ width: 182px; } .nsl-left-time-date{ position: relative; padding: 0 0 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .nsl-left-time-date.error{ border-color: #f35b59; } .nsl-left-time-date-numb{ padding: 0 30px 0 0; } .nsl-left-time-date-numb input[disabled]{ height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; border: none; padding: 0; background-color: #fff; } .nsl-left-time-date-numb input{ height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.3px; border: none; padding: 0; } .nsl-left-time-date-icon{ position: absolute; top: 0; bottom: 0; right: 12px; line-height: 40px; font-size: 15px; color: #ccd0d3; } .nsl-left-time-duration{ position: relative; padding: 0 0 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .nsl-left-time-duration-numb{ padding: 0 10px 0 0; } .nsl-left-time-duration-numb input{ height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.3px; border: none; padding: 0; } .nsl-left-list-time-right-contents > span:nth-child(2), .nsl-left-list-time-right-contents > span.nslad-date-at{ width: auto; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } .nsl-left-list-time-right-contents > span:nth-child(3), .nsl-left-list-time-right-contents > span.nslad-date-hours{ width: 40px; } .nsl-left-time-hours, .nsl-left-time-mins, .nsl-left-time-ap, .nsl-left-time-long{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; } .nsl-left-time-mins.error{ border-color: #f35b59; } .nsl-left-time-hours select, .nsl-left-time-mins select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; box-sizing: border-box; padding: 0 20%; text-align: center; } .nsl-left-time-hours.error{ border-color: #f35b59; } .nsl-left-time-mins select{ padding: 0 10%; } .nsl-left-list-time-right-contents > span:nth-child(4), .nsl-left-list-time-right-contents > span.nslad-date-colon{ width: auto; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } .nsl-left-list-time-right-contents > span:nth-child(5), .nsl-left-list-time-right-contents > span.nslad-date-minute{ width: 40px; margin: 0 4px 0 0; } .nsl-left-list-time-right-contents > span:nth-child(6), .nsl-left-list-time-right-contents > span.nslad-date-ap{ width: 74px; } .nsl-left-time-ap select{ position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; box-sizing: border-box; padding: 0 20px 0 12px; z-index: 1; } .nsl-left-time-ap.error{ border-color: #f35b59; } .nsl-left-time-ap:after{ position: absolute; display: block; font-family: 'bigmarker'; content: "\e612"; font-size: 8px; font-weight: 600; color: #8692a2; height: 42px; line-height: 42px; width: 8px; right: 8px; top: 0; z-index: 1; } .nsl-left-time-ap:after .onactive{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .nsl-left-list-time-right-contents > span:nth-child(7), .nsl-left-list-time-right-contents > span.nslad-date-for{ line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; width: 24px; } .nsl-left-list-time-right-contents > span:nth-child(7) a, .nsl-left-list-time-right-contents > span.nslad-date-for a{ display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; height: 44px; } .nsl-left-list-time-right-contents > span:nth-child(7) i, .nsl-left-list-time-right-contents > span.nslad-date-for i{ font-style: normal; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .nsl-left-list-time-right-contents > span:nth-child(8){ width: 170px; flex: 1; } .nsl-left-list-time-right-contents:nth-child(n+2) > span:nth-child(8), .nsl-left-list-time-right-contents:nth-child(n+2) > span.nslad-date-long{ width: 100px; } .nsl-left-list-time-right-contents > span:nth-child(9){ width: 30px; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; margin: 0 0 0 10px; } .nsl-left-list-time-right-contents > span:nth-child(9) i{ font-style: normal; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .delete_conference_time svg{ height: 10px; width: 10px; display: block; fill: #ccd0d3; margin: 0 0 0 10px; } .nsl-left-list-time-right-contents .delete_conference_time svg{ /* margin-top: 17px; */ margin: 0; } .nsl-left-time-long select{ position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; box-sizing: border-box; padding: 0 16px 0 8px; /*z-index: 2;*/ } .nsl-left-time-long:after{ position: absolute; display: block; font-family: 'bigmarker'; content: "\e612"; font-size: 8px; font-weight: 600; color: #8692a2; height: 42px; line-height: 42px; width: 8px; right: 15px; top: 0; z-index: 1; } .nsl-left-time-long:after .onactive{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .nsl-left-list-time-right-timezone{ position: relative; /*padding: 0 0 0 40px;*/ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; } .nsl-left-list-time-right-timezone select{ -moz-appearance: none; -webkit-appearance: none; border: #ccd0d3 1px solid; border-radius:3px; background: #fff; height: 40px; line-height: 40px; text-align: center; font-size:15px; padding: 0 0 0 10px; box-sizing: border-box; color: #2b374d; } .nsl-left-list-time-right-timezone a{ color: #2196f3; } .nsl-left-list-time-right-add{ padding: 13px 0 0 40px; } .nsl-left-list-time-right-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #2196f3; letter-spacing: -0.2px; } .nsl-following-days{ font-size: 0; } .nsl-following-days span{ display: inline-block; margin: 0 20px 0 0; } .nsl-following-days span .prettycheckbox label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .nsl-following-days span .prettycheckbox.blue a{ margin: 2px 0 0 0; } .nsl-left-between-of-list{ padding: 0 0 16px 0; font-size: 0; } .nsl-left-between-of-list > span{ display: inline-block; height: 44px; vertical-align: top; } .nsl-left-between-of-list > span:nth-child(1), .nsl-left-between-of-list > span:nth-child(3), .nsl-left-between-of-list > span:nth-child(6), .nsl-left-between-of-list > span:nth-child(8){ width: 36px; } .nsl-left-between-of-list > span:nth-child(2), .nsl-left-between-of-list > span:nth-child(7){ width: 13px; line-height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; } .nsl-left-between-of-list > span:nth-child(4), .nsl-left-between-of-list > span:nth-child(9){ width: 60px; margin: 0 0 0 8px; } .nsl-left-between-of-list > span:nth-child(5){ width: 52px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; line-height: 44px; } .nsl-left-list-time-right-timezone-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .nsl-left-list-time-right-timezone-2 a{ color: #1089f5; } .nsl-left-list-upload-box{ height: 200px; border: #dfe1e4 1px dashed; border-radius: 3px; padding: 36px 0; text-align: center; margin: 10px 0 0 0; } .nsl-left-list-upload-icon{ width: 17px; margin: 0 auto 16px; } .nsl-left-list-upload-title{ font-family: 'sf_ui_displaysemibold'; font-size: 16px; color: #2b374d; letter-spacing: -0.6px; padding: 0 0 8px 0l } .nsl-left-upload-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 12px 0; } .nsl-left-upload-btn a{ display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; border: #dfe1e4 1px solid; border-radius: 3px; margin: 0 auto; font-family: 'sf_ui_displaymedium'; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; background-image: -webkit-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: -moz-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: -o-linear-gradient(to bottom, #ffffff, #f9fafb); background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .nsl-left-list-privacy-box-left{ float: left; width: 230px; font-size: 0; } .nsl-left-list-privacy-box-right{ float: right; width: 100%; margin: 0 0 0 -230px; } .nsl-left-list-privacy-box-right-in{ margin: 0 0 0 230px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .nsl-left-list-privacy-box-left span{ display: inline-block; } .nsl-left-list-privacy-box-left span:nth-child(1){ margin: 0 12px 0 0; } .nsl-left-list-privacy-box-left span a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; text-align: center; font-family: 'sf_ui_displaymedium'; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; } .nsl-left-list-privacy-box-left span a.onactive{ border-color: #2196f3; color: #4c586e; } .nsl-template-list{ display: block; list-style: none; font-size: 0; padding: 66px 0; } .nsl-template-list li{ display: inline-block; width: 320px; margin: 0 32px 40px 0; } .nsl-template-list li:nth-child(3n){ margin-right: 0; } .nsl-template-list-in{ position: relative; height: 240px; } .nsl-template-list-border{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .nsl-template-list-pro{ position: absolute; width: 46px; height: 24px; background: rgba(16, 137, 245, .7); border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.1px; line-height: 24px; text-align: center; right: 12px; top: 12px; z-index: 5; } .nsl-template-list-hover{ position: absolute; display: none; width: 320px; height: 240px; left: 0; top: 0; background: rgba(31, 31, 31, .9); z-index: 4; } .nsl-template-list-hover-cell{ display: table-cell; width: 320px; vertical-align: middle; } .nsl-template-list-hover-bold-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #fff; letter-spacing: -0.2px; text-align: center; padding: 0 0 10px 0; } .nsl-template-list-hover-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #fff; letter-spacing: -0.2px; text-align: center; padding: 0 0 10px 0; } .nsl-template-list-hover-text-choosed{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #fff; letter-spacing: -0.2px; text-align: center; padding: 0 0 18px 0; } .nsl-template-list-hover-btn, .nsl-template-list-hover-btn-2{ width: 130px; margin: 0 auto; } .nsl-template-list-hover-btn a, .nsl-template-list-hover-btn-2 a{ display: block; background: #1089f5; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .nsl-template-list-hover-btn-2 a{ background: #aab4c2; } .nsl-template-list-img{ height: 240px; overflow: hidden; } .custom-template-preview-img img{ object-position: center; object-fit: contain; height: 100%; } .nsl-template-list-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #2b374d; letter-spacing: -0.3px; padding: 18px 0 0 0; text-transform: capitalize; } .nsl-template-list li:hover .nsl-template-list-hover{ display: table; } .nsl-template-list li.onactive .nsl-template-list-border{ border: #1089f5 2px solid; } .nsl-video-modal{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .8); z-index: 20; } .nsl-video-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .send_duration_evergreen .dd .arrow{ line-height: 36px; padding-right: 10px; } .nsl-left-list-webinar-type-text-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #a2abbb; letter-spacing: -0.2px; line-height: 1.2em; } /*.nsl-template-list{ display: block; list-style: none; font-size: 0; padding: 66px 0; } .nsl-template-list li{ position: relative; display: inline-block; width: 320px; height: 240px; margin: 0 32px 40px 0; background: #f4f6f8; overflow:hidden; } .nsl-template-list li:nth-child(3n){ margin-right: 0; } .nsl-template-list-border{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .nsl-template-list-pro{ position: absolute; width: 46px; height: 24px; background: rgba(16, 137, 245, .7); border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.1px; line-height: 24px; text-align: center; right: 12px; top: 12px; z-index: 5; } .nsl-template-list-hover{ position: absolute; display: none; width: 320px; height: 240px; left: 0; top: 0; background: rgba(31, 31, 31, .9); z-index: 4; } .nsl-template-list-hover-cell{ display: table-cell; width: 320px; vertical-align: middle; } .nsl-template-list-hover-bold-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #fff; letter-spacing: -0.2px; text-align: center; padding: 0 0 10px 0; } .nsl-template-list-hover-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 17px; color: #fff; letter-spacing: -0.2px; text-align: center; padding: 0 0 10px 0; } .nsl-template-list-hover-btn{ width: 130px; margin: 0 auto; } .nsl-template-list-hover-btn a{ display: block; background: #1089f5; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .nsl-template-list li:hover .nsl-template-list-hover{ display: table; } .nsl-template-list li.onactive .nsl-template-list-border{ border: #1089f5 2px solid; }*/ .nsl-video-modal{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .8); z-index: 20; } .nsl-video-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*@media screen and (max-width:767px){ .nsl-wrapper{ width: 100%; } .nsl-contents-out{ width: 94%; } .nsl-contents{ width: auto; } .nsl-left{ float: none; margin: 0 } .nsl-left-in{ margin: 0; } .nsl-right{ display: none; } .nsl-left-title{ float: none; text-align: center; } .nsl-top-nav-right{ display: none; } }*/ .automation-popup-icon{ width: 65px; height: 65px; margin: 0 auto; } .automation-popup-title{ padding: 26px 0 17px 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #2b374d; letter-spacing: -1px; } .automation-popup-text{ text-align: center; padding: 0 0 35px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.4px; } .automation-popup-text a, .automation-popup-text b{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; color: #2b374d; } .automation-popup-button-left{ float: left; } .automation-popup-button-left a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #1089f5; letter-spacing: -0.3px; line-height: 40px; } .automation-popup-button-right{ float: right; } .automation-popup-button-right a{ display: block; width: 162px; height: 40px; line-height: 40px; background: #1089f5; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #fff; letter-spacing: -0.3px; text-align: center; } /*webinar create 2018*/ .webinar-create-2018-wrapper{ background: #f9fafc; } .webinar-create-2018-content{ min-height: 90vh; } .webinar-create-2018-title{ padding: 80px 0 56px 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.2px; font-weight: bold; } .webinar-create-2018-list{ display: block; list-style: none; font-size: 0; text-align: center; max-width: 1080px; margin: 0 auto; } .webinar-create-2018-list li{ display: inline-block; vertical-align: top; margin: 0 20px 40px; background: #fff; border-radius: 6px; width: 320px; text-align: left; } .webinar-create-2018-list-icon{ position: relative; width: 40px; padding: 0 0 16px 0; } .anim_fade_image{ position: absolute; -webkit-animation: fadeInOut 8s infinite ease-in-out; -moz-animation: fadeInOut 8s infinite ease-in-out; -o-animation: fadeInOut 8s infinite ease-in-out; -ms-animation: fadeInOut 8s infinite ease-in-out; animation: fadeInOut 8s infinite ease-in-out; } .webinar-create-2018-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d !important; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 12px 0; } .webinar-create-2018-list-hover-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4c586e !important; letter-spacing: -0.2px; line-height: 1.3em; padding: 0 0 14px 0; } .webinar-create-2018-list-default{ padding: 24px; } .webinar-create-2018-list li:hover{ box-shadow: 0 2px 16px 0 rgba(21, 26, 37, 0.08); } .webinar-create-2018-list-default-beta{ position: absolute; top: 12px; right: 12px; border: #78bfff 2px solid; border-radius: 4px; height: 22px; width: 44px; box-sizing: border-box; text-align: center; line-height: 20px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #53aeff; font-weight: 600; letter-spacing: -0.4px; } .webinar-create-2018-list-2{ display: block; list-style: none; text-align: center; font-size: 0; background: #f9fafc; padding: 24px 0; /*margin-right: 110px;*/ } .webinar-create-2018-list-2 li{ display: inline-block; background: #fff; border-radius: 4px; width: 160px; margin: 0 12px; height: 112px; cursor: pointer; } .webinar-create-2018-list-2 li .webinar-create-2018-list-default{ padding: 24px 0 20px 0; } .webinar-create-2018-list-2 li .webinar-create-2018-list-icon{ width: 32px; padding: 0 0 16px 0; margin: 0 auto; } .webinar-create-2018-list-2 li .webinar-create-2018-list-title{ font-size: 16px; color: #717e94; letter-spacing: -0.4px; font-weight: 600; } .webinar-create-2018-list-2 li .webinar-create-2018-list-icon img:nth-child(2){ display: none; } .webinar-create-2018-list-2 li:hover .webinar-create-2018-list-icon img:nth-child(1), .webinar-create-2018-list-2 li.onactive .webinar-create-2018-list-icon img:nth-child(1){ display: none; } .webinar-create-2018-list-2 li:hover .webinar-create-2018-list-icon img:nth-child(2), .webinar-create-2018-list-2 li.onactive .webinar-create-2018-list-icon img:nth-child(2){ display: block; } .webinar-create-2018-list-2 li:hover .webinar-create-2018-list-title, .webinar-create-2018-list-2 li.onactive .webinar-create-2018-list-title{ color: #2b374d; } .webinar-create-2018-list-2 li:hover, .webinar-create-2018-list-2 li.onactive{ box-shadow: 0 2px 16px 0 rgba(21, 26, 37, 0.08), 0 0 0 1px rgba(21, 26, 37, 0.04); } .webinar-create-2018-list-help-tips{ text-align: center; padding: 32px 0 0 0; } .webinar-create-2018-list-help-tips a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } /*webinar help 2018.11.14*/ .popup-create-explanation{ background-color: #fff; position: relative; border-radius: 4px; padding: 28px 28px 28px 28px; } .popup-create-explanation-table table{ border: #dae0e9 1px solid; } .popup-create-explanation-table table tr th{ height: 72px; background-color: #f9fafc; border-bottom: #dae0e9 1px solid; border-right: #dae0e9 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.1px; font-weight: 500; line-height: 1.14em; padding: 0 8px; } .popup-create-explanation-table table tr th:first-child{ text-align: left; font-size: 17px; font-weight: 600; letter-spacing: -0.2px; padding: 0 24px; } .popup-create-explanation-table table tr th:last-child{ border-right: none; } .popup-create-explanation-table table tr td{ border-bottom: #dae0e9 1px solid; border-right: #dae0e9 1px solid; height: 72px; padding: 0 8px; } .popup-create-explanation-table table tr td:first-child{ padding: 0 24px; } .popup-create-explanation-table table tr td:last-child{ border-right: none; } .popup-create-explanation-table table tr:last-child td{ border-bottom: none; } .popup-create-explanation-table-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.1px; } .popup-create-explanation-table-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.1px; } .popup-create-explanation-table-check{ width: 16px; margin: 0 auto; } .popup-create-explanation-table-check svg{ display: block; width: 16px; height: 16px; fill: #00c4b5; } .popup-create-explanation-table-none{ width: 16px; margin: 0 auto; height: 2px; background-color: #dae0e9; } /*2 slider style*/ .nsl-top-nav-2slider{ padding: 16px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 10; } .tmpabh-2slider{ position: fixed; top: 72px; left: 0; right: 0; z-index: 11; } .tmpnb-2slider{ position: fixed; top: 0; left: 0; right: 0; z-index: 99; } .nsl-left-list-evergreen-create-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.3em; } .nsl-left-ec-list{ padding: 0 0 27px 0; } .nsl-left-ec-list-title-box{ position: relative; padding: 0 0 0 30px; } .nsl-left-ec-list-title-box-check{ position: absolute; display: block; vertical-align: top; top: 0; left: 0; z-index: 1; } .nsl-left-ec-list-title-box-checkbox{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; border-radius: 3px; } .nsl-left-ec-list-title-box-checkbox i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } .nsl-left-ec-list-title-box-checkbox i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .nsl-left-ec-list-title-box-checkbox.onactive { border-color: #1089f5; } .nsl-left-ec-list-title-box-checkbox.onactive i { display: block; } .nsl-left-ec-list-title-box-checkbox.nsl-ec-disabled{ border-color: #e9edf0; } .nsl-left-ec-list-title-box-checkbox.nsl-ec-disabled i svg{ fill : #e9edf0; } .nsl-left-ec-list-title{ display: inline-block; vertical-align: text-bottom; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.33em; } .nsl-left-ec-list-title b{ font-weight: 500; } .nsl-left-ec-list-title.nsl-ec-disabled{ color: #a2abbb; } .nsl-left-ec-show-box{ padding: 24px 0 0 30px; } .nsl-left-ec-show-box-justintime{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .nsl-left-ec-show-box-justintime span{ position: relative; display: inline-block; vertical-align: top; margin: 0 16px; width: 140px; border-bottom: #dfe1e4 1px solid; padding: 0 0 10px 0; } .nsl-left-ec-show-box-justintime span select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; padding: 0 20px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .nsl-left-ec-show-box-justintime span i{ position: absolute; display: block; font-style: normal; right: 0; top: 5px; width: 8px; z-index: 1; } .nsl-left-ec-show-box-justintime span i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .nsl-left-ec-show-box-list{ padding: 0 0 32px 0; } .nsl-left-ec-show-box-run-select{ position: relative; width: 200px; border: #dfe1e4 1px solid; border-radius: 3px; } .nsl-left-ec-show-box-run-select select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 44px; padding: 0 32px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .nsl-left-ec-show-box-run-select i{ position: absolute; display: block; font-style: normal; right: 12px; top: 18px; width: 8px; z-index: 1; } .nsl-left-ec-show-box-run-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .nsl-left-ec-show-box-list-following{ font-size: 0; } .nsl-left-ec-show-box-list-following > span{ display: inline-block; vertical-align: top; margin: 0 32px 0 0; } .nsl-left-ec-show-box-list-following-text{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; } .nsl-left-ec-show-box-list-left{ display: inline-block; vertical-align: top; width: 172px; margin: 0 24px 0 0; } .nsl-left-ec-show-box-list-right{ display: inline-block; vertical-align: top; width: 172px; } .nsl-left-ec-show-display{ font-size: 0; padding: 0 0 24px 0; } .nsl-left-ec-show-display:last-child{ padding: 0; } .nsl-left-ec-show-display-left, .nsl-left-ec-show-display-left-2{ display: inline-block; vertical-align: middle; margin: 0 16px 0 0; } .nsl-left-ec-show-display-right{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; width: 176px; } .nsl-left-ec-show-display-left .nsl-left-ec-show-box-run-select{ width: 60px; } .nsl-left-ec-show-display-left .nsl-left-ec-show-box-run-select select{ padding-right: 22px; } .nsl-left-ec-show-display-left-2 .nsl-left-ec-show-box-run-select{ width: 172px; } .nsl-left-ec-show-display-left-2 .nsl-left-ec-show-box-run-select select{ padding-right: 22px; } .nsl-left-ec-show-display-delete{ display: inline-block; width: 13px; vertical-align: middle; } .nsl-left-ec-show-display-delete a svg{ display: block; width: 13px; height: 13px; fill: #1089f5; } .nsl-left-ec-show-display-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0593f5; letter-spacing: -0.2px; } .cadence-field-edit{ border-bottom: #e1e4e5 1px solid; margin: 0 0 24px 0; } .conference-cadences div.cadence-field-edit:last-of-type { /* border: none;*/ } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .template-copy .dd .arrow{ line-height: 33px; } .audience-room-example-box{ background: #fff; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); padding: 32px 40px; display: flex; justify-content: space-between; align-items: flex-start; } .audience-room-example-list{ width: 46%; } .audience-room-example-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; } .audience-room-example-img{ border-radius: 4px; cursor: pointer; } .audience-room-example-img.onactive{ border: #0091ff 4px solid; border-radius: 4px; } .nsl-recurring-more-box{ padding: 16px 0 16px 0; } .nsl-recurring-session{ display: none; justify-content: left; align-items: center; gap: 8px; } .nsl-recurring-session-2{ display: flex; justify-content: left; align-items: center; gap: 8px; } .nsl-recurring-session.onactive{ display: flex; } .nsl-recurring-session-select{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .nsl-recurring-session-select select{ position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 0px; background: none; height: 42px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; box-sizing: border-box; padding: 0 16px 0 12px; z-index: 1; } .nsl-recurring-session-select:after{ position: absolute; display: block; font-family: 'bigmarker'; content: "\e612"; font-size: 8px; font-weight: 600; color: #8692a2; height: 42px; line-height: 44px; width: 8px; right: 15px; top: 0; z-index: 1; } .session-hour{ width: 100px; } .session-minute{ width: 110px; } .session-webinar-type{ width: 100px; } .nsl-left-list-title.red{ color: red; } .nsl-recurring-daily-date-interval{ display: flex; justify-content: left; align-items: flex-start; gap: 12px; padding: 0 0 16px 0; } .nsl-recurring-daily-date-interval-part{ width: 180px; height: 75px; } .nsl-recurring-daily-date-interval-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #6f7d9b; letter-spacing: -0.2px; align-self: flex-end; padding: 0 0 16px 0; } .nsl-additional-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: -0.2px; font-weight: normal; color: #4b5874; } .nsl-additional-list{ display: none; padding: 0 0 28px 0; } .nsl-additional-list.onactive{ display: block; } .nsl-cadence-list{ padding: 0 0 12px 0; } .nsl-skip-list{ position: relative; width: 180px; padding: 0 0 24px 0; } .nsl-skip-checked-list{ display: flex; justify-content: left; align-items: center; gap: 16px; padding: 0 0 10px 0; } .nsl-skip-checked-list:last-child{ padding: 0; } .nsl-skip-checked-list span{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; font-weight: normal; color: #02091a; } .nsl-skip-checked-list a{ display: block; } .nsl-skip-checked-list a svg{ display: block; width: 8px; height: 8px; fill: #9fa9be; } .nsl-monthly-every{ display: flex; justify-content: space-between; align-items: center; gap: 12px; } .nsl-monthly-every-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; font-weight: normal; color: #6f7d9b; } .nsl-monthly-every-select{ flex: 1; } .nsl-additional-list:last-child{ /* padding-bottom: 0;*/ } .nsl-left-list-time-right-contents > span:nth-child(9) a{ display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; height: 44px; } .template-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 16px 0; } .nsl-left-selecttime-skip-section{ position: absolute; width: 560px; background: #fff; border-radius: 8px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25); padding: 24px; z-index: 3; display: none; } .nsl-left-selecttime-skip-section.onactive{ display: block; } .nsl-left-selecttime-skip-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 19px; color: #02091a; font-weight: 600; padding: 0 0 24px 0; } .nsl-left-selecttime-skip-section-timelist{ display: block; list-style: none; overflow: auto; max-height: 240px; } .nsl-left-selecttime-skip-section-timelist li{ display: flex; padding: 11px; justify-content: left; align-items: center; gap: 12px; } .nsl-left-selecttime-skip-section-btn{ padding: 24px 0 0 0; display: flex; justify-content: left; align-items: center; gap: 12px; } .nsl-left-selecttime-skip-section-btn-save input{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: -0.2px; box-sizing: border-box; } .nsl-left-selecttime-skip-section-btn-cancel a{ display: inline-block; padding: 0 24px; height: 40px; line-height: 40px; border: #dfe1e4 1px solid; border-radius: 3px; background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FB 100%); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.1px; } .ead-slider-list-checkbox-check-box{ position: relative; display: block; width: 16px; height: 16px; border: #c4ccd9 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; border-radius: 3px; } .ead-slider-list-checkbox-check-box i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } .ead-slider-list-checkbox-check-box i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .ead-slider-list-checkbox-check-box.onactive { border-color: #1089f5; } .ead-slider-list-checkbox-check-box.onactive i { display: block; } .ead-slider-list-checkbox-check-text{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .conf-creation-step-list-recurring{ padding: 32px 0; border-bottom: #e1e4e5 1px solid; } .conf-creation-step-part-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; padding: 0 0 24px 0; } .nsl-additional-list-add-btn-stack{ display: flex; justify-content: left; align-items: center; gap: 32px; } .nsl-additional-list-add-btn-stack a{ display: flex; justify-content: left; align-items: center; gap: 10px; } .nsl-additional-list-add-btn-stack a i svg{ display: block; width: 18px; height: 18px; } .nsl-additional-list-add-btn-stack a span{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2196f3; font-weight: 500; letter-spacing: -0.2px; } .conf-creation-step-list-recurring-addbtn a{ display: inline-flex; justify-content: center; align-items: center; padding: 0 16px; height: 40px; background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FB 100%); border: #dee4ef 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: 500; letter-spacing: -0.2px; gap: 8px; } .conf-creation-step-list-recurring-addbtn a i svg{ display: block; width: 18px; height: 18px; } .nsl-additional-skip{ display: none; } .skip-session{ border-top: #e1e4e5 1px solid; } .nsl-additional-skip.onactive{ display: block; } .cadence-field{ position: relative; } .conf-creation-step-list-recurring-del{ position: absolute; top: 13px; right: 0; } .conf-creation-step-list-recurring-del a svg{ display: block; width: 14px; height: 14px; fill: #8b98b6; } .js-recurring-additional-session{ padding-top: 12px; } .recurring-additional-session{ padding-bottom: 0; } .recurring-new-cadence{ border-bottom: none; padding: 0; } @-webkit-keyframes fadeInOut { 0% { opacity:1; } 25% { opacity:0; } 50% { opacity: 0; } 75% { opacity:1; } } @-moz-keyframes fadeInOut { 0% { opacity:1; } 25% { opacity:0; } 50% { opacity: 0; } 75% { opacity:1; } } @-o-keyframes fadeInOut { 0% { opacity:1; } 25% { opacity:0; } 50% { opacity: 0; } 75% { opacity:1; } } @-ms-keyframes fadeInOut { 0% { opacity:1; } 25% { opacity:0; } 50% { opacity: 0; } 75% { opacity:1; } } @keyframes fadeInOut { 0% { opacity:1; } 25% { opacity:0; } 50% { opacity: 0; } 75% { opacity:1; } } .bigmarker-widget-wrapper{ position: relative; background: #fff; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding-top: 64px; } .bigmarker-widget-header-box{ position: fixed; background: #fff; top: 0; width: 100%; z-index: 99999; box-shadow: inset 0 -1px 0 0 #dfe1e4; } .bigmarker-widget-header{ padding: 16px; } .bigmarker-widget-header-channel-img{ display: inline-block; width: 28px; height: 28px; overflow: hidden; vertical-align: middle; } .bigmarker-widget-header-channel-text{ display: inline-block; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px; color: #2b374d; vertical-align: middle; } .bigmarker-widget-header-channel-text a{ color: #2b374d; } .bigmarker-widget-close{ float: right; padding: 6px 0 0 0; } .bigmarker-widget-close a{ display: block; } .bigmarker-widget-close a svg{ display: block; width: 16px; height: 16px; fill: #b4b7ba; } .bigmarker-widget-main{ height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; background: #fff; flex: 1; } .bigmarker-widget-left{ position: relative; width: 55%; height: 100%; overflow: auto; display: flex; flex-direction: column; } .bigmarker-widget-right{ width: 45%; height: 100%; background: #f8f9fb; overflow: auto; } .bigmarker-widget-left-contents{ max-width: 597px; margin: 0 auto; padding: 40px 0 80px; } .bigmarker-widget-right-contents{ /*max-width: 360px;*/ margin: 0 auto; padding: 40px 0 80px; } .bigmarker-widget-section{ padding: 0 0 40px 0; } .bigmarker-widget-section-sub-title{ padding: 0 0 16px 0; } .bigmarker-widget-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 13px 0; } .bigmarker-widget-section-input{ } .bigmarker-widget-section-input input { display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; height: 40px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } /*20180409*/ .bigmarker-widget-seciton-listed-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 19px 0; } .bigmarker-widget-seciton-listed-manually{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; padding: 0 0 19px 0; } .bigmarker-widget-seciton-listed-manually > span{ display: inline-block; padding: 0 8px 0 0; vertical-align: middle; } .bigmarker-widget-seciton-listed-manually > span input{ display: block; width: 42px; height: 40px; text-align: center; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; } .bigmarker-widget-section-checkbox{ display: inline-block; margin: 0 17px 0 0; vertical-align: middle; } .bigmarker-widget-section-checkbox span{ display: inline-block; width: 17px; height: 17px; background: #fff; border: #dfe1e4 1px solid; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; } .bigmarker-widget-section-checkbox span i{ display: none; width: 11px; height: 11px; margin: 2px auto 0; border-radius: 50%; background: #00c4b5; } .bigmarker-widget-section-checkbox span.onactive i{ display: block; } .bigmarker-widget-section-checkbox p{ display: inline-block; margin: 0; padding: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .bigmarker-widget-section-img-size{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 19px 0; } .bigmarker-widget-section-add-img{ font-size: 0; } .bigmarker-widget-section-add-img{ display: inline-block; vertical-align: middle; width: 80px; height: 80px; margin: 0 16px 0 0; border-radius: 2px; overflow: hidden; } .bigmarker-widget-section-add-btn{ display: inline-block; vertical-align: middle; } .bigmarker-widget-section-add-btn a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #00c4b5; letter-spacing: -0.2px; } .bigmarker-widget-section-add-btn a.bigmarker-widget-remove{ display: block; margin: 2px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .bigmarker-design-build-theme-color{ display: inline-block; list-style: none; margin: 0 -2px; vertical-align: top; } .bigmarker-design-build-theme-color li{ position: relative; display: inline-block; margin: 0 3px 6px; width: 26px; height: 26px; border-radius: 13px; box-sizing: border-box; vertical-align: top; cursor: pointer; box-shadow: inset 0 0 0 2px transparent, 0 0 0 1px transparent; } .bigmarker-design-build-theme-color li.onactive{ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #1089f5; } .bigmarker-design-build-theme-color li.onactive span{ display: block; } .bigmarker-design-build-theme-color li b{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #2b374d; text-align: center; display: block; line-height: 24px; } .bigmarker-design-build-theme-color li.bigmarker-design-build-theme-color-check{ width: 90px; border-radius: 14px; border: #eaedf0 1px solid; border-left: none; } .bigmarker-design-build-theme-color-t, .bigmarker-design-build-theme-color-c{ position: absolute; left: 0; top: 0; height: 24px; width: 24px; background: #f4f6f8; border-radius: 13px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #2b374d; line-height: 24px; z-index: 1; /*border: #fff 2px solid;*/ box-sizing: border-box; /*box-shadow: 0 0 0 1px #1089f5;*/ border: #1089f5 1px solid; } .bigmarker-design-build-theme-color-c{ border: none; width: 24px; height: 24px; border-radius: 12px; } .bigmarker-design-build-theme-color-input{ position: absolute; width: 64px; top: 0; right: 0; } .bigmarker-design-build-theme-color-input input{ height: 24px; width: 55px; border: none; background: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #2b374d; } .bigmarker-list-btn-text-color{ display: inline-block; margin: 0 16px 0 0; vertical-align: middle; } .bigmarker-list-btn-text-color span{ display: inline-block; width: 16px; height: 16px; background: #fff; border: #dfe1e4 1px solid; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; } .bigmarker-list-btn-text-color span i{ display: none; width: 10px; height: 10px; margin: 2px auto 0; border-radius: 50%; background: #00c4b5; } .bigmarker-list-btn-text-color span.onactive i{ display: block; } .bigmarker-list-btn-text-color p{ display: inline-block; margin: 0; padding: 0; width: 31px; height: 26px; text-align: center; line-height: 24px; border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; letter-spacing: -0.2px; } .bigmarker-widget-text-color-box{ display: inline-block; vertical-align: top; padding: 0 0 0 24px; } .bigmarker-widget-section-2{ border-top: #dfe1e4 1px solid; padding: 40px 0 0 0; } .bigmarker-widget-section-embed-box{ padding: 0 0 14px 0; } .bigmarker-widget-section-embed-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 30px; } .bigmarker-widget-section-embed-btn{ float: right; } .bigmarker-widget-section-embed-btn a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 19px; background: #00c4b5; border-radius: 3px; box-shadow: none; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -0.2px; } .bigmarker-widget-section-embed-btn a:active{ box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3); } .bigmarker-widget-section-embed-codes textarea{ display: block; resize: none; padding: 10px 12px; border: #dfe1e4 1px solid; border-radius: 3px; height: 80px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; line-height: 1.5em; letter-spacing: -0.2px; } .bigmarker-widget-right-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #2b374d; letter-spacing: -0.5px; padding: 0 0 6px 0; text-align: center; } .bigmarker-widget-right-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; text-align: center; padding: 0 0 23px 0; } .bigmarker-widget-right-text.iframe-tips{ text-align: left; margin-top: 10px; padding-bottom: 0px; font-weight: normal; } .bigmarker-widget-right-nav{ display: block; list-style: none; font-size: 0; text-align: center; padding: 0 0 20px 0; } .bigmarker-widget-right-nav li{ display: inline-block; padding: 0 12px; } .bigmarker-widget-right-nav li a{ display: block; padding: 0 0 3px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .bigmarker-widget-right-nav li a.onactive{ color: #1089f5; border-bottom: #1089f5 2px solid; } .bigmarker-widget-out-points{ padding: 16px 0 0 0; text-align: center; font-size: 0; } .bigmarker-widget-out-points span{ display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin: 0 3px; background: #dfe1e4; cursor: pointer;; } .bigmarker-widget-out-points span.onactive{ background: #a2abbb; } .bigmarker-widget-section-box-webinar{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; margin: 0 20px 12px 0; } .bigmarker-widget-section-box-webinar-seclect{ color: #4c586e; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; } .bigmarker-widget-section-box-webinar-seclect .dd{ border: none; border-radius: 0; padding: 0px; } .bigmarker-widget-section-box-webinar-seclect .dd .ddTitle{ padding: 10px 0 ; background: #fff; } .bigmarker-widget-section-box-webinar-seclect .dd .ddTitle .ddTitleText { padding: 0 12px; } .bigmarker-widget-section-box-webinar-seclect .dd .ddTitle .ddTitleText img, .bigmarker-widget-section-box-webinar-seclect .ddcommon .ddChild li img{ display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0 10px 0 0; border-radius: 18px; overflow: hidden; } .bigmarker-widget-section-box-webinar-seclect .ddlabel{ color: #4c586e; } .bigmarker-widget-section-box-webinar-seclect .dd .ddChild li .ddlabel{ color: #4c586e; } .bigmarker-widget-section-box-webinar-seclect .dd .arrow{ background: none; border: none; border-radius: 0; line-height: 39px; } .bigmarker-widget-section-box-webinar-seclect .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; font-weight: 600; color: #8692a2; } .bigmarker-widget-section-box-webinar-seclect .dd .ddChild{ background: #fff; border: #dfe1e4 1px solid; } .bigmarker-widget-section-box-webinar-seclect .borderRadiusBtm .border, .bigmarker-widget-section-box-webinar-seclect .borderRadiusBtm ul li:first-child{ border-radius: 0; } .bigmarker-widget-section-box-webinar-seclect .dd .ddChild li{ padding: 10px; background: none; border: none; } .bigmarker-widget-section-box-webinar-seclect .dd .ddChild li.selected{ background: none; } .bigmarker-widget-section-box-webinar-add{ padding: 0; } .bigmarker-widget-section-box-webinar-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; color: #1fc4a6; letter-spacing: -0.2px; } .bigmarker-widget-section-box-webinar-delete{ position: absolute; right: -20px; top: 50%; margin: -6px 0 0 0; } .bigmarker-widget-section-box-webinar-delete a{ display: block; } .bigmarker-widget-section-box-webinar-delete a svg{ display: block; width: 12px; height: 12px; fill: #ccd0d3; } .bigmarker-widget-out-box{ width: auto; margin: 0 auto; /*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.07);*/ } .bigmarker-widget-box{ position: relative; border: #dfe1e4 1px solid; padding: 16px; } .bigmarker-widget-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; padding: 0 0 14px 0; } .bigmarker-widget-img-box{ padding: 0 0 13px 0; } .bigmarker-widget-img{ width: 288px; max-height: 288px; margin: 0 auto; overflow: hidden; } .bigmarker-widget-img a{ display: block; position: relative; } .bigmarker-widget-recording-play{ position: absolute; left: 50%; top: 50%; margin: -39px 0 0 -39px; width: 78px; height: 78px; border-radius: 50%; background-color: rgba(27, 33, 45, 0.9); box-shadow: 1px 1px 1px 0 rgba(54, 59, 68, 0.5); } .bigmarker-widget-recording-play svg{ display: block; width: 30px; height: 30px; fill: #fff; margin: 24px 28px 0; } .bigmarker-widget-webinar-title{ padding: 0 0 7px 0; } .bigmarker-widget-webinar-title a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 21px; letter-spacing: -0.4px; line-height: 1.14em; } .bigmarker-widget-webinar-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.2px; } .bigmarker-widget-webinar-btn{ padding: 20px 0 0 0; } .bigmarker-widget-webinar-btn a{ display: block; height: 40px; line-height: 40px; text-align: center; border-radius: 2px; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; } .bigmarker-widget-more-link{ padding: 16px 0 0 0; text-align: center; } .bigmarker-widget-more-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.1px; } .bigmarker-widget-more-link-2{ padding: 16px 0 0 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.1px; } .bigmarker-widget-form-back{ padding: 0 0 15px 0; } .bigmarker-widget-form-back a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; letter-spacing: -0.2px; } .bigmarker-widget-form-live{ padding: 0 0 15px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: -0.2px; } .bigmarker-widget-form-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; letter-spacing: -0.5px; padding: 0 0 22px 0; } .bigmarker-widget-form-list-box{ padding: 0 0 76px 0; } .bigmarker-widget-form-list{ padding: 0 0 19px 0; } .bigmarker-widget-form-list-name{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 10px 0; } .bigmarker-widget-form-list-input input{ display: block; background: #fff; border: #dfe1e4 1px solid; border-radius: 3px; height: 40px; padding: 9px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; } .bigmarker-widget-form-list-select{ position: relative; } .bigmarker-widget-form-list-select select{ position: relative; background: #fff; width: 100%; height: 40px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 34px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; } .bigmarker-widget-form-list-select b{ position: absolute; display: block; right: 12px; top: 16px; width: 10px; z-index: 2; } .bigmarker-widget-form-list-select b svg{ display: block; width: 10px; height: 10px; fill: #8692a2; } .bigmarker-widget-form-error-text{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #f35b59; letter-spacing: -0.2px; padding: 7px 0 0 0; } .bigmarker-widget-form-list-input.bigmarker-widget-form-error input{ border-color: #f35b59; } .bigmarker-widget-form-list-input.bigmarker-widget-form-error .bigmarker-widget-form-error-text, .bigmarker-widget-form-list-select.bigmarker-widget-form-error .bigmarker-widget-form-error-text{ display: block; } .bigmarker-widget-form-list-select.bigmarker-widget-form-error select{ border-color: #f35b59; } .bigmarker-widget-form-list-btn{ position: absolute; padding: 16px; bottom: 0; left: 0; right: 0; } .bigmarker-widget-form-list-btn input{ display: block; height: 44px; border-radius: 3px; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; background: #1089f5; } .bigmarker-widget-form-list-btn input:active{ box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3); } .bigmarker-widget-form-list-btn input[disabled]{ opacity: 0.4; } .bigmarker-widget-webinar-more{ padding: 0 0 9px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.2px; } .bigmarker-widget-webinar-more-choose{ padding: 0 0 8px 0; } .bigmarker-widget-webinar-more-choose span{ display: inline-block; width: 14px; height: 14px; background: #fff; border: #dfe1e4 1px solid; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; } .bigmarker-widget-webinar-more-choose span i{ display: none; width: 6px; height: 6px; margin: 3px auto 0; border-radius: 50%; background: #1fc4a6; } .bigmarker-widget-webinar-more-choose span.onactive i{ display: block; } .bigmarker-widget-webinar-more-choose p{ display: inline-block; margin: 0; padding: 0; line-height: 1.29em; border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.2px; } .bigmarker-widget-webinar-more-choose p b{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; } .bigmarker-widget-form-registered{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; letter-spacing: -0.5px; padding: 0 0 6px 0; } .bigmarker-widget-form-registered-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 21px; letter-spacing: -0.4px; line-height: 1.14em; padding: 0 0 7px 0; } .bigmarker-widget-form-registered-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.2px; padding: 0 0 22px 0; } .bigmarker-widget-form-registered-check{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.5px; padding: 0 0 6px 0; } .bigmarker-widget-form-registered-text{ padding: 0 0 28px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.29em; letter-spacing: -0.2px; } .bigmarker-widget-form-registered-text a{ color: #459fcd; } .bigmarker-widget-form-registered-btn{ } .bigmarker-widget-form-registered-btn a{ display: block; height: 40px; line-height: 40px; border-radius: 2px; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 15px; letter-spacing: -0.2px; text-align: center; } .bigmarker-widget-noimg-box{ display: table; width: 288px; height: 288px; padding: 16px; margin: 0 auto; } .bigmarker-widget-modal-out{ position: relative; max-width:320px; margin:0 auto; background: #fff; padding: 32px 13px 16px 16px; } .bigmarker-widget-modal-in{ overflow: auto; max-height: 540px; } .bigmarker-widget-modal-bg{ position: fixed; left: 0; right: 0; top: 0; height: 100%; background: rgba(0, 0, 0, .8); padding: 50px 0; z-index: 99999999; overflow: auto; } .bigmarker-widget-modal-close{ position: absolute; top: 12px; right: 12px; z-index: 1; } .bigmarker-widget-modal-close a{ display: block; } .bigmarker-widget-modal-close a svg{ display: block; width: 16px; height: 16px; fill: #ccd0d3; } .bigmarker-widget-box-webinars-list{ display: block; list-style: none; } .bigmarker-widget-box-webinars-list li{ display: block; padding: 0 0 16px 0; } .bigmarker-widget-box-webinars-list-img{ float: left; width: 72px; height: 72px; overflow: hidden; } .bigmarker-widget-box-webinars-list-img a{ display: block; } .bigmarker-widget-box-webinars-list-right{ float: right; width: 100%; margin: 0 0 0 -84px; } .bigmarker-widget-box-webinars-list-right-in{ margin: 0 0 0 84px; } .bigmarker-widget-box-webinars-list-title{ padding: 0 0 2px 0; } .bigmarker-widget-box-webinars-list-title a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; font-weight: 600; letter-spacing: -0.2px; line-height: 1.21em; } .bigmarker-widget-box-webinars-list-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #4c586e; letter-spacing: -0.1px; } .bigmarker-widget-box-webinars-list-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #1089f5; letter-spacing: -0.1px; } .bigmarker-widget-box-webinars-list-link a span{ display: inline-block; vertical-align: middle; width: 8px; height: 8px; } .bigmarker-widget-box-webinars-list-link a span svg{ display: block; width: 8px; height: 8px; fill: #1089f5; } .survey-main-left-list-choose-box-show-bar{ position: relative; } .settings-2018-contacts-list-create-box-list-checkbox-icon{ position: absolute; width: 16px; left: 0; top: 0; } span.settings-2018-contacts-contact-checkbox{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } span.settings-2018-contacts-contact-checkbox i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } span.settings-2018-contacts-contact-checkbox i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive{ border-color: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive i{ display: block; } .widget-checkbox-title{ padding: 0 0 8px 30px; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .fpuf-main-popup-template-select{ padding: 0 0 10px 0; font-size: 0; } .fpuf-main-popup-template-select span{ display: inline-block; vertical-align: top; margin: 0 12px 0 0; } .fpuf-main-popup-template-select span a{ display: inline-block; padding: 0 10px; height: 40px; line-height: 37px; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .fpuf-main-popup-template-select span a.onactive{ border-color: #2196f3; color: #4c586e; } #new_post, #new_post_club{ height: 100%; } .integrations-ac-section-text { padding: 16px 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .integrations-ac-section-text-2 { padding: 1px 0 10px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .integrations-ac-section-note-text { padding: 5px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .integrations-ac-section-text a, .integrations-ac-section-text-2 a { color: #00c4b5; } .integrations-ac-section-list { border-bottom: #eaedf0 1px solid; padding: 0 24px 32px 24px; margin: 0 -24px 32px; } .integrations-ac-section-list-checked-in { padding: 0 24px 32px 24px; margin: 0 -24px 0px; } .integrations-ac-section-list-fw { border-bottom: #eaedf0 1px sol5d; padding: 25px 24px 32px 24px; margin: 0 -24px 32px; } .integrations-ac-section-list:last-child { margin-bottom: 0; } .integrations-ac-section-list-title { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 12px 0; } .integrations-ac-section-list-table { padding: 0 0 4px 0; } .integrations-ac-section-list-table table tr th { text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 24px 12px 0; } .integrations-ac-section-list-table table tr th:nth-child(1) { width: 33%; } .integrations-ac-section-list-table table tr td { padding: 0 24px 16px 0; } .integrations-ac-section-list-table table tr td:nth-child(1) { width: 33%; } .integrations-ac-section-list-table table tr th:last-child, .integrations-ac-section-list-table table tr td:last-child { padding-right: 0; width: 17px; } /********************for***hubspot******************/ .integrations-ac-section-list-table-hubspot { padding: 0 0 4px 0; } .integrations-ac-section-list-table-hubspot table tr th { text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 24px 12px 0; } .integrations-ac-section-list-table-hubspot table tr th:nth-child(1) { width: 33%; } .integrations-ac-section-list-table-hubspot table tr th:nth-child(2) { width: 40%; } .integrations-ac-section-list-table-hubspot table tr td { padding: 0 24px 16px 0; } .integrations-ac-section-list-table-hubspot table tr td:nth-child(1) { width: 33%; } .integrations-ac-section-list-table-hubspot table tr th:last-child, .integrations-ac-section-list-table-hubspot table tr td:last-child { padding-right: 0; width: 17px; } /*******************for***hubspot*******************/ .integrations-ac-section-list-select { position: relative; } .integrations-ac-section-list-select select, .integrations-ac-section-list-select input[type='text'] { position: relative; display: block; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; margin: 0; width: 100%; padding: 0 20px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; outline: none; background: none; box-sizing: border-box; -webkit-appearance: none !important; -moz-appearance: none !important; } .integrations-ac-section-list-select-freshworks-grey-out select, .integrations-ac-section-list-select-freshworks-grey-out input[type='text'] { position: relative; display: block; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; margin: 0; width: 100%; padding: 0 20px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; outline: none; /*background: #dfe1e4;*/ background: #ededed; box-sizing: border-box; -webkit-appearance: none !important; -moz-appearance: none !important; } .integrations-ac-section-list-select i { position: absolute; display: block; font-style: normal; right: 12px; top: 17px; width: 9px; z-index: 1; } .integrations-ac-section-list-select i svg { display: block; width: 9px; height: 9px; fill: #4c586e; } .integrations-ac-section-list-delete { display: none; width: 12px; } .integrations-ac-section-list-delete a svg { display: block; width: 12px; height: 12px; fill: #c1c9d6; } .integrations-ac-section-list-table table tr:hover .integrations-ac-section-list-delete { display: block; } .integrations-ac-section-list-input input, .integrations-ac-section-list-input input[readonly] { display: block; width: 100%; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; background: #fff; } .integrations-ac-section-list-data-box{ display: flex; justify-content: space-between; align-items: center; } .integrations-ac-section-list-data-in{ flex: 0 1 48%; } .integrations-ac-section-list-add-btn{ position: relative; left: -16px; } .integrations-ac-section-list-add-btn > a{ display: block; width: 32px; height: 32px; border-radius: 20px; } .integrations-ac-section-list-add-btn-tips{ display: none; position: absolute; white-space: nowrap; right: 0; top: 37px; border-radius: 4px; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); padding: 8px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #02091a; letter-spacing: -0.2px; font-weight: normal; z-index: 10; } .integrations-ac-section-list-add-btn:hover .integrations-ac-section-list-add-btn-tips{ display: block; } .integrations-ac-section-list-add-del{ position: relative; left: -5px; } .integrations-ac-section-list-add-del a svg{ display: block; height: 10px; width: 10px; fill: #ccd0d3; } .js_hubspot_registrants_add_another{ display: none; } .js_hubspot_attendees_add_another{ display: none; } .js_hubspot_no_shows_add_another{ display: none; } .js_hubspot_recording_viewers_add_another{ display: none; } .js_hubspot_checkin_on_site_add_another{ display: none; } .integrations-ac-section-list-select-import { position: relative; } .integrations-ac-section-list-select-import select, .integrations-ac-section-list-select-import input[type='text'] { position: relative; display: block; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; margin: 0; width: 100%; padding: 0 20px 0 12px; font-family: 'ModernSans'; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; outline: none; background: none; box-sizing: border-box; -webkit-appearance: none !important; -moz-appearance: none !important; } .integrations-ac-section-list-select-import i { position: absolute; display: block; font-style: normal; right: 12px; top: 17px; width: 9px; z-index: 1; } .integrations-ac-section-list-select-import i svg { display: block; width: 9px; height: 9px; fill: #4c586e; } .integrations-ac-section-list-delete-import { display: none; width: 12px; } .integrations-ac-section-list-delete-import a svg { display: block; width: 12px; height: 12px; fill: #c1c9d6; } .integrations-ac-section-list-table-import table tr:hover .integrations-ac-section-list-delete-import { display: block; } .integrations-ac-section-list-inpu-importt input, .integrations-ac-section-list-input-import input[readonly] { display: block; width: 100%; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans'; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; background: #fff; } .integrations-ac-section-list-select-profiling { position: relative; } .integrations-ac-section-list-select-profiling select, .integrations-ac-section-list-select-profiling input[type='text'] { position: relative; display: block; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; margin: 0; width: 100%; padding: 0 20px 0 12px; font-family: 'ModernSans'; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; outline: none; background: none; box-sizing: border-box; -webkit-appearance: none !important; -moz-appearance: none !important; } .integrations-ac-section-list-select-profiling i { position: absolute; display: block; font-style: normal; right: 12px; top: 17px; width: 9px; z-index: 1; } .integrations-ac-section-list-select-profiling i svg { display: block; width: 9px; height: 9px; fill: #4c586e; } .integrations-ac-section-list-delete-profiling { display: none; width: 12px; } .integrations-ac-section-list-delete-profiling a svg { display: block; width: 12px; height: 12px; fill: #c1c9d6; } .integrations-ac-section-list-table-profiling table tr:hover .integrations-ac-section-list-delete-profiling { display: block; } .integrations-ac-section-list-inpu-profiling input, .integrations-ac-section-list-input-profiling input[readonly] { display: block; width: 100%; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans'; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; background: #fff; } .integrations-ac-section-list-add { font-size: 0; } .integrations-ac-section-list-add span { display: inline-block; } .integrations-ac-section-list-add span:nth-last-child(n+2) { margin: 0 60px 0 0; } .integrations-ac-section-list-add span a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .integrations-ac-section-list-save-btn { font-size: 0; padding: 24px 0 0; } .integrations-ac-section-list-save-btn span { display: inline-block; vertical-align: top; margin: 0 12px 0 0; } .integrations-ac-section-list-save-btn span a, .integrations-ac-section-list-save-btn span input { display: inline-block; padding: 0 20px; height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 3px; } .integrations-ac-section-list-save-btn span:nth-child(1) a, .integrations-ac-section-list-save-btn span:nth-child(1) input { /*background-color: #00c4b5;*/ line-height: 44px; font-weight: 600; color: #fff; letter-spacing: -0.4px; background-image: linear-gradient(to left, #0390f5, #1db3fa) } .integrations-ac-section-list-save-btn span:nth-child(2) a, .integrations-ac-section-list-save-btn span:nth-child(2) input { border: solid 1px #dfe1e4; background-image: -webkit-linear-gradient(#ffffff, #f9fafb); line-height: 42px; font-weight: 500; color: #4c586e; } .integrations-ac-section-list-save-btn span:nth-child(3) a, .integrations-ac-section-list-save-btn span:nth-child(3) input { border: solid 1px #dfe1e4; background-image: -webkit-linear-gradient(#ffffff, #f9fafb); line-height: 42px; font-weight: 500; color: #4c586e; } .integrations-ac-section-list-save-btn span:nth-child(1) a:hover, .integrations-ac-section-list-save-btn span:nth-child(1) input:hover { background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .integrations-ac-section-list-save-btn span:nth-child(2) a:hover, .integrations-ac-section-list-save-btn span:nth-child(2) input:hover { background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .integrations-ac-section-list-save-btn span:nth-child(3) a:hover, .integrations-ac-section-list-save-btn span:nth-child(3) input:hover { background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .integrations-ac-section-list-2 { padding: 28px 0 4px 0; } .integrations-ac-section-list-2-title { position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 12px 0; } .integrations-ac-section-list-2-title span { display: block; position: absolute; right: 0; top: 0; } .integrations-ac-section-list-2-title span a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .integrations-ac-section-list-2-input { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .integrations-ac-section-list-2-input input { display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .integrations-ac-section-copy { margin-top: 15px; } .integrations-ac-section-list-2-checkbox { position: relative; padding: 0 0 0 28px; } .integrations-ac-section-list-2-outbox { margin: 0 -24px; padding: 0 24px 20px; border-bottom: #eaedf0 1px solid; } .integrations-ac-tips-box-wrong { background-color: #ffecf0; border-radius: 3px; padding: 20px 20px 20px 60px; position: relative; margin: 0 0 24px 0; } .integrations-ac-tips-box-success { background-color: #e3f8f6; border-radius: 3px; padding: 20px 20px 20px 60px; position: relative; margin: 0 0 24px 0; } .integrations-ac-tips-box-close { position: absolute; right: 12px; top: 12px; width: 10px; } .integrations-ac-tips-box-close a svg { display: block; width: 10px; height: 10px; fill: #717e94; } .integrations-ac-tips-box-icon { position: absolute; left: 20px; top: 20px; width: 24px; } .integrations-ac-tips-box-icon svg { display: block; width: 24px; height: 24px; fill: #e93e62 } .integrations-ac-tips-box-icon-2 { position: absolute; left: 20px; top: 20px; width: 24px; } .integrations-ac-tips-box-icon-2 svg { display: block; width: 24px; height: 24px; fill: #00c4b5 } .integrations-ac-tips-box-title { padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .integrations-ac-tips-box-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.29em; } .integrations-ac-tips-box-text a { color: #1089f5; } .integrations-ac-section-list-deatils { padding: 0 0 20px 0; } .integrations-ac-section-list-deatails-box { padding: 0 0 24px 28px; } .integrations-ac-section-list-deatails-box-title { position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 12px 0; } .integrations-ac-section-list-deatails-box-title span { display: block; position: absolute; right: 0; top: 0; } .integrations-ac-section-list-deatails-box-title span a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: normal; } .integrations-ac-section-list-deatails-box-title span a[disabled] { background: none; } .integrations-ac-top { padding: 0 0 16px 0; } .integrations-ac-box-top-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 40px 0; } .integrations-ac-box-top-note { max-width: 700px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 40px 0; margin-top: -30px; } .integrations-ac-box-top-active-btn { float: right; font-size: 0; } .integrations-ac-box-top-active-btn span { display: inline-block; vertical-align: middle; } .integrations-ac-box-top-active-btn span a { display: inline-block; padding: 0 8px; height: 26px; line-height: 26px; border-radius: 14px; background-color: #00cfbf; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.2px; font-weight: 500; } .integrations-ac-box-top-active-btn span a b { display: inline-block; width: 14px; vertical-align: middle; } .integrations-ac-box-top-active-btn span.setup-required a { background-color: #f8f2aa; color: #6d6749; } .integrations-ac-box-top-active-btn i { display: inline-block; font-style: italic; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; margin: 0 12px 0 0; } .integrations-ac-top-title { float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; font-weight: bold; letter-spacing: -0.2px; } span.settings-2018-contacts-contact-checkbox { position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } span.settings-2018-contacts-contact-checkbox i { position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } span.settings-2018-contacts-contact-checkbox i svg { display: block; width: 10px; height: 10px; fill: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive { border-color: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive i { display: block; } .settings-2018-contacts-list-create-box-list-checkbox { position: relative; padding: 0 0 0 26px; } .settings-2018-contacts-list-create-box-list-checkbox-icon { position: absolute; width: 16px; left: 0; top: 1px; } .settings-2018-contacts-list-create-box-list-checkbox-title { padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-checkbox-title a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-checkbox-title input[type="number"] { height: 35px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: right; } .settings-2018-contacts-list-create-box-list-checkbox-title input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .settings-2018-contacts-list-create-box-list-checkbox-title input[type="number"] { -moz-appearance: textfield; } .settings-2018-contacts-list-create-box-list-checkbox-title input[type="number"].invalid { border: #fa405d 2px solid; } .settings-2018-contacts-list-create-box-list-checkbox-title input[type="number"].valid { border: #dfe1e4 1px solid; } .settings-2018-contacts-list-create-box-list-checkbox-title p.error{ color: #fa405d; font-weight: bold; } .settings-2018-contacts-list-create-box-list-checkbox-subtitle{ padding: 0 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .settings-2018-contacts-list-checkbox-warning { color: #f44; font-weight: bold; } .settings-2018-contacts-list-create-box-list-checkbox-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.13em; } .integrations-ac-section-list-2-checkbox-ondemand { position: relative; padding: 0 0 0 28px; } .disable-import-button { pointer-events: none; cursor: default; opacity: 0.2; } .integrations-ac-section-list-2-radio{ display: flex; justify-content: left; align-items: center; padding: 0 0 8px 0; } .integrations-ac-section-list-2-radio > span{ width: 16px; height: 16px; border-radius: 10px; border: #d1dbe7 1px solid; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 12px 0 0; } .integrations-ac-section-list-2-radio > span > i{ display: none; width: 10px; height: 10px; border-radius: 6px; background: linear-gradient(90deg, #1DB3FA, #0390F5); } .integrations-ac-section-list-2-radio > span.onactive > i{ display: block; } .integrations-ac-section-list-2-radio-text{ flex: 1; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #02091a; letter-spacing: -0.2px; } .integrations-api-log-filter{ padding: 24px 0; } .integrations-api-log-filter-left{ float: left; font-size: 0; } .integrations-api-log-filter-right{ float: right; } .integrations-api-log-filter-title{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; font-weight: normal; letter-spacing: -0.2px; margin: 0 24px 0 0; } .integrations-api-log-filter-select{ position: relative; display: inline-block; vertical-align: middle; margin: 0 24px 0 0; } .integrations-api-log-filter-select select{ position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 18px; padding: 0 16px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #0091FF; font-weight: 500; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .integrations-api-log-filter-select i{ position: absolute; display: block; font-style: normal; right: 0px; top: 6px; width: 8px; z-index: 1; } .integrations-api-log-filter-select i svg{ display: block; width: 8px; height: 8px; fill: #0091FF; } .integrations-api-log-filter-search{ position: relative; border: #e6eaf3 1px solid; border-radius: 4px; padding: 0 10px 0 34px; width: 160px; box-sizing: border-box; background: #fff; } .integrations-api-log-filter-search span{ display: block; position: absolute; left: 10px; top: 9px; } .integrations-api-log-filter-search span svg{ display: block; width: 12px; height: 12px; fill: #9fa9be; } .integrations-api-log-filter-search input{ display: block; width: 100%; height: 30px; border: none; background: transparent; outline: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; letter-spacing: -0.28px; } .integrations-api-log-filter-search input::-webkit-input-placeholder{ color: #9fa9be; } .integrations-api-log-filter-search input::-moz-placeholder{ color: #9fa9be; } .integrations-api-log-filter-search input::-ms-placeholder{ color: #9fa9be; } .integrations-api-log-filter-search input::-o-placeholder{ color: #9fa9be; } .integrations-api-log-table{ padding: 0 0 32px 0; } .integrations-api-log-table table tr th{ padding: 16px 12px 16px 12px; border-bottom: #e6eaf3 1px solid; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6f7d9b; font-weight: bold; letter-spacing: -0.3px; } .integrations-api-log-table table tr th:nth-child(1){ width: 10px; } .integrations-api-log-table table tr td{ padding: 16px 12px 16px 12px; vertical-align: middle; border-bottom: #e6eaf3 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; } .integrations-api-log-table table tr td > a{ font-size: 15px; color: #0091ff; text-decoration: underline; } .integrations-api-log-table table tr td > span{ display: inline-block; width: 8px; height: 8px; border-radius: 10px; background: #e23838; } .integrations-api-audit-table{ padding: 0 0 32px 0; } .integrations-api-audit-table table tr th{ padding: 16px 12px 16px 12px; border-bottom: #e6eaf3 1px solid; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6f7d9b; font-weight: bold; letter-spacing: -0.3px; } .integrations-api-audit-table table tr td{ padding: 16px 12px 16px 12px; vertical-align: middle; border-bottom: #e6eaf3 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; } .integrations-api-audit-table table tr td > a{ font-size: 15px; color: #0091ff; text-decoration: underline; } .integrations-api-audit-table table tr td:last-child{ width: 46px; } .integrations-api-log-table-link{ max-width: 280px; word-break: break-word; } .integrations-api-log-table-more{ position: relative; } .integrations-api-log-table-more svg{ display: block; width: 12px; height: 12px; fill: #9fa9be; } .integrations-slesforce-nav{ position: relative; border-bottom: #e6eaf3 2px solid; margin: 0 0 16px 0; } .integrations-slesforce-nav-list{ position: relative; display: block; list-style: none; font-size: 0; bottom: -2px; } .integrations-slesforce-nav-list li{ display: inline-block; vertical-align: top; padding: 0 32px 0 0; } .integrations-slesforce-nav-list li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4b5874; letter-spacing: -0.3px; font-weight: 500; padding: 0 0 16px 0; } .integrations-slesforce-nav-list li a.onactive{ font-weight: bold; color: #02091a; border-bottom: #0390f5 2px solid; } .integrations-switch-list{ display: block; list-style: none; margin-bottom: 15px; } .integrations-switch-list-left{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; letter-spacing: -0.2px; color: #2b374d; } .integrations-switch-list-right{ display: inline-block; width: 26px; padding: 5px 0 0 0; margin-left: 15px; } .integrations-switch-box{ position: relative; height: 12px; width: 24px; border-radius: 6px; background: #e9edf0; cursor: pointer; } .integrations-switch-touch{ position: absolute; width: 14px; height: 14px; border-radius: 7px; background: #c1c9d6; box-shadow: none; left: -2px; top: -1px; -webkit-transition: left .1s ease-in-out; -moz-transition: left .1s ease-in-out; -ms-transition: left .1s ease-in-out; transition: left .1s ease-in-out; cursor: pointer; } .integrations-switch-list .onactive .integrations-switch-touch{ left: 11px; background: linear-gradient(to left, #0390f5, #1db3fa 0%); } .integrations-switch-list .onactive .integrations-switch-box{ background: #aedff8; } .idp_metadata_switch_button{ color: #1089f5 } .integrations-ac-section-list-radio{ padding: 5px 0 0 0; } .integrations-ac-section-list-radio span{ display: block; padding: 0 0 14px 0; } .integrations-ac-section-list-radio span .prettycheckbox label, .integrations-ac-section-list-radio span .prettyradio label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .setting-wrapper{ position: relative; background: #fff; } .nsettings-banner-box{ position: relative; height: 150px; } .nsettings-nav-box{ position: absolute; left: 0; right: 0; bottom: 0; } .nsettings-nav{ display: block; list-style: none; } .nsettings-nav li{ display: inline-block; padding: 0 30px 0 0; } .nsettings-nav li a{ display: block; padding: 0 0 15px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; color: #fff; opacity: .9; border: none; } .nsettings-nav li a.onactive{ font-weight: 900; opacity: 1; border-bottom-width: 3px; border-bottom-style: solid; padding: 0 0 12px 0; } .nsettings-main{ padding: 60px 0 0 0; } .nsettings-profile-left{ max-width: 800px; } .nsettings-profile-left-w{ max-width: 940px; } .nsettings-main-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 22px; color: #2b374d; padding: 0 0 10px 0; } .nsettings-main-text{ font-size: 14px; color: #8692a2; padding: 0 0 15px 0; max-width: 600px; line-height: 1.5em; } .nsettings-main-text-2{ border-bottom: #dfe1e4 1px dashed; font-size: 14px; color: #8692a2; padding: 0 0 15px 0; line-height: 1.5em; } .nsettings-main-text-2 span{ display: block; max-width: 630px; } /* 20160928 */ .nsettings-main-text-2 a{ color: #0a9af6; } .nsettings-main-list-out{ border-bottom: #dfe1e4 1px dashed; border-top: #dfe1e4 1px dashed; padding: 30px 0 25px; } .nsettings-main-list-out-2{ border-top: #dfe1e4 1px dashed; padding: 30px 0 60px 0; } .nsettings-list-box{ padding: 0 0 25px 0; } .nsettings-list-left{ float: left; width: 170px; } .nsettings-list-right{ float: right; width: 100%; margin: 0 0 0 -190px; } .nsettings-list-right-in{ margin: 0 0 0 190px; } .nsettings-list-title, .nsettings-list-title-2{ font-size: 15px; color: #8692a2; font-weight: 700; text-align: right; padding: 11px 0 0 0; } .nsettings-list-title-2{ padding: 0; } .nsettings-list-photo-box{ display: inline-block; vertical-align: top; } .nsettings-list-photo{ display: table; width: 100px; height: 100px; border: #ccd0d3 1px solid; border-radius: 3px; } .nsettings-list-photo a{ display: table-cell; width: 100px; height: 100px; vertical-align: middle; } .nsettings-list-photo-icon{ padding: 0 0 10px 0; } .nsettings-list-photo-icon svg{ display: block; width: 32px; height: 32px; margin: 0 auto; fill: #0a9af6; } .nsettings-list-photo-text{ font-size: 15px; font-weight: 700; color: #0a9af6; text-align: center; } .nsettings-list-change-box{ display: inline-block; padding: 0 0 0 10px; } .nsettings-list-change-box span{ display: inline-block; padding: 0 0 0 20px; } .nsettings-list-change-box span a{ display: block; font-size: 15px; font-weight: 700; color: #0a9af6; } .nsettings-list-input input, .nsettings-list-input-2 input{ display: block; width: 100%; border: #ccd0d3 1px solid; border-radius: 3px; height: 40px; padding: 0 10px; font-size: 15px; color: #2b374d; } .nsettings-list-input textarea{ border: #ccd0d3 1px solid; border-radius: 3px; padding: 10px; font-size: 15px; color: #2b374d; resize: none; height: 110px; } .nsettings-list-input-2{ padding: 15px 0 0 0; } .nsettings-list-btn{ padding: 30px 0 50px 0; text-align: right; } .nsettings-list-btn span{ display: inline-block; } .nsettings-list-btn span:first-child{ padding: 0 15px 0 0; } .nsettings-list-btn span a{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; background: #dadaf0; font-size: 13px; font-weight: 900; color: #2b374d; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .nsettings-list-btn span input{ display: block; width: 240px; height: 40px; background: #0a9af6; font-size: 13px; font-weight: 900; color: #fff; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .nsettings-list-btn span input:hover{ background: #09db99; } .nsettings-list-tips{ font-size: 14px; color: #8692a2; padding: 5px 0 0 10px; } .nsettings-list-tips a{ color: #0a9af6; } .nsettings-list-social-box span{ display: inline-block; } .nsettings-list-social-box span:first-child{ width: 160px; height: 40px; margin: 0 24px 0 0; background: #f4f6f8; line-height: 40px; text-align: center; font-size: 15px; font-weight: 700; color: #2b374d; border-radius: 3px; } .nsettings-list-social-box span:first-child i{ display: inline-block; font-style: normal; margin: 0 5px 0 0; } .nsettings-list-social-box span:first-child i svg{ display: block; width: 14px; height: 14px; fill: #0a9af6; } .nsettings-list-social-box span:last-child a{ display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; font-weight: 900; border-radius: 3px; color: #fff; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .msettings-list-facebook{ background: #3b5999; } .msettings-list-google{ background: #dd4b39; } .msettings-list-twitter{ background: #55acee; } .nsettings-list-social-box span:first-child.notconnected{ background: none; border: #dfe1e4 1px solid; } .nsettings-account-close{ padding: 0 0 50px 0; } .nsettings-account-close a{ display: block; width: 160px; height: 40px; line-height: 40px; margin: 0 auto; background: #0a9af6; font-size: 15px; font-weight: 900; color: #fff; text-align: center; border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .nsettings-billing-goback{ padding-bottom: 20px; } .nsettings-billing-title{ font-size: 12px; font-weight: 900; color: #4d70aa; padding: 0 0 25px 0; } .nsettings-billing-channel-select{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 22px; color: #2b374d; } .nsettings-billing-channel-select .dd{ border: none; } .nsettings-billing-channel-select .ddcommon .ddTitle { padding: 0 32px 0 0; position: relative; display: inline-block; width: auto } .nsettings-billing-channel-select .dd .ddTitle .ddTitleText img, .nsettings-billing-channel-select .ddcommon .ddChild li img { display: inline-block; width: 24px; height: 24px; padding: 0; margin: 0 10px 0 0; border-radius: 12px; overflow: hidden; vertical-align: top; } .nsettings-billing-channel-select .ddcommon .arrow { display: inline-block; background: none; border: none; border-radius: 0; line-height: 35px; } .nsettings-billing-channel-select .ddcommon .ddTitle .ddTitleText { display: inline-block; padding: 5px 0 5px 0; } .nsettings-billing-channel-select .dd .arrow:after { font-family: 'bigmarker'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 12px; color: #2b374d; } .nsettings-billing-select-box{ border-bottom: #4d70aa 2px solid; padding: 0 0 5px 0; } .nsettings-billing-main{ padding: 35px 0 0 0; } .nsettings-billing-main-left{ float: left; width: 100%; margin: 0 -384px 0 0; } .nsettings-billing-main-left-in{ margin: 0 384px 0 0; } .nsettings-billing-main-right{ position: relative; float: right; width: 275px; z-index: 1; } .nsettings-billing-pay-box{ border-top: #dfe1e4 1px dashed; border-bottom: #dfe1e4 1px dashed; } .nsettings-billing-pay-left{ width: 50%; float: left; border-right: #dfe1e4 1px dashed; padding: 25px 0 0 0; } .nsettings-billing-pay-right{ width: 50%; float: right; padding: 25px 0 0 50px; } .nsettings-billing-pay-list{ padding: 0 0 25px 0; } .nsettings-billing-pay-list-title{ font-size: 12px; font-weight: 900; color: #8692a2; padding: 0 0 15px 0; } .nsettings-billing-pay-list-text{ font-size: 15px; color: #363b44; padding: 0 0 10px 0; } .nsettings-billing-pay-list-text a{ color: #0a9af6; } .nsettings-billing-pay-list-text span{ color: #8692a2; } .nsettings-billing-pay-link span{ display: inline-block; padding: 0 25px 0 0; } .nsettings-billing-pay-link span:last-child{ padding: 0; } .nsettings-billing-pay-link span a{ display: block; font-size: 15px; color: #0a9af6; } .nsettings-billing-pay-list-card span{ display: inline-block; vertical-align: middle; } .nsettings-billing-pay-list-card span:nth-child(1){ width: 40px; } .nsettings-billing-pay-list-card span:nth-child(2){ padding: 0 5px; font-size: 15px; color: #363b44; } .nsettings-billing-pay-list-card span:nth-child(3) a,.nsettings-billing-pay-list-card span a{ display: block; font-size: 15px; color: #0a9af6; } .nsettings-billing-host-box{ padding: 40px 0; border-bottom: #dfe1e4 1px dashed; } .nsettings-billing-host-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; color: #2b374d; padding: 0 0 10px 0; } .nsettings-billing-host-sub-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; color: #2b374d; padding: 0 0 10px 0; } .nsettings-billing-host-sub-title a{ color: #0a9af6; } .nsettings-billing-host-list{ position: relative; padding: 10px 0 15px 32px; font-size: 16px; color: #363b44; } .nsettings-billing-host-list span{ display: block; position: absolute; left: 0; top: 10px; width: 22px; } .nsettings-billing-host-list span svg{ width: 22px; height: 22px; fill: #ccd0d3; } .nsettings-billing-host-list-box{ padding: 0 0 0 32px; } .nsettings-billing-host-list-box li{ position: relative; display: flex; justify-content: left; align-items: center; border-top: #dfe1e4 1px dashed; padding: 8px 0; gap: 10px; } .nsettings-billing-host-list-box-in{ flex: 1; display: flex; justify-content: left; gap: 10px; align-items: center; } .nsettings-billing-host-list-box-left{ display: flex; justify-content: left; align-items: center; gap: 10px; } .nsettings-billing-host-list-box li:last-child{ border-bottom: #dfe1e4 1px dashed; } .nsettings-billing-host-list-box-in span{ display: inline-block; vertical-align: middle; } .nsettings-billing-host-list-box-in span:nth-child(1){ font-size: 13px; color: #8692a2; } .nsettings-billing-host-list-box-in span:nth-child(2){ width: 24px; height: 24px; border-radius: 50%; overflow: hidden; } .nsettings-billing-host-list-box-in span:nth-child(3){ font-size: 15px; color: #2b374d; flex: 1; } .channel-invitation-url{ margin: 5px 0 0 56px; font-size: 12px; } .nsettings-billing-host-list-box-in span:nth-child(3) a{ color: #0a9af6; } .nsettings-billing-host-list-box li i{ /* position: absolute; */ display: block; font-style: normal; /* right: 15px; top: 16px; */ } .nsettings-billing-host-list-box li i svg{ display: block; width: 10px; height: 10px; fill: #ccd0d3; } .nsettings-billing-host-list-box li b{ /* position: absolute; */ display: block; font-style: normal; /* right: 15px; top: 13px; */ } .nsettings-billing-host-list-box li b a{ display: block; width: 16px; height: 16px; border-radius: 50%; background: #0a9af6; } .nsettings-billing-host-list-box li b a span{ display: block; padding: 4px 0 0 0; width: 8px; margin: 0 auto; } .nsettings-billing-host-list-box li b a svg{ display: block; width: 8px; height: 8px; fill: #fff; margin: 0 auto; } .nsettings-billing-host-list a{ padding: 0 12px; font-size: 14px; color: #0a9af6; } .nsettings-billing-host-add{ padding: 20px 0 0 32px; } .nsettings-billing-host-add a{ display: block; border: #0a9af6 1px solid; border-radius: 2px; height: 42px; line-height: 42px; text-align: center; font-size: 15px; font-weight: 700; color: #0a9af6; } .nsettings-billing-total-box{ border: #dfe1e4 1px dashed; padding: 25px 30px; border-radius: 3px; } .nsettings-billing-total-title{ font-size: 12px; font-weight: 600; color: #8692a2; padding: 0 0 15px 0; text-align: center; } .nsettings-billing-total-list{ display: block; list-style: none; padding: 0 0 0 5px; border-top: #dfe1e4 1px dashed; border-bottom: #dfe1e4 1px dashed; } .nsettings-billing-total-list li{ display: block; padding: 10px 0; } .nsettings-billing-total-list-box{ position: relative; height: 20px; } .nsettings-billing-total-list-name{ position: absolute; display: inline-block; bottom: -2px; left: 0; top: 0; background: #fff; font-size: 15px; color: #2b374d; } .nsettings-billing-total-list-price{ position: absolute; display: inline-block; bottom: -2px; right: 0; top: 0; background: #fff; font-size: 15px; font-weight: 600; color: #2b374d; } .nsettings-billing-total-list-tips{ padding: 10px 0 0 0; } .nsettings-billing-total-list-tips span{ display: block; font-size: 14px; color: #8692a2; line-height: 1.5em; } .nsettings-billing-total-total{ padding: 10px 0 10px 5px; border-bottom: #dfe1e4 1px dashed; } .nsettings-billing-total-total-name{ float: left; font-size: 15px; font-weight: 600; color: #2b374d; } .nsettings-billing-total-total-price{ float: right; font-size: 15px; font-weight: 900; color: #2b374d; } .nsettings-billing-coupon-link{ padding: 15px 0 0 0; text-align: center; font-size: 14px; color: #0a9af6; } .nsettings-billing-coupon-link a{ font-size: 14px; color: #0a9af6; } .nsettings-billing-coupon-link span{ display: inline-block; width: 13px; margin: 0 5px 0 0; } .nsettings-billing-coupon-tips{ font-size: 14px; text-align: center; color: #0a9af6; padding: 10px 0 0 0; } .nsettings-billing-coupon-tips span{ color: #ee4242; } .nsettings-payment-table{ padding: 20px 0 0 0; overflow-x: auto; } .nsettings-payment-table-in{ min-width: 940px; } .nsettings-payment-table table{ width: 100%; } .nsettings-payment-table table th{ padding: 10px 0; text-align: left; font-size: 12px; font-weight: 900; color: #8692a2; } .nsettings-payment-table table td{ border-top: #dfe1e4 1px dashed; padding: 10px 0; text-align: left; font-size: 14px; font-weight: 400; color: #2b374d; } .nsettings-payment-table-card{ display: inline-block; margin: 0 10px 0 0; width: 28px; vertical-align: middle; } .nsettings-payment-table table td a{ color: #0a9af6; } .nsettings-payment-part{ padding: 60px 0 0 0; } .nsettings-payment-part:last-child{ padding-bottom: 60px; } .nsettings-payment-table-add{ padding: 35px 0 0 0; } .nsettings-payment-table-add a{ display: block; width: 160px; height: 36px; line-height: 36px; background: #0a9af6; border-radius: 3px; font-size: 13px; font-weight: 900; color: #fff; text-align: center; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .nsettings-notifications-box{ padding: 35px 0 0 0; } .nsettings-notifications-checkbox{ padding: 0 0 10px 0; font-size: 15px; color: #2b374d; } .nsettings-notification-channel{ padding: 35px 0 0 0; display: block; list-style: none; margin: 0 -10px; } .nsettings-notification-channel li{ display: block; float: left; width: 320px; margin: 0 10px 30px; } .nsettings-nofification-channel-title{ font-size: 15px; color: #2b374d; font-weight: 700; padding: 0 0 8px 0; border-bottom: #dfe1e4 1px dashed; } .nsettings-nofification-channel-title span{ display: inline-block; width: 24px; height: 24px; margin: 0 10px 0 0; border-radius: 50%; overflow: hidden; vertical-align: middle; } .nsettings-nofification-channel-checkbox{ padding: 20px 0 0 0; } /* 20160928 */ .nsettings-main-referrals{ padding: 30px 0 0 0; } .nsettings-main-referrals-link-box span{ display: inline-block; vertical-align: middle; } .nsettings-main-referrals-text{ padding: 0 20px 0 0; font-size: 15px; color: #8692a2; } .nsettings-main-referrals-link{ position: relative; border: #ccd0d3 1px solid; border-radius: 3px; height: 40px; width: 100%; max-width: 506px; padding: 0 90px 0 10px; } .nsettings-main-referrals-link input{ display: block; border: none; height: 38px; width: 100%; background: none; font-size: 15px; color: #2b374d; } .nsettings-main-referrals-link input[disabled]{ border: none; background: none; } .setting-2018-referral-partaner-landing-page input[disabled]{ border: none; background: none; } .nsettings-main-referrals-link a{ display: block; position: absolute; right: 10px; top: 12px; font-size: 12px; font-weight: 700; color: #0a9af6; } .nsettings-main-withdrawal{ display: inline-block; padding: 0 0 10px 0; border-bottom: #0a9af6 3px solid; font-size: 15px; color: #8692a2; vertical-align: middle; } .nsettings-main-withdrawal span{ font-size: 18px; color: #2b374d; padding: 0 0 0 15px; font-weight: 700; } .nsettings-main-withdrawal.emptywithdrawal{ border-color: #ccd0d3; } .nsettings-main-withdrawal-text{ padding: 15px 0 0 0; font-size: 14px; color: #8692a2; max-width: 560px; } .nsettings-main-withdrawal-btn{ padding: 20px 0 0 0; } .nsettings-main-withdrawal-btn span{ display: inline-block; } .nsettings-main-withdrawal-btn span:first-child a{ display: block; width: 160px; border: none; background: #0a9af6; height: 36px; line-height: 36px; text-align: center; border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); font-size: 15px; font-weight: 700; color: #fff; } .nsettings-main-withdrawal-btn span a{ display: block; width: 200px; height: 36px; line-height: 36px; vertical-align: 36px; background: #dfe1e4; border-radius: 3px; text-align: center; font-size: 15px; font-weight: 700; color: #2b374d; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); } .nsettings-main-referral-table{ padding: 20px 0 0 0; overflow: auto; } .nsettings-main-referral-table-in{ min-width: 940px; } .nsettings-main-referral-table table th{ padding: 13px 0; text-align: left; font-size: 15px; font-weight: 700; color: #8692a2; } .nsettings-main-referral-table table td{ border-top: #dfe1e4 1px solid; font-size: 14px; padding: 13px 20px 13px 0; color: #2b374d; } .nsettings-main-noreferrals{ padding: 20px 0 0 0; font-size: 15px; color: #8692a2; font-style: italic; } .nsettings-modal-box, .nsettings-modal-box-w{ position: relative; max-width: 430px; margin: 0 auto; border-radius: 4px; background: #fff; padding: 35px; } .nsettings-modal-box-w{ max-width: 560px; } .nsettings-modal-box-title{ font-size: 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; color: #2b374d; padding: 0 0 12px 0; text-align: center; letter-spacing: -0.5px; } .nsettings-modal-sp-cycle{ display: block; list-style: none; } .nsettings-modal-sp-cycle li { position: relative; display: block; cursor: pointer; padding: 0 0 20px 30px; } .nsettings-modal-sp-cycle li.onactive .upgrade-choose-cycle { background: #fff; border: #4898e4 6px solid; } .nsettings-modal-btn{ padding: 40px 0 0 0; } .nsettings-modal-btn button{ display: block; width: 320px; height: 42px; background: #0a9af6; border-radius: 3px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: 0.5px; margin: 0 auto; border: none; cursor: pointer; } .nsettings-modal-btn a, .nsettings-modal-btn input[type="submit"], .nsettings-modal-btn input[type="button"]{ display: block; width: 320px; height: 42px; line-height: 42px; text-align: center; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; box-shadow: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; color: #fff; letter-spacing: 0.5px; margin: 0 auto; border: none; cursor: pointer; } .nsettings-modal-btn a:hover, .nsettings-modal-btn input[type="submit"]:hover, .nsettings-modal-btn input[type="button"]:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .nsettings-modal-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; text-align: center; padding: 0 0 20px 0; } /*.nsettings-modal-box-licenses-select{ position: relative; padding: 0 0 15px 0; } .nsettings-modal-box-licenses-select select{ -moz-appearance: none; -webkit-appearance: none; position: relative; display: block; height: 45px; border: #ccd0d3 1px solid; border-radius: 3px; font-size: 15px; color: #2b374d; padding: 0 15px; z-index: 2; background: none; } .nsettings-modal-box-licenses-select:after { font-family: 'bigmarker'; content: "\e036"; display: block; position: absolute; right: 3px; top: 0px; font-size: 20px; color: #b4b7ba; height: 45px; line-height: 45px; width: 20px; z-index: 1; }*/ .nsettings-modal-box-input-all{ position: relative; padding: 0 0 15px 0; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; } .nsettings-modal-box-input-all span{ display: inline-block; vertical-align: middle; padding: 0 5px; } .nsettings-modal-box-input-all span input{ display: block; border: #ccd0d3 1px solid; border-radius: 2px; width: 50px; height: 45px; font-size: 15px; color: #2b374d; text-align: center; padding: 0 5px; } .nsettings-modal-box-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #8692a2; text-align: center; line-height: 1.5em; max-width: 240px; margin: 0 auto; } .nsettings-modal-box-invite{ text-align: center; font-size: 15px; padding: 15px 0 0 0; } .nsettings-modal-box-invite a{ color: #0a9af6; } .channel-settings-2018-popup-in{ position: relative; padding: 24px 28px; background: #fff; border-radius: 4px; } .channel-settings-2018-popup-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; padding: 0 0 16px 0; } .channel-settings-2018-popup-close{ position: absolute; top: 26px; right: 28px; z-index: 1; } .channel-settings-2018-popup-close a svg{ display: block; width: 16px; height: 16px; fill: #717e94; } .channel-settings-2018-popup-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 48px 0; } .channel-settings-2018-popup-btn-1{ text-align: center; padding: 0 0 24px 0; } .channel-settings-2018-popup-btn-1 a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-popup-paypalaccount{ padding: 0 0 18px 0; margin: 0 -28px; } .channel-settings-2018-popup-paypalaccount table tr th{ padding: 0 0 15px 28px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-settings-2018-popup-paypalaccount table tr td{ padding: 0 0 0 28px; height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-popup-paypalaccount table tr:nth-child(even) td{ background: #f9fafc; } .channel-settings-2018-popup-paypalaccount table tr td:nth-child(3){ text-align: right; } .channel-settings-2018-popup-paypalaccount table tr td:nth-child(4){ padding-right: 28px; } .channel-settings-2018-popup-paypalaccount table tr td > a{ color: #1089f5; } .channel-settings-2018-popup-paypalaccount-more{ position: relative; cursor: pointer; color: #a2abbb; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -1px; } .channel-settings-2018-popup-paypalaccount-more-link{ display: none; position: absolute; width: 147px; height: 50px; background: #fff; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); line-height: 50px; text-align: center; top: 20px; right: 0; z-index: 1; } .channel-settings-2018-popup-paypalaccount-more-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-popup-paypalaccount-more:hover .channel-settings-2018-popup-paypalaccount-more-link{ display: block; } .channel-settings-2018-popup-new-paypal a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #1089f5; font-weight: 500; } .channel-settings-2018-popup-price{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.4px; color: #0a9af6; font-weight: 600; padding: 0 0 8px 0; } .channel-settings-2018-popup-price-text{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.4px; color: #2b374d; font-weight: 600; } .channel-settings-2018-popup-price-input{ padding: 0 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-popup-price-input span{ display: inline-block; vertical-align: middle; width: 108px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; color: #2b374d; margin: 0 12px 0 0; } .channel-settings-2018-popup-price-input span i{ font-style: normal; padding: 0 5px 0 0 } .channel-settings-2018-popup-price-input span input{ display: inline-block; width: 60px; text-align: right; height: 42px; border: none; background: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-popup-btn-2{ padding: 0 0 24px 0; } .channel-settings-2018-popup-btn-2 a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-popup-btn-2 input{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; width: 204px; } .channel-settings-2018-popup-btn-2 a.disabled-link{ opacity: 0.5; cursor: default; } .channel-settings-2018-popup-price-input-error{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #e93e62; letter-spacing: -0.2px; padding: 12px 0 0 0; } .channel-settings-2018-popup-price-input.error-input span{ border-color: #e93e62; } .channel-settings-2018-popup-price-input.error-input .channel-settings-2018-popup-price-input-error{ display: block; } .channel-settings-2018-applications-questions-list{ padding: 0 0 50px 0; border-bottom: #f4f6f8 1px solid; margin: 0 0 16px 0; } .channel-settings-2018-applications-questions-contents{ padding: 16px 0 0 0; } .channel-settings-2018-list-remove{ padding: 12px 0 0 0; } .channel-settings-2018-list-remove a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .channel-settings-2018-applications-questions-add{ padding: 36px 0 0 0; } .channel-settings-2018-applications-questions-add a{ display: block; width: 142px; height: 40px; line-height: 40px; text-align: center; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.4px; } .channel-settings-2018-applications-questions-add a:active{ box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; } .channel-settings-2018-treasury-contents{ padding: 40px 0 0 0; } .channel-settings-2018-treasury-balance-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 16px 0; } .channel-settings-2018-treasury-balance-price{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #0a9af6; font-weight: 600; letter-spacing: -0.1px; padding: 0 0 16px 0; } .channel-settings-2018-treasury-balance-text{ padding: 0 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-settings-2018-treasury-balance-paypal-btn{ padding: 0 0 56px 0; } .channel-settings-2018-treasury-balance-paypal-btn a{ display: block; width: 250px; height: 44px; text-align: center; line-height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-treasury-balance-paypal-btn a span{ display: inline-block; vertical-align: middle; width: 76px; margin: 0 12px 0 0; } .channel-settings-2018-treasury-monetizing{ background: #f9f9ff; border-radius: 5px; padding: 28px 24px; } .channel-settings-2018-treasury-monetizing-icon{ padding: 0 0 16px 0; width: 16px; } .channel-settings-2018-treasury-monetizing-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; padding: 0 0 10px 0; } .channel-settings-2018-treasury-monetizing-text{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; } .channel-settings-2018-treasury-monetizing-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #645ed0; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-treasury-history{ padding: 56px 0 0 0; } .channel-settings-2018-treasury-history-title{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-treasury-history-table tr th{ background: #f9fafc; height: 44px; text-align: left; padding: 0 0 0 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .channel-settings-2018-treasury-history-table tr th:nth-child(1){ width: 180px; } .channel-settings-2018-treasury-history-table tr th:nth-child(2){ width: 150px; } .channel-settings-2018-treasury-history-table tr th span{ width: 6px; display: inline-block; vertical-align: middle; margin: 0 0 0 6px; } .channel-settings-2018-treasury-history-table tr th span a{ display: block; } .channel-settings-2018-treasury-history-table tr th span a:nth-child(1){ margin: 0 0 2px 0; } .channel-settings-2018-treasury-history-table tr th span a svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .channel-settings-2018-treasury-history-table tr th div a{ color: #1089f5; } .channel-settings-2018-treasury-history-table tr td{ border-bottom: #f4f6f8 1px solid; padding: 0 0 0 28px; height: 58px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-treasury-history-table tr td.amont-refund{ color: #e93e62; } .channel-settings-2018-treasury-history-list-box{ overflow: auto; } .channel-settings-2018-treasury-history-list{ width: 960px; } .channel-settings-list-mapping{ min-width: 960px; overflow: auto; } .channel-mapping-new a{ float: right; height: 40px; line-height: 40px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); padding: 0 14px 0 14px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 500; letter-spacing: -0.2px; float: right; } @media screen and (max-width:1023px) and (min-width:768px) { .nsettings-nav li{ padding: 0 20px 0 0; } } @media screen and (max-width:767px) { .nsettings-list-left{ float: none; width: auto; margin: 0 0 20px; } .nsettings-list-title, .nsettings-list-title-2{ text-align: left; } .nsettings-list-right{ float: none; margin: 0; } .nsettings-list-right-in{ margin: 0; } .nsettings-list-btn{ text-align: center; } .nsettings-list-btn span input{ width: 180px; } .nsettings-billing-main-left{ float: none; margin: 0; } .nsettings-billing-main-left-in{ margin: 0; } .nsettings-billing-main-right{ float: none; width: auto; } .nsettings-billing-pay-right{ padding: 25px 0 0 30px; } } /*20180507*/ .settings-2018-wrapper{ background: #f9fafc; min-height: 100vh; /*display: flex;*/ flex-direction: column; } .settings-2018-main{ position: relative; display: flex; flex: 1; min-height: calc(100vh - 77px); } .settings-2018-left{ position:relative; width: 100%; min-height: 100vh; width:240px; z-index:1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: inset -1px 0 0 0 #eaedf0; } .settings-2018-right{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; } .settings-2018-right-2{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-height: 100vh; min-width: 1px; background-color: #fff; } .settings-2018-left-nav{ display: block; list-style: none; padding: 48px 24px; } .settings-2018-left-nav li{ display: block; font-size: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.4px; font-weight: 500; padding: 0 0 24px 0; } .settings-2018-left-nav li a{ color: #717e94; } .settings-2018-left-nav li a span{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: 0 12px 0 0; } .settings-2018-left-nav li a.onactive{ color: #2b374d; } .settings-2018-left-nav li a.onactive span svg{ fill: #1089f5; } .settings-2018-right-main{ padding: 48px; } .settings-2018-main-list{ display: block; list-style: none; padding: 28px 0 0 0; max-width: 1040px; } .settings-2018-main-list li{ display: block; margin: 0 0 24px 0; } .settings-2018-main-list li:nth-child(odd){ float: left; width: 48%; max-width: 468px; } .settings-2018-main-list li:nth-child(even){ float: right; width: 48%; max-width: 468px; } .settings-2018-main-list li a{ display: block; background: #fff; border-radius: 5px; padding: 24px; box-shadow: 0 1px 3px 0 rgba(43, 55, 77, 0.16); box-sizing: border-box; } .settings-2018-main-list-left{ float: left; width: 48px; } .settings-2018-main-list-right{ float: right; width: 100%; margin: 0 0 0 -68px } .settings-2018-main-list-right-in{ margin: 0 0 0 68px; } .settings-2018-main-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; padding: 0 0 8px 0; } .settings-2018-main-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-main-list-user{ width: 48px; height: 48px; border-radius: 50%; overflow: hidden; } .setting-2018-right-text{ max-width: 640px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .settings-2018-main-contents{ padding: 48px 0 0 0; } .settings-2018-main-contents-list{ padding: 0 0 52px 0; } .settings-2018-main-contents-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; padding: 0 0 28px 0; } .settings-2018-main-contents-list-list{ padding: 0 0 24px 0; } .settings-2018-main-contents-list-list-title{ padding: 0 0 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; max-width: 560px; } .settings-2018-main-contents-list-list-title span{ display: none; float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fa405d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-main-contents-list-list.channel-error .settings-2018-main-contents-list-list-title span{ display: block; } .settings-2018-main-contents-list-list.channel-error .channel-settings-2018-list-title span{ display: block; } .settings-2018-main-contents-list-list.channel-error .channel-settings-2018-list-input input{ border-color: #fa405d; } .settings-2018-list-select{ position: relative; max-width: 560px; } .settings-2018-list-select select{ position: relative; display: block; width: 100%; height: 44px; background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 28px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; } .setting-time-zone{ width: 100%; height: 44px; background: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 28px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 1; -webkit-appearance: none !important; -moz-appearance: none !important; } .setting-time-zone .customSelectInner{ margin-top: 12px; background-image: none; } .settings-2018-list-select b{ position: absolute; display: block; right: 16px; top: 18px; width: 8px; z-index: 1; } .settings-2018-list-select b svg{ display: block; width: 8px; height: 8px; fill: #8692a2; } .settings-2018-social-box-out{ padding: 48px 0 0 0; } .settings-2018-social-box{ padding: 0 0 12px 0; } .settings-2018-social-box span{ display: inline-block; font-size: 0; vertical-align: middle; } .settings-2018-social-box span:nth-child(1){ padding: 0 16px 0 0; } .settings-2018-social-box-in{ width: 211px; border-radius: 3px; border: #dfe1e4 1px solid; text-align: center; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; box-sizing: border-box; } .settings-2018-social-box-in i{ display: inline-block; width: 16px; margin: 0 6px 0 0; vertical-align: text-top; } .settings-2018-social-box-conneted{ display: inline-block; padding: 0 22px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-social-box-del{ display: inline-block; } .settings-2018-social-box-del a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-notification-box{ padding: 48px 0 0 0; } .settings-2018-notification-box-list{ padding: 0 0 48px 0; } .settings-2018-notification-box-list-title{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .settings-2018-notification-box-list-checkbox span{ display: block; padding: 0 0 16px 0; } .settings-2018-notification-box-list-checkbox span .prettycheckbox label, .settings-2018-notification-box-list-checkbox span .prettyradio label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .setting-2018-referral-out-box{ max-width: 944px; } .setting-2018-referral-nav{ display: block; list-style: none; font-size: 0; padding: 32px 0 0 0; box-shadow: inset 0 -2px 0 #e9edf0; } .setting-2018-referral-nav li{ display: inline-block; padding: 0 32px 0 0; } .setting-2018-referral-nav li a{ display: block; padding: 0 0 18px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; } .setting-2018-referral-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 2px solid; } .setting-2018-referral-contents{ padding: 8px 0 0 0; } .setting-2018-referral-left{ float: left; width: 100%; margin: 0 -380px 0 0; } .setting-2018-referral-left-in{ margin: 0 380px 0 0; } .setting-2018-referral-right{ position: relative; float: right; width: 258px; z-index: 1; padding: 20px 0 0 0; } .setting-2018-referral-left-list{ padding: 40px 0; border-bottom: #f4f6f8 1px solid; } .setting-2018-referral-left-list-title{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; padding: 0 0 12px 0; } .setting-2018-referral-left-list-title-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; padding: 0 0 32px 0; } .setting-2018-referral-left-list-title i{ font-style: normal; display: block; position: absolute; right: 0; top: 0; width: 40px; height: 20px; line-height: 20px; background: #eafcfb; border-radius: 2px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #0a9af6; letter-spacing: -0.1px; font-weight: 600; text-align: center; } .setting-2018-referral-partaner-landing-page{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 72px 0 12px; } .setting-2018-referral-partaner-landing-page input{ display: block; width: 100%; border: none; outline: none; height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .setting-2018-referral-partaner-landing-page a{ display: block; position: absolute; right: 0; top: 0; height: 42px; width: 72px; text-align: center; line-height: 42px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border-radius: 0 3px 3px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; border-left: #dfe1e4 1px solid; } .setting-2018-referral-partaner-landing-tips{ padding: 16px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .setting-2018-referral-partaner-landing-tips a{ color: #1089f5; } .setting-2018-referral-left-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .setting-2018-referral-left-list-box{ /*border-bottom: #f4f6f8 1px solid;*/ padding: 40px 0 0 0; } .setting-2018-referral-left-list-box-title{ position: relative; padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; color: #717e94; letter-spacing: -0.2px; } .setting-2018-referral-left-list-box-title-2{ position: relative; padding: 32px 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; color: #717e94; letter-spacing: -0.2px; } .setting-2018-referral-left-list-box-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 32px 0; } .setting-2018-referral-left-list-box-include{ position: relative; padding: 0 40px 16px 0 } .setting-2018-referral-left-list-box-include span{ display: block; position: absolute; width: 32px; right: 0; top: 0; height: 14px; background-color: #c1c9d6; border-radius: 8px; } .setting-2018-referral-left-list-box-include span i{ display: block; position: absolute; height: 18px; width: 18px; background-color: #fff; box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.23); left: 0; top: -2px; border-radius: 20px; } .setting-2018-referral-left-list-box-include.onactive span{ background-color: rgba(16, 137, 245, 0.32); } .setting-2018-referral-left-list-box-include.onactive span i{ background-color: #1089f5; left: 14px; } .setting-2018-referral-left-list-box-logo{ padding: 8px 0 0 0; font-size: 0; } .setting-2018-referral-left-list-box-logo span{ display: inline-block; vertical-align: middle; } .setting-2018-referral-left-list-box-logo span:nth-child(1){ width: 154px; margin: 0 21px 0 0; } .setting-2018-referral-left-list-box-logo span:nth-child(2) i{ font-style: normal; display: inline-block; vertical-align: middle; margin: 0 24px 0 0; } .setting-2018-referral-left-list-box-logo span:nth-child(2) i a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .setting-2018-referral-left-list-link{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 72px 0 0; margin: 32px 0 0 0; } .setting-2018-referral-left-list-link input{ display: block; width: 100%; height: 42px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; border: none; border-radius: 0; } .setting-2018-referral-left-list-link a{ display: block; position: absolute; width: 71px; border-left: #dfe1e4 1px solid; height: 42px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border-radius: 0 3px 3px 0; line-height: 42px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; color: #4c586e; right: 0; top: 0; } .setting-2018-referral-balance{ background-color: #fff; box-shadow: 0 1px 3px 0 rgba(43, 55, 77, 0.16); border-radius: 5px; padding: 20px 24px; margin: 0 0 22px 0; } .setting-2018-referral-balance-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .setting-2018-referral-balance-price{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #0a9af6; font-weight: 600; letter-spacing: -0.1px; } .setting-2018-referral-balance-from{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .setting-2018-referral-balance-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .setting-2018-referral-paypal{ padding: 10px 0; text-align: center; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; margin: 0 0 24px 0; } .setting-2018-referral-paypal span{ display: inline-block; vertical-align: middle; width: 76px; margin: 0 5px 0 0; } .setting-2018-referral-paypal.disabled{ opacity: 0.5; } .setting-2018-referral-paypal a{ color: #4c586e; } .setting-2018-referral-tips{ border-radius: 6px; background-color: #f9f9ff; padding: 28px 24px 24px 24px; } .setting-2018-referral-tips-icon{ width: 18px; padding: 0 0 16px 0; } .setting-2018-referral-tips-title{ /*padding: 0 0 12px 0;*/ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .setting-2018-referral-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; padding: 0 0 16px 0; } .setting-2018-referral-tips-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .setting-2018-referral-tracking-title{ padding: 48px 0 40px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; } .setting-2018-referral-tracking-nav{ display: block; list-style: none; font-size: 0; box-shadow: inset 0 -2px 0 #e9edf0; margin: 0 0 24px 0; } .setting-2018-referral-tracking-nav li{ display: inline-block; padding: 0 32px 0 0; } .setting-2018-referral-tracking-nav li a{ display: block; padding: 0 0 18px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; } .setting-2018-referral-tracking-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 2px solid; } .setting-2018-referral-tracking-table table th{ background-color: #f9fafc; border-top: solid 1px #f4f6f8; border-bottom: solid 1px #f4f6f8; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; height: 44px; padding: 0 20px 0 28px; } .setting-2018-referral-tracking-table table th:nth-child(1){ border-left: solid 1px #f4f6f8; } .setting-2018-referral-tracking-table table th:nth-child(6){ border-right: solid 1px #f4f6f8; text-align: right; } .setting-2018-referral-tracking-arr{ display: inline-block; margin: 0 0 0 5px; vertical-align: middle; width: 6px; height: 16px; } .setting-2018-referral-tracking-arr b{ display: block; width: 6px; margin: 0 0 3px 0; } .setting-2018-referral-tracking-arr b:last-child{ margin: 0; } .setting-2018-referral-tracking-arr a svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .setting-2018-referral-tracking-table table td{ border-bottom: solid 1px #f4f6f8; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 44px; padding: 0 20px 0 28px; } .setting-2018-referral-tracking-table table td:nth-child(6){ text-align: right; } .setting-2018-referral-tracking-total{ background-color: #f9fafc; padding: 13px 20px 13px 28px; } .setting-2018-referral-tracking-total span{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .setting-2018-referral-tracking-total span:nth-child(1){ float: left; } .setting-2018-referral-tracking-total span:nth-child(2){ float: right; margin-right: 78px; } .setting-2018-partners{ padding: 28px 0 0 0; } .setting-2018-partners-left{ float: left; width: 48%; padding: 52px 0 0 0; } .setting-2018-partners-right{ float: right; width: 44%; } .setting-2018-partners-left-top{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #3c7ce3; letter-spacing: 0.8px; font-weight: 600; } .setting-2018-partners-left-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2c374d; letter-spacing: -0.1px; font-weight: 500; } .setting-2018-partners-left-text{ padding: 0 0 40px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .setting-2018-partners-left-btn{ font-size: 0; } .setting-2018-partners-left-btn span{ display: inline-block; vertical-align: top; } .setting-2018-partners-left-btn span:nth-child(1){ margin: 0 16px 0 0; } .setting-2018-partners-left-btn span:nth-child(1) a{ display: inline-block; background-color: #3a7ae2; border-radius: 3px; padding: 0 24px; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .setting-2018-partners-left-btn span:nth-child(2) a{ display: inline-block; background-color: #fff; border-radius: 3px; border: #dfe1e4 1px solid; padding: 0 24px; height: 44px; line-height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.4px; font-weight: 500; box-sizing: border-box; } .setting-2018-referral-left-list-box-title span{ display: block; position: absolute; width: 32px; right: 0; top: 0; height: 14px; background-color: #c1c9d6; border-radius: 8px; } .setting-2018-referral-left-list-box-title span i{ display: block; position: absolute; height: 18px; width: 18px; background-color: #fff; box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.23); left: 0; top: -2px; border-radius: 20px; } .setting-2018-referral-left-list-box-title span.onactive{ background-color: rgba(16, 137, 245, 0.32); } .setting-2018-referral-left-list-box-title span.onactive i{ background-color: #1089f5; left: 14px; } .setting-2018-referral-left-incentive{ font-size: 0; } .setting-2018-referral-left-incentive span{ display: inline-block; vertical-align: middle; } .setting-2018-referral-left-incentive span:nth-child(1){ padding: 0 20px; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; line-height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; margin: 0 16px 0 0; } .setting-2018-referral-left-incentive span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .setting-2018-referral-partaner-landing-preview{ max-width: 280px; } .channel-settings-2018-wrapper{ background: #fff; } .channel-settings-2018-main{ width: 94%; max-width: 1024px; margin: 0 auto; padding: 48px 0; } .channel-billing-2018-main{ padding: 48px; background: #fff; } .channel-billing-2018-back{ padding: 0 0 24px 0; } .channel-billing-2018-back a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #1089f5; letter-spacing: -0.2px; } .channel-billing-2018-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .channel-billing-2018-text{ max-width: 640px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 32px 0; } .channel-billing-2018-channel-list{ display: block; list-style: none; max-width: 800px; } .channel-billing-2018-channel-list li{ display: block; border-bottom: #f4f6f8 1px solid; padding: 32px 0; } .channel-billing-2018-channel-list-img{ float: left; width: 120px; height: 120px; border-radius: 4px; overflow: hidden; } .channel-billing-2018-channel-list-right{ float: right; width: 100%; margin: 0 0 0 -144px; } .channel-billing-2018-channel-list-right-in{ position: relative; margin: 0 0 0 144px; /*padding: 0 120px 0 0;*/ } .channel-billing-2018-channel-list-right-btn{ position: absolute; width: 100px; top: 0; right: 0; } .channel-billing-2018-channel-list-right-btn a{ display: block; height: 36px; line-height: 36px; text-align: center; background: #0a9af6; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-channel-list-right-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .channel-billing-2018-channel-list-right-text{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-channel-list-right-paytype{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; line-height: 1.2em; letter-spacing: -0.2px; max-width: 480px; } .channel-billing-2018-channel-list-right-paytype span{ display: inline-block; width: 30px; margin: 0 8px 0 0; vertical-align: middle; } .channel-billing-2018-channel-box{ padding: 0 0 48px 0; } .channel-billing-2018-channel-box-img{ float: left; width: 56px; height: 56px; border-radius: 4px; overflow: hidden; } .channel-billing-2018-channel-box-right{ float: right; width: 100%; margin: 0 0 0 -72px; } .channel-billing-2018-channel-box-right-in{ margin: 0 0 0 72px; } .channel-billing-2018-channel-box-right-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; padding: 0 0 8px 0; } .channel-billing-2018-channel-box-right-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-channel-billing-left{ float: left; width: 100%; margin: 0 -344px 0 0; } .channel-billing-2018-channel-billing-left-in{ margin: 0 344px 0 0; } .channel-billing-2018-channel-billing-right{ float: right; width: 240px; } .channel-billing-2018-channel-billing-list{ padding: 0 0 40px 0; } .channel-billing-2018-channel-billing-list-title{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #717e94; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-channel-billing-list-plan-box{ background: #fff; box-shadow: 0 1px 3px 0 rgba(43, 55, 77, 0.16); padding: 24px; border-radius: 5px; } .channel-billing-2018-channel-billing-list-plan-box-top{ padding: 0 0 8px 0; } .channel-billing-2018-channel-billing-list-plan-box-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-channel-billing-list-plan-box-link{ float: right; } .channel-billing-2018-channel-billing-list-plan-box-link span{ display: inline-block; padding: 0 0 0 20px; } .channel-billing-2018-channel-billing-list-plan-box-link span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-channel-billing-list-plan-box-text{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list{ border-bottom: #eaedf0 1px solid; padding: 28px 0; } .channel-billing-2018-right-list-top{ padding: 0 0 37px 0; } .channel-billing-2018-right-list-top-list{ padding: 0 0 16px 0; } .channel-billing-2018-right-list-top-list-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-list-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-total{ border-top: #eaedf0 1px solid; padding: 20px 0 0 0; } .channel-billing-2018-right-list-top-total-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-total-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-card-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-card-right{ float: right; } .channel-billing-2018-right-list-card-left span{ display: inline-block; width: 26px; margin: 0 6px 0 0; vertical-align: middle; } .channel-billing-2018-right-list-card-right a{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-cycle{ padding: 0 0 12px 0; } .channel-billing-2018-right-list-cycle:last-child{ padding: 0; } .channel-billing-2018-right-list-cycle-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-cycle-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history{ padding: 0 0 12px 0; } .channel-billing-2018-right-list-history:last-child{ padding: 0; } .channel-billing-2018-right-list-history-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history-right a{ display: inline-block; padding: 0 0 0 16px; color: #1089f5; } .channel-billing-2018-right-list-history-more{ padding: 8px 0 0 0; } .channel-billing-2018-right-list-history-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-coupon{ padding: 24px 0 0 0; } .channel-billing-2018-right-list-coupon a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-nav-outbox{ overflow: auto; } .channel-settings-2018-nav{ padding: 32px 0 18px 0; display: block; list-style: none; font-size: 0; border-bottom: #f4f6f8 3px solid; white-space: nowrap; } .channel-settings-2018-nav li{ display: inline-block; padding: 0 24px 0 0; } .channel-settings-2018-nav li:last-child{ padding: 0; } .channel-settings-2018-nav li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; padding: 0 0 18px 0; } .channel-settings-2018-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 3px solid; } .channel-settings-2018-sub-nav{ padding: 32px 0 18px 0; display: block; list-style: none; font-size: 0; white-space: nowrap; } .channel-settings-2018-sub-nav li{ display: inline-block; padding: 0 24px 0 0; border-bottom: #fff 3px solid; } .channel-settings-2018-sub-nav li:last-child{ padding: 0; } .channel-settings-2018-sub-nav li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; padding: 0 0 18px 0; border-bottom: #f4f6f8 3px solid; } .channel-settings-2018-sub-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 3px solid; } .channel-settings-2018-part-title{ padding: 48px 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-list{ padding: 0 0 32px 0; } .channel-settings-2018-list-title{ padding: 0 0 21px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; max-width: 560px; } .channel-settings-2018-list-title a{ color: #0a9af6; font-weight: normal; font-size:14px; float:right; } #js-show-stripe-api-key-link, #js-show-authorize-net-api-transaction-key-link{ float: none; color: #0a9af6; font-weight: normal; font-size: 16px; } .channel-settings-2018-list .channel-settings-2018-list-details { max-width: 560px; padding: 0 0 21px 0; font-size: 14px; color: red; } .channel-settings-2018-list .channel-settings-2018-list-details a{ color: red; text-decoration: underline; } .channel-settings-2018-list-input{ max-width: 560px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-input input{ display: block; width: 100%; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; font-style: normal; font-stretch: normal; } .channel-settings-2018-list-input span{ display: inline-block; width: 300px; margin: 0 8px 0 0; /*vertical-align: middle;*/ } .channel-settings-2018-list-title i{ display: block; float: right; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: normal; } .channel-settings-2018-list-textarea{ max-width: 560px; } .channel-settings-2018-list-textarea textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 12px; height: 96px; resize: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; } .channel-settings-2018-list-logo-box{ font-size: 0; } .channel-settings-2018-list-logo{ display: inline-block; width: 104px; height: 104px; border-radius: 3px; overflow: hidden; vertical-align: middle; margin: 0 24px 0 0; } .channel-settings-2018-list-logo-btn{ display: inline-block; vertical-align: middle; font-size: 0; } .channel-settings-2018-list-logo-btn span{ display: inline-block; } .channel-settings-2018-list-logo-btn span:nth-child(1){ padding: 0 24px 0 0; } .channel-settings-2018-list-logo-btn span:nth-child(1) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-list-logo-btn span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-settings-2018-list-contants{ display: block; list-style: none; max-width: 560px; } .channel-settings-2018-list-contants li{ display: block; margin: 0 0 12px 0; font-size: 0; border: #dfe1e4 1px solid; border-radius: 3px; } .channel-settings-2018-btn{ display: inline-block; vertical-align: middle; padding: 8px 0 0 0; } .channel-settings-2018-btn a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background: #0a9af6; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-btn input{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; /*max-width: 90px;*/ } .channel-settings-2018-btn input:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .channel-settings-2018-btn input[disabled]{ opacity: 0.4; cursor: default; background-image: linear-gradient(to left, #0390f5, #1db3fa); } .channel-settings-2018-list-contants-name{ float: left; width: 98px; height: 44px; border-radius: 4px 0 0 4px; background: #f9fafc; line-height: 44px; padding: 0 0 0 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.6px; box-sizing: border-box; border-right: #dfe1e4 1px solid; } .channel-settings-2018-list-contants-right{ float: right; width: 100%; margin: 0 0 0 -98px; } .channel-settings-2018-list-contants-right-in{ margin: 0 0 0 98px; } .channel-settings-2018-list-contants-right-in input{ display: block; width: 100%; border: none; border-radius: 0; background: none; height: 42px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-contants-right-in input::-webkit-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-contants-right-in input::-moz-placeholder{ color: #a2abbb; } .channel-settings-2018-list-contants-right-in input::-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-contants-right-in input:-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-contants-right-in input::-o-placeholder{ color: #a2abbb; } .channel-settings-2018-list-contants-right-in input:-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-privacy-radio{ font-size: 0; padding: 0 0 16px 0; } .channel-settings-2018-list-privacy-radio span{ display: inline-block; margin: 0 12px 0 0; vertical-align: top; } .channel-settings-2018-list-privacy-radio span a{ display: block; padding: 0 16px; height: 44px; line-height: 42px; border-radius: 3px; border: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #a2abbb; letter-spacing: -0.2px; box-sizing: border-box; } .channel-settings-2018-list-privacy-radio span a.onactive{ border-color: #2196f3; color: #2a374d; font-weight: 500; } .channel-settings-2018-list-prvacy-tipbox{ } .channel-settings-2018-list-prvacy-tipbox-title{ padding: 0 0 11px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-list-prvacy-tipbox-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; max-width: 560px; padding: 0 0 21px 0; } .channel-settings-2018-list-checkbox{ padding: 5px 0 0 0; } .channel-settings-2018-list-checkbox span{ display: block; padding: 0 0 14px 0; } .channel-settings-2018-list-checkbox span .prettycheckbox label, .channel-settings-2018-list-checkbox span .prettyradio label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-title span{ display: none; float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fa405d; letter-spacing: -0.2px; font-weight: 500; } .channel-settings-2018-list.channel-error .channel-settings-2018-list-title span{ display: block; } .channel-settings-2018-list.channel-error .channel-settings-2018-list-input input{ border-color: #fa405d; } .channel-category-add.channel-error{ color: #fa405d; } .settings-2018-error-message { color: #fa405d; margin-top: 16px; } /*20180511*/ .channel-settings-2018-applications-title{ padding: 16px 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-settings-2018-applications-text{ max-width: 560px; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; } .channel-settings-2018-applications-list{ display: block; list-style: none; max-width: 780px; } .channel-settings-2018-applications-list li{ position: relative; display: block; padding: 32px 200px 32px 0; border-bottom: #f4f6f8 1px solid; } .channel-settings-2018-applications-list-btn{ position: absolute; width: 255px; right: -65px; top: 32px; font-size: 0; } .channel-settings-2018-applications-list-btn span{ display: inline-block; vertical-align: top; } .channel-settings-2018-applications-list-btn span:nth-child(1){ padding: 0 12px 0 0; } .channel-settings-2018-applications-list-btn span:nth-child(1) a{ display: inline-block; padding: 0 16px; height: 36px; line-height: 36px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; box-sizing: border-box; } .channel-settings-2018-applications-list-btn span:nth-child(2) a{ display: inline-block; padding: 0 16px; height: 36px; line-height: 36px; background: #0a9af6; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-settings-2018-applications-list-in-left{ position: relative; float: left; width: 56px; height: 56px; border-radius: 4px; overflow: hidden; z-index: 1; } .channel-settings-2018-applications-list-in-right{ float: right; width: 100%; margin: 0 0 0 -72px; } .channel-settings-2018-applications-list-in-right-in{ margin: 0 0 0 72px; } .channel-settings-2018-applications-list-name{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-settings-2018-applications-list-mail{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-settings-2018-applications-list-registered{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } /*popup box*/ .channel-billing-2018-popup-in{ position: relative; background: #f9fafc; border-radius: 4px; box-shadow: 0 2px 16px 0 rgba(21, 26, 37, 0.08), 0 0 0 1px rgba(21, 26, 37, 0.04); } .channel-billing-2018-popup-top{ background: #fff; padding: 40px 28px 24px 28px; border-radius: 4px 4px 0 0; } .channel-billing-2018-popup-title{ text-align: center; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-title-mode{ text-align: center; padding: 0 0 16px 0; font-family: 'ModernSans'; font-size: 24px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .speaker-details-headshot{ display: block; width: 160px; margin-bottom: 24px; } .channel-billing-2018-popup-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-popup-main{ padding: 32px 28px 28px 28px; } .channel-billing-2018-popup-main-list{ position: relative; padding: 0 0 32px 32px; } .channel-billing-2018-popup-main-list-choose{ position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 8px; background: #f4f6f8; border: solid 1px #dfe1e4; cursor: pointer; } .channel-billing-2018-popup-main-list.onactive .channel-billing-2018-popup-main-list-choose{ background: #ffffff; border: solid 6px #1089f5; } .channel-billing-2018-popup-main-list-top{ padding: 0 0 8px 0; } .channel-billing-2018-popup-main-list-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-popup-main-list-price{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #0a9af6; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-popup-main-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; } .channel-billing-2018-popup-main-btn{ text-align: center; font-size: 0; padding: 8px 0 0 0; } .channel-billing-2018-popup-main-btn a{ display: inline-block; padding: 0 24px; height: 44px; line-height: 44px; text-align: center; } .channel-billing-2018-popup-main-btn a:nth-child(1){ border-radius: 3px; background-color: #1089f5; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-popup-main-btn a:nth-child(2){ border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; font-weight: 500; letter-spacing: -0.2px; margin: 0 0 0 16px; } .channel-billing-2018-popup-main-2{ background: #fff; border-radius: 4px; padding: 48px 28px 40px 28px; } .channel-billing-2018-popup-date-box{ width: 56px; margin: 0 auto; padding: 0 0 24px 0; } .channel-billing-2018-popup-date-box-top{ border-radius: 4px 4px 0 0; background: #e93e62; text-align: center; height: 16px; font-size: 0; } .channel-billing-2018-popup-date-box-top img{ max-height: 75px; max-width: 75px; } .channel-billing-2018-popup-date-box-top span{ display: inline-block; width: 6px; height: 6px; border-radius: 3px; background: #ff91a8; margin: 5px 5px 0 5px; } .channel-billing-2018-popup-date-box-body{ border-radius: 0 0 4px 4px; background-color: #f4f6f8; box-shadow: inset 0 -2px 0 0 #dbe0e8; height: 34px; line-height: 34px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #4c586e; font-weight: 600; letter-spacing: -0.2px; } .channel-billing-2018-popup-date-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 16px 0; } .channel-billing-2018-popup-date-text-2{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.33em; padding: 0 0 26px 0; text-align: center; max-width: 396px; margin: 0 auto; } .channel-billing-2018-popup-date-text-3{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.33em; padding: 0 0 26px 0; text-align: center; } .channel-billing-2018-popup-date-text-3 a{ color: #717e94; text-decoration: underline; } .channel-billing-2018-popup-date-text-2 span{ color: #1089f5; } .channel-billing-2018-popup-confirm{ width: 48px; margin: 0 auto; padding: 0 0 24px 0; } .presenter-social{ text-align: left; color: #2b374d; padding-bottom: 0; } .presenter-social span{ display: inline-block; padding-right: 3px; vertical-align: middle; padding-bottom: 12px; } .presenter-social span svg{ width: 20px; height: 20px; fill: #717e94; } .presenter-social i{ display:inline-block; vertical-align: middle; font-style: normal; font-size: 14px; font-weight: 450; } .presenter-social a{ text-decoration: none; } /*20180427*/ .channel-billing-2018-popup-title-2{ padding: 24px 0 16px 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .channel-billing-2018-popup-close{ position: absolute; top: 24px; right: 28px; z-index: 1; } .channel-billing-2018-popup-close a{ display: block; } .channel-billing-2018-popup-close a svg{ display: block; width: 16px; height: 16px; fill: #717e94; } .channel-billing-2018-popup-text-4{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; padding: 0 28px 32px; } .channel-billing-2018-popup-body{ padding: 0 28px 12px; } .channel-billing-2018-popup-body-add-new{ padding: 24px 28px 28px 28px; border-top: #dfe1e4 1px solid; } .channel-billing-2018-popup-body-add-new-header{ padding: 0 0 16px 0; } .channel-billing-2018-popup-body-add-new-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-body-add-new-price{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-popup-body-add-new-body{ font-size: 0; } .channel-billing-2018-popup-body-add-new-body span{ display: inline-block; vertical-align: middle; } .channel-billing-2018-popup-body-add-new-body span:nth-child(1){ margin: 0 12px 0 0; } .channel-billing-2018-popup-body-add-new-body span:nth-child(1) input{ display: block; width: 50px; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2){ margin: 0 16px 0 0; width: 10px; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i{ display: block; font-style: normal; width: 10px; cursor: pointer; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i:nth-child(1){ margin: 0 0 8px 0; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i svg{ display: block; width: 10px; height: 10px; fill: #c1c9d6; } .channel-billing-2018-popup-body-add-new-body span:nth-child(2) i:nth-child(1) svg{ fill: #1089f5; } .channel-billing-2018-popup-body-add-new-body span:nth-child(3){ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-popup-body-add-new-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; line-height: 1.14em; letter-spacing: -0.2px; padding: 0 0 24px 0; } .channel-billing-2018-popup-body-add-new-btn a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; text-align: center; background: #1089f5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-popup-body-add-new-btn a:hover{ background-image: linear-gradient(to bottom, #289aff, #1089f5); } .channel-billing-2018-popup-body-add-new-btn a:active{ background-color: #1089f5; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .channel-settings-2018-search-box{ padding: 48px 0 32px 0; } .channel-settings-2018-search{ display: inline-block; } .channel-settings-2018-search span{ display: inline-block; width: 16px; margin: 0 8px 0 0; vertical-align: middle; } .channel-settings-2018-search span svg{ display: block; width: 16px; height: 16px; fill: #c1c9d6; } .channel-settings-2018-search input{ display: inline-block; width: 200px; border: none; height: 27px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; vertical-align: middle; } .channel-settings-2018-search input::-webkit-input-placeholder{ color: #a2abbb; } .channel-settings-2018-search input::-moz-placeholder{ color: #a2abbb; } .channel-settings-2018-search input::-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-search input::-o-placeholder{ color: #a2abbb; } .channel-settings-2018-search input:-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-member-box-outbox{ overflow: auto; min-height: 1500px; } .channel-settings-2018-member-box{ padding: 0 0 32px 0; width: 960px; overflow: hidden; } .channel-settings-2018-member-box table{ background: none; } .channel-settings-2018-member-box table tr th{ background: #f9fafc; padding: 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; text-align: left; } .channel-settings-2018-member-box table tr th:nth-child(1){ padding-left: 28px; } .channel-settings-2018-member-box table tr th span{ display: inline-block; width: 6px; margin: 0 0 0 8px; vertical-align: middle; } .channel-settings-2018-member-box table tr th span i{ display: block; font-style: normal; width: 5px; cursor: pointer; } .channel-settings-2018-member-box table tr th span i:nth-child(1){ margin: 0 0 3px 0; } .channel-settings-2018-member-box table tr th span i svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .channel-settings-2018-member-box table tr td{ padding: 16px 0; border-bottom: #f4f6f8 1px solid; text-align: left; } .channel-settings-2018-member-box table tr td:nth-child(1){ padding-left: 28px; padding-right: 16px; width: 56px; } .channel-settings-2018-member-box table tr td:nth-child(2){ width: 240px; padding-right: 16px; } .channel-settings-2018-member-box-img{ width: 56px; height: 56px; border-radius: 4px; overflow: hidden; } .channel-settings-2018-member-box-name{ padding: 0 0 5px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; word-break: break-all; word-wrap: break-word; } .channel-settings-2018-member-box-position{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-member-box-position span{ display: inline-block; margin: 0 0 0 12px; width: 10px; } .channel-settings-2018-member-box-position span svg{ display: block; width: 10px; height: 10px; fill: #717e94; } .channel-settings-2018-member-page-numbs{ display: block; list-style: none; text-align: left; } .channel-settings-2018-member-page-numbs li .pagination a{ display: inline-block; padding: 0 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-member-page-numbs li .pagination .current{ display: inline-block; padding: 0 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.2px; color: #2b374d; } .channel-settings-2018-member-page-numbs li .pagination a{ color: #1089f5; } .channel-settings-2018-title input{ height: 35px; } .channel-2018-remove .create-header{ font-size: 16px; font-weight: 600; color: #2b374d; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .channel-2018-remove .rsvp-title-4{ font-size: 15px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; color: #2b374d; font-weight: 600; } .channel-2018-remove .kudos-input textarea{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-2018-remove .create-button input{ font-size: 15px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-2018-member li:nth-child(2) a{ display: block; color: #7e7571; font-size: 13px; padding: 7px 0; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; color: #4c586e; letter-spacing: -0.2px; font-weight: 600; text-align: center; } .channel-settings-2018-subscriber-box{ padding: 0 0 32px 0; min-width: 960px; width: 960px; } .channel-settings-2018-subscriber-box table{ background: none; } .channel-settings-2018-subscriber-box table tr th{ background: #f9fafc; padding: 13px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; text-align: center; vertical-align: top; } .channel-settings-2018-subscriber-box table tr th:nth-child(1){ text-align: left; vertical-align: middle; } .channel-settings-2018-subscriber-box table tr th span{ display: inline-block; width: 6px; margin: 0 0 0 8px; vertical-align: middle; } .channel-settings-2018-subscriber-box table tr th span i{ display: block; font-style: normal; width: 5px; cursor: pointer; } .channel-settings-2018-subscriber-box table tr th span i:nth-child(1){ margin: 0 0 3px 0; } .channel-settings-2018-subscriber-box table tr th span i svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .channel-settings-2018-subscriber-box table tr td{ padding: 13px 12px; border-bottom: #f4f6f8 1px solid; text-align: center; } .channel-settings-2018-subscriber-box table tr td:nth-child(1){ /* width: 56px; */ text-align: left; } .channel-settings-2018-subscriber-box table tr td:nth-child(2){ /* width: 240px; */ text-align: left; } /*20180514*/ .channel-settings-2018-blank-box{ padding: 120px 0; } .channel-settings-2018-blank-icon{ width: 48px; margin: 0 auto; padding: 0 0 26px 0; } .channel-settings-2018-blank-title{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #707e94; font-weight: 600; letter-spacing: -0.4px; padding: 0 0 11px 0; } .channel-settings-2018-blank-text{ max-width: 480px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #707e94; letter-spacing: -0.2px; line-height: 1.2em; margin: 0 auto; } .channel-settings-2018-fees-list{ padding: 16px 0; } .channel-settings-2018-fees-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; padding: 0 0 12px 0; } .channel-settings-2018-fees-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .channel-settings-2018-fees-choose{ font-size: 0; } .channel-settings-2018-fees-choose span{ display: inline-block; vertical-align: top; } .channel-settings-2018-fees-choose span:nth-child(1){ padding: 0 12px 0 0; } .channel-settings-2018-fees-choose span a{ display: inline-block; padding: 0 16px; height: 44px; line-height: 44px; border-radius: 3px; border: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; box-sizing: border-box; } .channel-settings-2018-fees-choose span a.onactive{ border-color: #2196f3; color: #2b374d; } .channel-settings-2018-fees-amount{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-fees-amount span{ display: inline-block; vertical-align: middle; height: 44px; line-height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; width: 85px; box-sizing: border-box; margin: 0 6px 0 0; padding: 0 12px; } .channel-settings-2018-fees-amount span i{ font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-fees-amount span input{ display: inline-block; border: none; background: none; text-align: right; height: 42px; width: 48px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; padding: 0 0 0 12px; box-sizing: border-box; } .setting-email-input input{ width: 208px; } .setting-pass-input input{ width: 175px; } .settings-channel-box span{ margin: 10px 0 0 45px; } .channel-header-sex{ background: #f9fafc; display: block; list-style: none; } .channel-header-sex li{ background: #f9fafc; padding: 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; text-align: left; float: left; display: block; } .channel-header-sex li:nth-child(1){ padding-left: 28px; } .channel-header-sex li:nth-child(2) span{ display: inline-block; width: 6px; margin: 0 0 0 8px; vertical-align: middle; } .channel-header-sex li:nth-child(2) span i{ display: block; font-style: normal; width: 5px; cursor: pointer; } .channel-header-sex li:nth-child(2) span i:nth-child(1){ margin: 0 0 3px 0; } .channel-header-sex li:nth-child(2) span i svg{ display: block; width: 6px; height: 6px; fill: #717e94; } .channel-header-sex li:nth-child(2){ margin-left: 8px; width: 240px; padding-right: 16px; } .channel-header-sex li:nth-child(3){ padding-left: 22px; width: 226px; } .create-form input:-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-input .select2-container-multi .select2-choices .select2-search-field{ padding: 0px; margin: 0px; } .channel-settings-2018-list-input .select2-container-multi .select2-search-choice-close{ top: 1px; } .channel-settings-2018-list-input .select2-container-multi .select2-choices .select2-search-choice{ top: 22px; padding-top: 0px; margin-top: 0px; } .channel-settings-2018-list-input .select2-container-multi .select2-choices{ padding-top: 0px; padding-bottom: 0px; } .channel-settings-error{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: -0.4px; color: #fa405d; padding-right: 20px; } .setting-index{ display: inline-block; } .channel-settings-2018-list-input input::-webkit-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-input input::-moz-placeholder{ color: #a2abbb; } .channel-settings-2018-list-input input::-ms-input-placeholder{ color: #a2abbb; } .channel-settings-2018-list-input input::-o-placeholder{ color: #a2abbb; } .channel-settings-2018-list-input input:-ms-input-placeholder{ color: #a2abbb; } .new-setting{ background: #f9fafc; } .settings-2018-width-960{ max-width: 960px; margin: 0 auto; } .settings-2018-width-640{ max-width: 640px; margin: 0 auto; } .settings-2018-width-800{ max-width: 800px; margin: 0 auto; } .channel_settings-right-sub{ display: inline-block; margin-left: 108px; } .channel_settings-right-sub a{ display: inline-block; padding: 5px 10px; font-size: 13px; border-radius: 2px; border: #1089f5 1px solid; color: #1089f5; margin-left: 104px; } .channel-settings-2018-list-currency{ max-width: 560px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-currency select{ border: #ccd0d3 1px solid; border-radius: 3px; background: none; padding: 8px 0px 8px 10px; line-height: normal; font-size: 16px; color: #2b374d; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .channel-settings-right-add{ display: inline-block; margin-left: 108px; padding-top: 10px; } .channel-settings-right-add a{ display: inline-block; padding: 5px 10px; font-size: 13px; border-radius: 2px; border: #1089f5 1px solid; color: #1089f5; margin-left: 104px; } /*20181010*/ .settings-2018-contacts-btn{ position: absolute; right: 0; top: -5px; font-size: 0; } .settings-2018-contacts-btn span{ display: inline-block; vertical-align: middle; } .settings-2018-contacts-btn span:nth-child(1){ position: relative; border: #dfe1e4 1px solid; border-radius: 4px; width: 220px; padding: 0 0 0 40px; box-sizing: border-box; margin: 0 12px 0 0; } .settings-2018-contacts-btn span:nth-child(1) i{ display: block; position: absolute; width: 20px; height: 20px; left: 10px; top: 10px; } .settings-2018-contacts-btn span:nth-child(1) i svg{ display: block; width: 20px; height: 20px; fill: #c1c9d6; } .settings-2018-contacts-btn span:nth-child(1) input{ display: block; border: none; border-radius: 0; background-color: transparent; padding: 0 10px 0 0; height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-btn span:nth-child(2){ margin: 0 12px 0 0; } .settings-2018-contacts-btn span:nth-child(2) a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 38px; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; box-sizing: border-box; } .settings-2018-contacts-btn span:nth-child(3) a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .settings-2018-contacts-btn span:nth-child(3) a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .settings-2018-contacts-list-box-out{ padding: 32px 0 0 0; } .settings-2018-contacts-list-box{ padding: 50px 0 0 0; } .settings-2018-contacts-list-blank-left{ float: left; width: 100%; margin: 0 -420px 0 0; } .settings-2018-contacts-list-blank-left-in{ margin: 0 420px 0 0; } .settings-2018-contacts-list-blank-right{ float: right; width: 320px; } .settings-2018-contacts-list-blank-top{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: 0.8px; font-weight: 600; } .settings-2018-contacts-list-blank-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #2b374d; letter-spacing: -0.1px; font-weight: 500; } .settings-2018-contacts-list-blank-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.25em; } .settings-2018-contacts-list-blank-import a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .settings-2018-contacts-list-table table tr th{ background-color: #f9fafc; border-top: #f4f6f8 1px solid; border-bottom: #f4f6f8 1px solid; height: 44px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-list-table table tr th:first-child{ border-left: #f4f6f8 1px solid; padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-list-table table tr th:last-child{ border-right: #f4f6f8 1px solid; } .settings-2018-contacts-list-table table tr th:first-child span, .settings-2018-contacts-list-table table tr td:first-child span{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } .settings-2018-contacts-list-table table tr th:first-child span i, .settings-2018-contacts-list-table table tr td:first-child span i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } .settings-2018-contacts-list-table table tr th:first-child span i svg, .settings-2018-contacts-list-table table tr td:first-child span i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .settings-2018-contacts-list-table table tr th:first-child span.onactive, .settings-2018-contacts-list-table table tr td:first-child span.onactive{ border-color: #1089f5; } .settings-2018-contacts-list-table table tr th:first-child span.onactive i, .settings-2018-contacts-list-table table tr td:first-child span.onactive i{ display: block; } .settings-2018-contacts-list-table table tr td{ border-bottom: #f4f6f8 1px solid; height: 85px; } .settings-2018-contacts-list-table table tr td:first-child{ padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-list-table-arr{ display: inline-block; margin: 0 0 0 5px; vertical-align: middle; width: 6px; height: 16px; } .settings-2018-contacts-list-table-arr b{ display: block; width: 6px; margin: 0 0 3px 0; } .settings-2018-contacts-list-table-arr b:last-child{ margin: 0; } .settings-2018-contacts-list-table-arr a svg{ display: block; width: 6px; height: 6px; fill: #4c586e; } .settings-2018-contacts-list-table-title{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500 } .settings-2018-contacts-list-table-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-table-from{ position: relative; width: 24px; } .settings-2018-contacts-list-table-analytics{ width: 18px; } .settings-2018-contacts-list-table-addnew{ width: 21px; } .settings-2018-contacts-list-bulkactions{ padding: 0 0 28px 0; font-size: 0; } .settings-2018-contacts-list-bulkactions-select{ position: relative; display: inline-block; width: 174px; margin: 0 8px 0 0; vertical-align: top; } .settings-2018-contacts-list-bulkactions-select-btn{ display: inline-block; vertical-align: top; } .settings-2018-contacts-list-bulkactions-select-btn a{ display: inline-block; padding: 0 16px; height: 40px; line-height: 38px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .settings-2018-contacts-list-bulkactions-select-box{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); height: 40px; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 0 12px; cursor: pointer; } .settings-2018-contacts-list-bulkactions-select-box span{ display: block; position: absolute; width: 12px; height: 12px; right: 9px; top: 14px; } .settings-2018-contacts-list-bulkactions-select-box span svg{ display: block; width: 12px; height: 12px; fill: #637381; } .settings-2018-contacts-list-bulkactions-select-slider{ position: absolute; display: block; list-style: none; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); width: 240px; left: 0; top: 48px; z-index: 10; overflow: hidden; } .settings-2018-contacts-list-bulkactions-select-slider li{ display: block; } .settings-2018-contacts-list-bulkactions-select-slider li a{ display: block; padding: 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-bulkactions-select-slider li a:hover{ background-color: #f9fafc; } .settings-2018-contacts-contact-table table tr th{ background-color: #f9fafc; border-top: #f4f6f8 1px solid; border-bottom: #f4f6f8 1px solid; height: 44px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-contact-table table tr th:first-child{ border-left: #f4f6f8 1px solid; padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-contact-table table tr th:last-child{ border-right: #f4f6f8 1px solid; text-align: center; color: #1089f5; } span.settings-2018-contacts-contact-checkbox{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } span.settings-2018-contacts-contact-checkbox i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } span.settings-2018-contacts-contact-checkbox i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive{ border-color: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive i{ display: block; } .settings-2018-contacts-contact-table table tr td{ border-bottom: #f4f6f8 1px solid; height: 64px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table table tr td:first-child{ padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-contact-table table tr td:last-child{ text-align: center; } .settings-2018-contacts-contact-table-img{ display: inline-block; width: 28px; height: 28px; border-radius: 14px; overflow: hidden; margin: 0 16px 0 0; vertical-align: middle; } .settings-2018-contacts-contact-table-lists{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; cursor: pointer; padding: 20px 0; } .settings-2018-contacts-contact-table-lists:hover{ text-decoration: underline; } .settings-2018-contacts-contact-table-list-slider{ position: absolute; display: none; list-style: none; width: 208px; box-sizing: border-box; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); z-index: 10; left: 0; top: 40px; padding: 16px 0 0 0; } .settings-2018-contacts-contact-table-list-slider li{ display: block; padding: 0 16px 13px 16px; } .settings-2018-contacts-contact-table-list-slider li:last-child{ padding-bottom: 16px; } .settings-2018-contacts-contact-table-list-slider li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table-list-slider li a:hover{ color: #0578d4; text-decoration: none; } .settings-2018-contacts-contact-table-lists:hover .settings-2018-contacts-contact-table-list-slider{ display: block; } .settings-2018-contacts-contact-table-th-img{ width: 14px; } .settings-2018-contacts-contact-table-from-slider{ position: absolute; display: none; right: 0; top: 36px; width: 221px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); z-index: 10; padding: 20px 20px 20px 48px; box-sizing: border-box; } .settings-2018-contacts-contact-table-from-slider-icon{ position: absolute; width: 24px; left: 16px; top: 20px; } .settings-2018-contacts-contact-table-from-slider-name{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table-from-slider-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-table-from:hover .settings-2018-contacts-contact-table-from-slider{ display: block; } .settings-2018-contacts-contact-table-score{ display: inline-block; min-width: 32px; padding: 0 5px; height: 24px; line-height: 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: -0.2px; border-radius: 13px; } .settings-2018-contacts-contact-bottom{ display: block; list-style: none; padding: 64px 0; } .settings-2018-contacts-contact-bottom li{ display: block; width: 48%; } .settings-2018-contacts-contact-bottom li:nth-child(1){ float: left; } .settings-2018-contacts-contact-bottom li:nth-child(2){ float: right; } .settings-2018-contacts-contact-bottom-in{ background-color: #f9f9ff; border-radius: 5px; padding: 24px; } .settings-2018-contacts-contact-bottom-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; padding: 0 0 16px 0; } .settings-2018-contacts-contact-bottom-title span{ display: inline-block; vertical-align: middle; width: 20px; margin: 0 12px 0 0; } .settings-2018-contacts-contact-bottom-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; padding: 0 0 16px 0; } .settings-2018-contacts-contact-bottom-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } /*20190426*/ .setting-2018-referral-left-api-btn{ padding: 32px 0 0 0; } .setting-2018-referral-left-api-btn a{ display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; background: #0a9af6; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .setting-2018-referral-left-veiw-apidoc{ padding: 32px 0 0 0; } .setting-2018-referral-left-veiw-apidoc a{ display: inline-block; height: 44px; line-height: 42px; padding: 0 20px; border-radius: 3px; border: solid 1px #dfe1e4; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .setting-2018-referral-left-api-key-box{ padding: 8px 0 32px 0; font-size: 0; } .setting-2018-referral-left-api-key-box span{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; font-weight: normal; letter-spacing: -0.2px; margin: 0 32px 0 0; } .setting-2018-referral-left-api-key-box i{ display: inline-block; vertical-align: middle; font-style: normal; } .setting-2018-referral-left-api-key-box i a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; font-weight: normal; letter-spacing: -0.2px; } .settings-2018-api-whitelabel-right{ float: right; width: 308px; } .settings-2018-api-whitelabel-top-title{ padding: 80px 0 18px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: 0.8px; font-weight: 600; } .settings-2018-api-whitelabel-title{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #2b374d; letter-spacing: -0.1px; font-weight: 500; line-height: 1.27em; } .settings-2018-api-whitelabel-text{ padding: 0 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; max-width: 400px; letter-spacing: -0.2px; line-height: 1.2em; } .settings-2018-api-whitelabel-btn{ font-size: 0; } .settings-2018-api-whitelabel-btn span{ display: inline-block; vertical-align: top; } .settings-2018-api-whitelabel-btn span:nth-child(1){ margin: 0 12px 0 0; } .settings-2018-api-whitelabel-btn span:nth-child(1) a{ display: inline-block; padding: 0 24px; height: 44px; line-height: 44px; border-radius: 3px; background-color: #2b374d; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .settings-2018-api-whitelabel-btn span:nth-child(2) a{ display: inline-block; padding: 0 24px; height: 44px; line-height: 42px; border-radius: 3px; border: #dfe1e4 1px solid; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; box-sizing: border-box; } /*20190426 end*/ .settings-2018-contacts-list-create-box-list-checkbox{ position: relative; padding: 0 0 0 26px; } .settings-2018-contacts-list-create-box-list-checkbox-icon{ position: absolute; width: 16px; left: 0; top: 0; } /*20200213 template create*/ .templates-create-pop-box{ position: relative; padding: 28px; background: #fff; border-radius: 4px; } .templates-create-pop-box-title{ font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.3px; font-weight: 600; padding: 0 0 28px 0; } .templates-create-pop-box-list{ padding: 0 0 20px 0; } .templates-create-pop-box-list-title{ padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; } .templates-create-pop-box-list-input input{ display: block; width: 100%; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .templates-create-pop-box-list-type{ box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; position: relative; padding: 0 32px 0 48px; } .templates-create-pop-box-list-type-icon{ position: absolute; left: 8px; top: 8px; width: 28px; } .templates-create-pop-box-list-type-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 40px; } .templates-create-pop-box-list-type-list{ position: absolute; display: none; list-style: none; background: #fff; border-radius: 3px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); overflow: hidden; left: 0; right: 0; top: 50px; } .templates-create-pop-box-list-type-list li{ position: relative; display: block; padding: 12px 24px 12px 60px; } .templates-create-pop-box-list-type-list-icon{ position: absolute; width: 28px; left: 16px; top: 16px; } .templates-create-pop-box-list-type-list-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -0.2px; color: #2b374d; padding: 0 0 4px 0; } .templates-create-pop-box-list-type-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.23; letter-spacing: -0.2px; color: #717e94; } .templates-create-pop-box-list-type-list li:hover{ background: #f5f7fa; } .templates-modalbox-list-when-btn input{ display: block; width: 100%; height: 44px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; font-family: 'Eina01', Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; letter-spacing: -0.4px; box-shadow: none; font-weight: 600; text-align: center; letter-spacing: -0.1px; line-height: 48px; } .templates-modalbox-list-when-btn input[type="submit"][disabled]{ background-image: linear-gradient(to left, #0390f5, #1db3fa); opacity: 0.4; } .templates-create-pop-box-list-input.nsl-error input{ border-color: #f35b59; } .templates-create-pop-box-list-text{ color: red; } .templates-box-select-arr{ position: absolute; right: 12px; top: 17px; } .templates-box-select-arr svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .templates-box-select-arr.onactive{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } /*20200213 template create end*/ .channel-settings-wide-main{ width: 94%; margin: 0 auto; } .channel-settings-wide-main-in{ padding: 24px 0 0 0; } .channel-settings-wide-main-left{ position: relative; float: left; width: 260px; padding: 0 0 0 0; z-index: 1; height: 100vh; } .channel-settings-wide-main-right{ float: right; width: 100%; margin: 0 0 0 -280px; } .channel-settings-wide-main-right-in{ margin: 0 0 0 280px; padding: 0 0 64px 0; } .channel-settings-wide-main-left-nav{ display: block; list-style: none; } .channel-settings-wide-main-left-nav li{ display: block; margin: 0 0 6px 0; padding: 8px 0; } .channel-settings-wide-main-left-nav li a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.4px; padding: 0 0 0 8px; box-sizing: border-box; } .channel-settings-wide-main-left-nav li a.onactive{ color: #2b374d; font-weight: 500; border-left: #0390f5 2px solid; } /* 2022-05-18 virtual background */ .channel-settings-2018-list-virtual-bg-l{ width: 210px; } .channel-settings-2018-list-virtual-bg{ display: flex; justify-content: left; } .channel-settings-2018-list-virtual-bg-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #9fa9be; font-weight: bold; letter-spacing: -0.2px; padding: 0 0 16px 0; } .channel-settings-2018-list-virtual-bg-drop{ background: #fafbfd; border: #d1dbe7 1px dashed; border-radius: 3px; padding: 24px 0; text-align: center; margin: 0 0 7px 0; } .channel-settings-2018-list-virtual-bg-drop-icon{ width: 16px; margin: 0 auto 6px; } .channel-settings-2018-list-virtual-bg-drop-icon svg{ display: block; width: 16px; height: 16px; fill: #9fa9be; } .channel-settings-2018-list-virtual-bg-drop-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4B5874; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-list-virtual-bg-drop-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #9FA9BE; letter-spacing: -0.2px; padding: 0 0 10px 0; } .channel-settings-2018-list-virtual-bg-drop-browse a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0089FE; letter-spacing: -0.2px; font-weight: 500; } .channel-settings-2018-list-virtual-bg-r{ margin: 0 0 0 64px; flex: 1; max-width: 430px; } .channel-settings-2018-list-virtual-bg-title-r{ display: flex; justify-content: space-between; align-items: top; padding: 0 11px 0 0; } .channel-settings-2018-list-virtual-bg-title-more a{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0091FF; letter-spacing: -0.2px; font-weight: 500; } .channel-settings-2018-list-virtual-bg-title-more a.cs-cancel{ margin: 0 0 0 16px; color: #FF006D; } .channel-settings-2018-list-virtual-bg-title-more a.cs-delete{ margin: 0 0 0 16px; } .channel-settings-2018-list-virtual-bg-list{ display: block; list-style: none; font-size: 0; } .channel-settings-2018-list-virtual-bg-list li{ position: relative; display: inline-block; margin: 0 7px 7px 0; width: 64px; height: 42px; border-radius: 5px; overflow: hidden; cursor: pointer; box-sizing: border-box; } .channel-settings-2018-list-virtual-bg-list li.cs-bg-add{ border: 1px solid #9FA9BE; } .channel-settings-2018-list-virtual-bg-list li.cs-bg-add a{ position: relative; display: block; height: 40px; } .cs-bg-add-icon{ position: absolute; width: 16px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cs-bg-add-icon svg{ display: block; width: 16px; height: 16px; fill: #d1dbe7; } .cs-bg-checkbox{ display: none; position: absolute; top: 5px; left: 5px; z-index: 3; } .cs-bg-check{ position: relative; display: block; width: 16px; height: 16px; background: #fff; border-radius: 3px; border: #0091ff 1px solid; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12); } .cs-bg-check i{ position: absolute; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cs-bg-check i svg{ display: block; width: 10px; height: 10px; fill: #0091ff; } .cs-bg-check.onactive i{ display: block; } .channel-settings-2018-list-virtual-bg-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #9FA9BE; letter-spacing: -0.2px; } .channel-settings-2018-list-virtual-bg-list.delete-choose .cs-bg-checkbox{ display: block; } .channel-settings-2018-list-virtual-bg-list.apply-choose li:hover{ border: #0089FE 3px solid; } .channel-settings-2018-list-virtual-bg-list li.apply-checked{ border: #0089FE 3px solid; } .bg-left-list-video-loading{ display: none; position: relative; left: 0; right: 0; bottom: -25px; height: 8px; background: #eaedf0; border-radius: 0 0 4px 4px; overflow: hidden; } .bg-left-list-video-loading-in{ position: absolute; left: 0; top: 0; height: 8px; background: #1089f5; } /* 2022-05-18 virtual background end */ /* 20220729 landing page template */ .templates-create-pop-box-image{ font-size: 0; } .templates-create-pop-box-image-in{ display: inline-block; vertical-align: middle; margin: 0 20px 0 0; height: 72px; background: #fff; /* padding: 5px; */ box-sizing: border-box; } .templates-create-pop-box-image-in img{ width: auto; height: 100%; } .templates-create-pop-box-image-btns{ display: inline-block; vertical-align: middle; } .templates-create-pop-box-image-btns-add{ padding: 0 0 6px 0; } .templates-create-pop-box-image-btns-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .templates-create-pop-box-image-btns-del a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #a2abbb; letter-spacing: -0.2px; } /* 20220729 landing page template end */ .invite-link-pricing a{ font-size: 15px; color: #0a9af6; } .invite-link-pricing{ width: 106px; } .channel-subchannel-list{ list-style: none; } .channel-subchannel-list > li{ display: flex; padding: 18px 24px; box-shadow: 0px 1px 0px #E6EAF3; justify-content: space-between; align-items: center; gap: 32px; } .channel-subchannel-list > li:hover{ background: #fafbfd; } .channel-subchannel-list-left{ flex: 1; } .channel-subchannel-list-title{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; } .channel-subchannel-list-title a{ color: #02091a; } .channel-subchannel-list-details{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; } .channel-subchannel-list-details b{ font-weight: bold; } .channel-subchannel-list-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; } .channel-subchannel-list-more{ position: relative; } .channel-subchannel-list-more > a{ width: 10px; height: 16px; display: flex; justify-content: center; align-items: center; } .channel-subchannel-list-more > a svg{ display: block; width: 10px; height: 10px; fill: #9fa9be; } .channel-subchannel-list-more-show{ display: none; position: absolute; top: 30px; right: 0; padding: 4px 0; background: #fff; border-radius: 4px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); z-index: 20; } .channel-subchannel-list-more-show li{ display: block; } .channel-subchannel-list-more-show li:nth-child(1){ padding: 0 0 4px 0; margin: 0 0 4px 0; border-bottom: #e6eaf3 1px solid; } .channel-subchannel-list-more-show li a{ display: block; padding: 7px 12px; text-align: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #0091ff; font-weight: 500; letter-spacing: -0.2px; white-space: nowrap; } .channel-subchannel-list-more-show li:nth-child(1) a{ color: #02091a; font-weight: normal; } .channel-subchannel-list-more:hover > a{ background: #fff; } .channel-subchannel-list-more.onactive .channel-subchannel-list-more-show{ display: block; } .new-home-upcoming-blank{ background: #fff; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 96px 24px; text-align: center; } .new-home-upcoming-blank-icon{ margin: 0 auto; width: 40px; padding: 0 0 16px 0; } .new-home-upcoming-blank-title{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; } .new-home-upcoming-blank-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; font-weight: normal; letter-spacing: -0.2px; } .sub-channel-slider-link-box{ padding: 16px 0 0 0; } .sub-channel-slider-link{ padding: 0 0 12px 0; } .sub-channel-slider-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0091ff; font-weight: 500; letter-spacing: -0.2px; } .ead-slider-footer-new-btn-stack{ display: flex; gap: 12px; justify-content: left; align-items: center; } .ead-slider-footer-new-btn-save input{ display: inline-block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; letter-spacing: -0.2px; background: linear-gradient(90deg, #1DB3FA 0%, #0390F5 100%); border-radius: 4px; height: 40px; padding: 0 20px; box-sizing: border-box; } .ead-slider-footer-new-btn-cancel a{ display: inline-flex; justify-content: center; align-items: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: 500; letter-spacing: -0.2px; height: 40px; padding: 0 20px; background: linear-gradient(180deg, #FFFFFF 0%, #F1F4F9 100%); border: 1px solid #DEE4EF; border-radius: 3px; box-sizing: border-box; } .template-pop-format{ padding: 0 40px; } .delete-select-email-list{ display: none; } .billing-host-list-in-date{ font-size: 14px; color: #868686; letter-spacing: -0.2px; } @media screen and (max-width:1023px) and (min-width:768px) { .nsettings-nav li{ padding: 0 20px 0 0; } } @media screen and (max-width:767px) { .nsettings-list-left{ float: none; width: auto; margin: 0 0 20px; } .nsettings-list-title, .nsettings-list-title-2{ text-align: left; } .nsettings-list-right{ float: none; margin: 0; } .nsettings-list-right-in{ margin: 0; } .nsettings-list-btn{ text-align: center; } .nsettings-list-btn span input{ width: 180px; } .nsettings-billing-main-left{ float: none; margin: 0; } .nsettings-billing-main-left-in{ margin: 0; } .nsettings-billing-main-right{ float: none; width: auto; } .nsettings-billing-pay-right{ padding: 25px 0 0 30px; } .channel-billing-2018-popup-main, .channel-billing-2018-popup-main-2{ padding: 48px 16px 40px 16px; } .channel-settings-2018-list-input span{ width: 140px; } .channel-settings-2018-applications-list li{ padding-right: 0; } .channel-settings-2018-applications-list-btn{ width: auto; position: static; padding: 24px 0 0 72px; } .channel-billing-2018-channel-list li{ padding-right: 0; } .channel-billing-2018-channel-list-right-btn{ position: static; padding: 24px 0 0 0; } .channel-billing-2018-channel-list-img{ width: 64px; height: 64px; } .channel-billing-2018-channel-list-right-in{ margin: 0 0 0 72px; } .settings-2018-left{ display: none; } .channel-billing-2018-main{ padding: 0 3%; } .settings-2018-main-list li:nth-child(odd), .settings-2018-main-list li:nth-child(even){ float: none; width: auto; } .settings-2018-right-main{ padding: 24px; } } /* */ .settings-2018-contacts-contact-table table tr td a[disabled]:hover{ background: none; } /*20180827*/ .setting-2018-referral-out-box{ max-width: 944px; } .setting-2018-referral-nav{ display: block; list-style: none; font-size: 0; padding: 32px 0 0 0; box-shadow: inset 0 -2px 0 #e9edf0; } .setting-2018-referral-nav li{ display: inline-block; padding: 0 32px 0 0; } .setting-2018-referral-nav li a{ display: block; padding: 0 0 18px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; } .setting-2018-referral-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 2px solid; } /*20181010*/ .channel-billing-2018-title{ position: relative; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.1px; font-weight: bold; } .channel-billing-2018-text{ max-width: 640px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; line-height: 1.2em; padding: 0 0 32px 0; } .channel-billing-2018-channel-list{ display: block; list-style: none; max-width: 800px; } .channel-billing-2018-channel-list li{ display: block; border-bottom: #f4f6f8 1px solid; padding: 32px 0; } .channel-billing-2018-channel-list-img{ float: left; width: 120px; height: 120px; border-radius: 4px; overflow: hidden; } .channel-billing-2018-channel-list-right{ float: right; width: 100%; margin: 0 0 0 -144px; } .channel-billing-2018-channel-list-right-in{ position: relative; margin: 0 0 0 144px; padding: 0 120px 0 0; } .channel-billing-2018-channel-list-right-btn{ position: absolute; width: 100px; top: 0; right: 0; } .channel-billing-2018-channel-list-right-btn a{ display: block; height: 36px; line-height: 36px; text-align: center; background: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .channel-billing-2018-channel-list-right-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #2b374d; letter-spacing: -0.1px; font-weight: 600; } .channel-billing-2018-channel-list-right-text{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-channel-list-right-paytype{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; line-height: 1.2em; letter-spacing: -0.2px; max-width: 480px; } .channel-billing-2018-channel-list-right-paytype span{ display: inline-block; width: 30px; margin: 0 8px 0 0; vertical-align: middle; } .channel-billing-2018-channel-box{ padding: 0 0 48px 0; } .channel-billing-2018-channel-box-img{ float: left; width: 56px; height: 56px; border-radius: 4px; overflow: hidden; } .channel-billing-2018-channel-box-right{ float: right; width: 100%; margin: 0 0 0 -72px; } .channel-billing-2018-channel-box-right-in{ margin: 0 0 0 72px; } .channel-billing-2018-channel-box-right-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 28px; color: #2b374d; letter-spacing: -0.1px; font-weight: bold; padding: 0 0 8px 0; } .channel-billing-2018-channel-box-right-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-channel-billing-left{ float: left; width: 100%; margin: 0 -344px 0 0; } .channel-billing-2018-channel-billing-left-in{ margin: 0 344px 0 0; } .channel-billing-2018-channel-billing-right{ float: right; width: 240px; } .channel-billing-2018-channel-billing-list{ padding: 0 0 40px 0; } .channel-billing-2018-channel-billing-list-title{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #717e94; font-weight: bold; letter-spacing: -0.4px; } .channel-billing-2018-channel-billing-list-plan-box{ background: #fff; box-shadow: 0 1px 3px 0 rgba(43, 55, 77, 0.16); padding: 24px; border-radius: 5px; } .channel-billing-2018-channel-billing-list-plan-box-top{ padding: 0 0 8px 0; } .channel-billing-2018-channel-billing-list-plan-box-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; font-weight: 600; letter-spacing: -0.4px; } .channel-billing-2018-channel-billing-list-plan-box-link{ float: right; } .channel-billing-2018-channel-billing-list-plan-box-link span{ display: inline-block; padding: 0 0 0 20px; } .channel-billing-2018-channel-billing-list-plan-box-link span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-channel-billing-list-plan-box-text{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list{ border-bottom: #eaedf0 1px solid; padding: 28px 0; } .channel-billing-2018-right-list-top{ padding: 0 0 37px 0; } .channel-billing-2018-right-list-top-list{ padding: 0 0 16px 0; } .channel-billing-2018-right-list-top-list-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-list-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-total{ border-top: #eaedf0 1px solid; padding: 20px 0 0 0; } .channel-billing-2018-right-list-top-total-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-top-total-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-card-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-card-right{ float: right; } .channel-billing-2018-right-list-card-left span{ display: inline-block; width: 26px; margin: 0 6px 0 0; vertical-align: middle; } .channel-billing-2018-right-list-card-right a{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-cycle{ padding: 0 0 12px 0; } .channel-billing-2018-right-list-cycle:last-child{ padding: 0; } .channel-billing-2018-right-list-cycle-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-cycle-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history{ padding: 0 0 12px 0; } .channel-billing-2018-right-list-history:last-child{ padding: 0; } .channel-billing-2018-right-list-history-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history-right{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-billing-2018-right-list-history-right a{ display: inline-block; padding: 0 0 0 16px; color: #1089f5; } .channel-billing-2018-right-list-history-more{ padding: 8px 0 0 0; } .channel-billing-2018-right-list-history-more a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-billing-2018-right-list-coupon{ padding: 24px 0 0 0; } .channel-billing-2018-right-list-coupon a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-nav{ padding: 32px 0 18px 0; display: block; list-style: none; font-size: 0; border-bottom: #f4f6f8 3px solid; } .channel-settings-2018-nav li{ display: inline-block; padding: 0 40px 0 0; } .channel-settings-2018-nav li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.4px; padding: 0 0 18px 0; } .channel-settings-2018-nav li a.onactive{ color: #2b374d; border-bottom: #1089f5 3px solid; } .channel-settings-2018-part-title{ padding: 48px 0 32px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; font-weight: bold; letter-spacing: -0.4px; } .channel-settings-2018-list{ padding: 0 0 32px 0; } .channel-settings-2018-list-title{ padding: 0 0 21px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.2px; max-width: 560px; } .channel-settings-2018-list-input{ max-width: 560px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-input input{ display: block; width: 100%; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .channel-settings-2018-list-input span{ display: inline-block; width: 200px; margin: 0 8px 0 0; vertical-align: middle; } .channel-settings-2018-list-title i{ display: block; float: right; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: normal; } .channel-settings-2018-list-textarea{ max-width: 560px; } .channel-settings-2018-list-textarea textarea{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; padding: 12px; height: 96px; resize: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; } .channel-settings-2018-list-logo-box{ font-size: 0; } .channel-settings-2018-list-logo{ display: inline-block; width: 104px; height: 104px; border-radius: 3px; overflow: hidden; vertical-align: middle; margin: 0 24px 0 0; } .channel-settings-2018-list-logo-btn{ display: inline-block; vertical-align: middle; font-size: 0; } .channel-settings-2018-list-logo-btn span{ display: inline-block; } .channel-settings-2018-list-logo-btn span:nth-child(1){ padding: 0 24px 0 0; } .channel-settings-2018-list-logo-btn span:nth-child(1) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; font-weight: 500; letter-spacing: -0.2px; } .channel-settings-2018-list-logo-btn span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .channel-settings-2018-list-contants{ display: block; list-style: none; max-width: 560px; } .channel-settings-2018-list-contants li{ display: block; margin: 0 0 12px 0; font-size: 0; border: #dfe1e4 1px solid; border-radius: 3px; } .channel-settings-2018-btn{ padding: 8px 0 0 0; } .channel-settings-2018-btn a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } /*20181010*/ .settings-2018-contacts-btn{ position: absolute; right: 0; top: -5px; font-size: 0; } .settings-2018-contacts-btn span{ display: inline-block; vertical-align: middle; } .settings-2018-contacts-btn span:nth-child(1){ position: relative; border: #dfe1e4 1px solid; border-radius: 4px; width: 220px; padding: 0 0 0 40px; box-sizing: border-box; margin: 0 12px 0 0; } .settings-2018-contacts-btn span:nth-child(1) i{ display: block; position: absolute; width: 20px; height: 20px; left: 10px; top: 10px; } .settings-2018-contacts-btn span:nth-child(1) i svg{ display: block; width: 20px; height: 20px; fill: #c1c9d6; } .settings-2018-contacts-btn span:nth-child(1) input{ display: block; border: none; border-radius: 0; background-color: transparent; padding: 0 10px 0 0; height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: normal; } .settings-2018-contacts-btn span:nth-child(2){ margin: 0 12px 0 0; } .settings-2018-contacts-btn span:nth-child(2) a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 38px; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; box-sizing: border-box; } .settings-2018-contacts-btn span:nth-child(3) a, .settings-2018-contacts-btn span.settings-2019-contacts-btn-green a{ display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; background-image: linear-gradient(to left, #0390f5, #1db3fa); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.4px; font-weight: 500; } .settings-2018-contacts-btn span:nth-child(3) a:hover, .settings-2018-contacts-btn span.settings-2019-contacts-btn-green a:hover{ background-image: linear-gradient(to left, #1b9ffd, #2cbafd); } .settings-2018-contacts-btn span.settings-2019-contacts-btn-green{ border: none; width: auto; padding: 0; margin: 0; } .settings-2018-contacts-list-box-out{ padding: 32px 0 0 0; } .settings-2018-contacts-list-box{ padding: 50px 0 0 0; } .settings-2018-contacts-list-blank-left{ float: left; width: 100%; margin: 0 -420px 0 0; } .settings-2018-contacts-list-blank-left-in{ margin: 0 420px 0 0; } .settings-2018-contacts-list-blank-right{ float: right; width: 320px; } .settings-2018-contacts-list-blank-top{ padding: 0 0 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: 0.8px; font-weight: 600; } .settings-2018-contacts-list-blank-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 22px; color: #2b374d; letter-spacing: -0.1px; font-weight: 500; } .settings-2018-contacts-list-blank-text{ padding: 8px 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.25em; font-weight: 600; } .settings-2018-contacts-list-blank-import{ padding: 0 0 8px 0; } .settings-2018-contacts-list-blank-import a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .settings-2018-contacts-list-table table tr th{ background-color: #f9fafc; border-top: #f4f6f8 1px solid; border-bottom: #f4f6f8 1px solid; height: 44px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-list-table table tr th:first-child{ border-left: #f4f6f8 1px solid; padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-list-table table tr th:last-child{ border-right: #f4f6f8 1px solid; } .settings-2018-contacts-list-table table tr th:first-child span, .settings-2018-contacts-list-table table tr td:first-child span{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } .settings-2018-contacts-list-table table tr th:first-child span i, .settings-2018-contacts-list-table table tr td:first-child span i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } .settings-2018-contacts-list-table table tr th:first-child span i svg, .settings-2018-contacts-list-table table tr td:first-child span i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .settings-2018-contacts-list-table table tr th:first-child span.onactive, .settings-2018-contacts-list-table table tr td:first-child span.onactive{ border-color: #1089f5; } .settings-2018-contacts-list-table table tr th:first-child span.onactive i, .settings-2018-contacts-list-table table tr td:first-child span.onactive i{ display: block; } .settings-2018-contacts-list-table table tr td{ border-bottom: #f4f6f8 1px solid; height: 85px; } .settings-2018-contacts-list-table table tr td:first-child{ padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-list-table-arr{ display: inline-block; margin: 0 0 0 5px; vertical-align: middle; width: 6px; height: 16px; } .settings-2018-contacts-list-table-arr b{ display: block; width: 6px; margin: 0 0 3px 0; } .settings-2018-contacts-list-table-arr b:last-child{ margin: 0; } .settings-2018-contacts-list-table-arr a svg{ display: block; width: 6px; height: 6px; fill: #4c586e; } .settings-2018-contacts-list-table-title{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500 } .settings-2018-contacts-list-table-title a{ color: #2b374d; } .settings-2018-contacts-list-table-title a[disabled]:hover{ background: none; } .settings-2018-contacts-list-table-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-table-from{ position: relative; width: 22px; } .settings-2018-contacts-list-table-analytics{ width: 18px; } .settings-2018-contacts-list-table-addnew{ width: 21px; } .settings-2018-contacts-list-bulkactions{ padding: 0 0 28px 0; font-size: 0; } .settings-2018-contacts-list-bulkactions-select{ position: relative; display: inline-block; width: 174px; margin: 0 8px 0 0; vertical-align: top; } .settings-2018-contacts-list-bulkactions-select-btn{ display: inline-block; vertical-align: top; } .settings-2018-contacts-list-bulkactions-select-btn a{ display: inline-block; padding: 0 16px; height: 40px; line-height: 38px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); } .settings-2018-contacts-list-bulkactions-select-box{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); height: 40px; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; padding: 0 12px; cursor: pointer; overflow: hidden; } .settings-2018-contacts-list-bulkactions-select-box span{ display: block; position: absolute; width: 12px; height: 12px; right: 9px; top: 14px; } .settings-2018-contacts-list-bulkactions-select-box span svg{ display: block; width: 12px; height: 12px; fill: #637381; } .settings-2018-contacts-list-bulkactions-select-slider{ position: absolute; display: block; list-style: none; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); width: 240px; left: 0; top: 48px; z-index: 10; overflow: hidden; } .settings-2018-contacts-list-bulkactions-select-slider li{ display: block; } .settings-2018-contacts-list-bulkactions-select-slider li a{ display: block; padding: 16px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-bulkactions-select-slider li a:hover{ background-color: #f9fafc; } .settings-2018-contacts-contact-table table tr th{ background-color: #f9fafc; border-top: #f4f6f8 1px solid; border-bottom: #f4f6f8 1px solid; height: 44px; text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-contact-table table tr th:first-child{ border-left: #f4f6f8 1px solid; padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-contact-table table tr th:last-child{ border-right: #f4f6f8 1px solid; text-align: center; color: #1089f5; } span.settings-2018-contacts-contact-checkbox{ position: relative; display: block; width: 16px; height: 16px; border: #dfe1e4 1px solid; box-sizing: border-box; background-color: #fff; cursor: pointer; } span.settings-2018-contacts-contact-checkbox i{ position: absolute; display: none; width: 10px; height: 10px; left: 2px; top: 2px; } span.settings-2018-contacts-contact-checkbox i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive{ border-color: #1089f5; } span.settings-2018-contacts-contact-checkbox.onactive i{ display: block; } .settings-2018-contacts-contact-table table tr td{ border-bottom: #f4f6f8 1px solid; height: 64px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table table tr td a{ color: #2b374d; } .settings-2018-contacts-contact-table table tr td:first-child{ padding: 0 24px 0 16px; width: 16px; } .settings-2018-contacts-contact-table table tr td:last-child{ text-align: center; } .settings-2018-contacts-contact-table-img{ display: inline-block; width: 28px; height: 28px; border-radius: 14px; overflow: hidden; margin: 0 16px 0 0; vertical-align: middle; } .settings-2018-contacts-contact-table-lists{ position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; cursor: pointer; padding: 20px 0; } .settings-2018-contacts-contact-table-lists:hover{ text-decoration: underline; } .settings-2018-contacts-contact-table-list-slider{ position: absolute; display: none; list-style: none; width: 208px; box-sizing: border-box; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); z-index: 10; right: 0; top: 40px; padding: 16px 0 0 0; } .settings-2018-contacts-contact-table-list-slider li{ display: block; padding: 0 16px 13px 16px; } .settings-2018-contacts-contact-table-list-slider li:last-child{ padding-bottom: 16px; } .settings-2018-contacts-contact-table-list-slider li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table-list-slider li a:hover{ color: #0578d4; text-decoration: none; } .settings-2018-contacts-contact-table-lists:hover .settings-2018-contacts-contact-table-list-slider{ display: block; } .settings-2018-contacts-contact-table-th-img{ width: 14px; } .settings-2018-contacts-contact-table-from-slider{ position: absolute; display: none; right: 0; top: 36px; width: 248px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); z-index: 10; padding: 20px 20px 20px 48px; box-sizing: border-box; } .settings-2018-contacts-contact-table-from-slider-icon{ position: absolute; width: 24px; left: 16px; top: 20px; } .settings-2018-contacts-contact-table-from-slider-name{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-contact-table-from-slider-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-table-from:hover .settings-2018-contacts-contact-table-from-slider{ display: block; } .settings-2018-contacts-contact-table-score{ display: inline-block; min-width: 32px; padding: 0 5px; height: 24px; line-height: 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: -0.2px; border-radius: 13px; } .settings-2018-contacts-contact-bottom{ display: block; list-style: none; padding: 64px 0; } .settings-2018-contacts-contact-bottom li{ display: block; width: 48%; } .settings-2018-contacts-contact-bottom li:nth-child(1){ float: left; } .settings-2018-contacts-contact-bottom li:nth-child(2){ float: right; } .settings-2018-contacts-contact-bottom-in{ background-color: #f9f9ff; border-radius: 5px; padding: 24px; } .settings-2018-contacts-contact-bottom-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.4px; font-weight: 600; padding: 0 0 16px 0; } .settings-2018-contacts-contact-bottom-title span{ display: inline-block; vertical-align: middle; width: 20px; margin: 0 12px 0 0; } .settings-2018-contacts-contact-bottom-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; padding: 0 0 16px 0; } .settings-2018-contacts-contact-bottom-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } /*popup box*/ .settings-2018-contacts-list-create-bg{ background-color: rgba(41, 52, 72, 0.9); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; } .settings-2018-contacts-list-create-box{ position: absolute; right: 0; top: 0; bottom: 0; width: 556px; background-color: #fff; box-shadow: -4px 0 24px 0 rgba(0, 0, 0, 0.06); } .settings-2018-contacts-list-create-header{ position: relative; height: 56px; line-height: 56px; box-shadow: inset 0 -1px 0 0 #dfe1e4; padding: 0 28px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .settings-2018-contacts-list-create-header span{ display: block; position: absolute; right: 28px; top: 22px; width: 14px; } .settings-2018-contacts-list-create-header span a svg{ display: block; width: 14px; height: 14px; fill: #717e94; } .settings-2018-contacts-list-create-box-out{ position: absolute; top: 56px; bottom: 0; left: 0; right: 0; overflow: auto; } .settings-2018-contacts-list-create-box-list{ padding: 32px 28px; border-bottom: #eaedf0 1px solid; } .settings-2018-contacts-list-create-box-list-title{ position: relative; padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .settings-2018-contacts-list-create-box-list-title span{ display: block; position: absolute; right: 0; top: 0; } .settings-2018-contacts-list-create-box-list-title span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: normal; } .settings-2018-contacts-list-create-box-list-part{ padding: 0 0 28px 0; } .settings-2018-contacts-list-create-box-list-part:last-child{ padding: 0; } .settings-2018-contacts-list-create-box-list-part-title{ padding: 0 0 13px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-list-create-box-list-part-input input{ display: block; width: 100%; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-part-select{ position: relative; padding: 0 0 16px 0; } .settings-2018-contacts-list-create-box-list-part-select select{ position: relative; display: block; width: 100%; z-index: 2; background-color: transparent; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 20px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; -webkit-appearance: none !important; -moz-appearance: none !important; } .settings-2018-contacts-list-create-box-list-part-select i{ position: absolute; display: block; font-style: normal; right: 16px; top: 18px; width: 8px; z-index: 1; } .settings-2018-contacts-list-create-box-list-part-select i svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .settings-2018-contacts-list-create-box-list-part-textarea textarea{ display: block; width: 100%; height: 96px; resize: none; border: #dfe1e4 1px solid; border-radius: 3px; padding: 12px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-part-2input span{ display: block; width: 48%; } .settings-2018-contacts-list-create-box-list-part-2input span:nth-child(1){ float: left; } .settings-2018-contacts-list-create-box-list-part-2input span:nth-child(2){ float: right; } .settings-2018-contacts-list-create-box-list-checkbox{ position: relative; padding: 0 0 0 26px; } .settings-2018-contacts-list-create-box-list-checkbox-icon{ position: absolute; width: 16px; left: 0; top: 1px; } .settings-2018-contacts-list-create-box-list-checkbox-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-checkbox-title a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-list-checkbox-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; line-height: 1.13em; } .settings-2018-contacts-list-create-box-btn{ padding: 24px 28px; font-size: 0; } .settings-2018-contacts-list-create-box-btn span{ display: inline-block; vertical-align: top; } .settings-2018-contacts-list-create-box-btn span:nth-child(1){ margin: 0 12px 0 0; } .settings-2018-contacts-list-create-box-btn span:nth-child(1) a{ display: inline-block; padding: 0 20px; background-image: linear-gradient(to left, #0390f5, #1db3fa); border-radius: 3px; height: 44px; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .settings-2018-contacts-list-create-box-btn span:nth-child(2) a{ display: inline-block; padding: 0 20px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); border: solid 1px #dfe1e4; border-radius: 3px; height: 44px; line-height: 42px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; box-sizing: border-box; } .settings-2018-contacts-list-create-box-tips{ position: relative; background-color: #f9f9ff; padding: 24px 28px 24px 77px; } .settings-2018-contacts-list-create-box-tips-icon{ position: absolute; left: 28px; top: 24px; width: 32px; } .settings-2018-contacts-list-create-box-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6d68c9; letter-spacing: -0.4px; line-height: 1.2em; } .settings-2018-contacts-list-create-box-import-text{ padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-import-btn{ font-size: 0; } .settings-2018-contacts-list-create-box-import-btn span{ display: block; width: 48%; } .settings-2018-contacts-list-create-box-import-btn span:nth-child(1){ float: left; } .settings-2018-contacts-list-create-box-import-btn span:nth-child(2){ float: right; } .settings-2018-contacts-list-create-box-import-btn span a{ display: block; text-align: center; height: 44px; line-height: 42px; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; background-image: linear-gradient(to bottom, #ffffff, #f9fafb); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-list-create-box-import-btn span a i{ display: inline-block; width: 20px; margin: 0 12px 0 0; vertical-align: middle; } .settings-2018-contacts-list-create-box-import-app-stack{ display: block; list-style: none; font-size: 0; margin: 0 -10px; } .settings-2018-contacts-list-create-box-import-app-stack li{ position: relative; display: inline-block; width: 64px; margin: 0 10px 20px 10px; vertical-align: top; } .settings-2018-contacts-list-create-box-import-app-stack li span{ display: none; position: absolute; right: 0; top: 72px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); padding: 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; white-space: nowrap; z-index: 1; } .settings-2018-contacts-list-create-box-import-app-stack li:nth-child(6n+1) span{ left: 0; right: auto; } .settings-2018-contacts-list-create-box-import-app-stack li:hover span{ display: block; } .settings-2018-contacts-list-create-box-addheadshot{ padding: 24px 28px 0 28px; font-size: 0; } .settings-2018-contacts-list-create-box-addheadshot span{ display: inline-block; vertical-align: middle; } .settings-2018-contacts-list-create-box-addheadshot span:nth-child(1){ width: 80px; height: 80px; overflow: hidden; margin: 0 16px 0 0; } .settings-2018-contacts-list-create-box-addheadshot span:nth-child(2) a{ display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; margin: 0 0 4px 0; } .settings-2018-contacts-list-create-box-addheadshot span:nth-child(2) i{ display: block; font-style: normal; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .settings-2018-contacts-list-create-box-2-line{ padding: 0 0 24px 0; } .settings-2018-contacts-list-create-box-2-line span{ display: block; width: 48%; } .settings-2018-contacts-list-create-box-2-line span:nth-child(1){ float: left; } .settings-2018-contacts-list-create-box-2-line span:nth-child(2){ float: right; } .settings-2018-contacts-list-create-box-list-part-social{ position: relative; border: #dfe1e4 1px solid; margin: 0 0 16px 0; border-radius: 3px; padding: 0 0 0 42px; } .settings-2018-contacts-list-create-box-list-part-social span{ position: absolute; display: block; width: 18px; left: 12px; top: 13px; } .settings-2018-contacts-list-create-box-list-part-social input{ display: block; height: 42px; padding: 0 12px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; border: none; background-color: transparent; } /*20181029*/ .settings-2018-contacts-contact-pagination{ display: block; list-style: none; text-align: center; font-size: 0; padding: 32px 0 47px 0; } .settings-2018-contacts-contact-pagination a, .settings-2018-contacts-contact-pagination span, .settings-2018-contacts-contact-pagination .current{ display: inline-block; background-color: #fff; border-radius: 4px; min-width: 29px; height: 26px; padding: 0 6px; text-align: center; line-height: 26px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .settings-2018-contacts-contact-pagination .previous_page{ margin-right: 14px; border: #dae0e9 1px solid; line-height: 24px; } .settings-2018-contacts-contact-pagination .next_page{ margin-left: 14px; border: #dae0e9 1px solid; line-height: 24px; } .settings-2018-contacts-contact-pagination a:hover, .settings-2018-contacts-contact-pagination span:hover, .settings-2018-contacts-contact-pagination .current:hover{ background-color: #f4f6f8; color: #2b374d; } .settings-2018-contacts-contact-pagination em.current{ background-color: #1089f5; color: #fff; } @media screen and (max-width:1023px) and (min-width:768px) { .nsettings-nav li{ padding: 0 20px 0 0; } } @media screen and (max-width:767px) { .nsettings-list-left{ float: none; width: auto; margin: 0 0 20px; } .nsettings-list-title, .nsettings-list-title-2{ text-align: left; } .nsettings-list-right{ float: none; margin: 0; } .nsettings-list-right-in{ margin: 0; } .nsettings-list-btn{ text-align: center; } .nsettings-list-btn span input{ width: 180px; } .nsettings-billing-main-left{ float: none; margin: 0; } .nsettings-billing-main-left-in{ margin: 0; } .nsettings-billing-main-right{ float: none; width: auto; } .nsettings-billing-pay-right{ padding: 25px 0 0 30px; } .channel-billing-2018-popup-main, .channel-billing-2018-popup-main-2{ padding: 48px 16px 40px 16px; } .settings-2018-left{ display: none; } .settings-2018-right{ display: block; } .channel-billing-2018-main{ padding: 48px 3%; } .settings-2018-contacts-list-table, .settings-2018-contacts-contact-table{ overflow: auto; } .settings-2018-contacts-list-table table, .settings-2018-contacts-contact-table table{ width: 960px; } .settings-2018-contacts-btn{ position: static; padding: 40px 0 0 0; } .settings-2018-contacts-btn span{ display: block; } .settings-2018-contacts-btn span:nth-child(1){ display: none; } .settings-2018-contacts-btn span:nth-child(2){ margin: 0 0 12px 0; } .settings-2018-contacts-btn span:nth-child(2) a{ display: block; text-align: center; } .settings-2018-contacts-btn span:nth-child(3) a{ display: block; text-align: center; } .setting-2018-referral-nav{ white-space: nowrap; overflow: auto; } .settings-2018-contacts-list-blank-left{ float: none; margin: 0; } .settings-2018-contacts-list-blank-left-in{ margin: 0; } .settings-2018-contacts-list-blank-right{ float: none; width: auto; padding: 48px 0 0 0; } .settings-2018-contacts-contact-bottom{ margin: 0 -3%; } .settings-2018-contacts-contact-bottom li:nth-child(1){ float: none; width: auto; margin: 0 0 16px 0; } .settings-2018-contacts-contact-bottom li:nth-child(2){ float: none; width: auto; } .settings-2018-contacts-list-create-box{ width: 100%; max-width: 556px; } } .series-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; background-color: #eff1f4; } .close{ display: none; } .series-left{ position:relative; width: 100%; /*width: 280px;*/ width: 345px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /*box-shadow: inset -1px 0 0 0 #dfe1e4;*/ background-color: #f4f6f8; overflow: hidden; } .series-left-in{ display: block; /*width: 560px;*/ width: 690px; -moz-transition: margin-left 300ms ease; -ms-transition: margin-left 300ms ease; -o-transition: margin-left 300ms ease; -webkit-transition: margin-left 300ms ease; transition: margin-left 300ms ease; } .seriex-left-nav{ display: block; /*width: 280px;*/ width: 345px; float: left; } .series-left-details{ display: block; float: right; /*width: 280px;*/ width: 345px; } .series-left-details-2{ display: block; /*width: 280px;*/ width: 345px; } .series-left-top{ display: block; font-size: 0; border-bottom: #dfe1e4 1px solid; padding: 0 20px; margin: 0 0 6px 0; } .series-left-top span{ display: inline-block; } .series-left-top span:nth-child(1){ margin: 0 30px 0 0; } .series-left-top span a{ position: relative; display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 26px 0; z-index: 1; bottom: -1.5px; } .series-left-top span a.onactive{ color: #2b374d; /*padding-bottom: 25px;*/ border-bottom: #1089f5 3px solid; } .series-left-section{ padding: 24px 16px; /*border-bottom: #dfe1e4 1px solid;*/ } .series-left-section-title{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; font-weight: 600; } .series-left-section-list{ display: block; list-style: none; } .series-left-section-list li{ display: block; background-color: #fff; border-radius: 1px; box-shadow: inset 0 -1px 0 0 #eaedf0; padding: 16px; font-size: 0; cursor: pointer; } .series-left-section-list li:first-child{ margin: 0 0 8px 0; } .series-left-section-list li:last-child{ margin: 8px 0 0 0; } .series-left-section-list-icon{ display: inline-block; width: 16px; margin: 0 16px 0 0; vertical-align: middle; } .series-left-section-list-name{ display: inline-block; /*width: 136px;*/ width: 200px; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; overflow: hidden; text-overflow: ellipsis; } .series-left-section-list-right{ display: inline-block; float: right; font-size: 0; vertical-align: middle; padding: 4px 0 0 0; } .series-left-section-list-more{ display: inline-block; width: 6px; margin: 0 0 0 16px; vertical-align: middle; } .series-left-section-list-more a{ cursor: move; } .series-left-section-list-show{ display: inline-block; width: 16px; vertical-align: middle; } .series-left-section-list li > a .series-left-section-list-name{ color: #1089f5; } .series-left-section-list-more-2{ display: inline-block; width: 10px; height: 10px; margin: 0 0 0 16px; vertical-align: middle; } .series-left-section-list-more-2 svg{ display: block; width: 10px; height: 10px; fill: #4c586e; } .series-left-section-list-switch{ position: relative; height: 8px; width: 22px; background-color: #dfe1e4; border-radius: 5px; } .series-left-section-list-handle{ position: absolute; width: 12px; height: 12px; background-color: #717e94; border-radius: 6px; left: 0; top: -2px; cursor: pointer; -moz-transition: left 300ms ease; -ms-transition: left 300ms ease; -o-transition: left 300ms ease; -webkit-transition: left 300ms ease; transition: left 300ms ease; } .series-left-section-list-switch.onactive .series-left-section-list-handle{ left: 10px; background-color: #1089f5; } .series-left-details-header, .series-left-details-seo, .series-left-details-facebook, .series-left-details-twitter, .series-left-details-about, .series-left-details-recommended, .series-left-details-footer, .series-left-details-cta, .series-left-details-custom-css, .series-left-details-code, .series-left-details-video, .series-left-details-widget, .series-left-details-custom-code, .series-left-details-lattice-footer, .series-left-details-custom-javascript, .series-left-details-titlebanner, .series-left-details-settings, .series-left-details-other-settings, .series-left-details-sponsorship, .series-left-details-agenda-date, .series-left-details-sponsorship-2, .series-left-details-sponsorship-3, .series-left-details-lobby-button, .series-left-details-agenda, .series-left-details-agenda-item, .series-left-details-category, .series-left-details-gallery-category, .series-left-details-media-background, .series-left-details-media-custom, .series-left-details-sponsorship-4, .series-left-details-sponsorship-5, .series-left-details-sponsorship-6, .series-left-details-sponsorship-7, .series-left-details-sponsorship-8, .series-left-details-sponsorship-9, .series-left-details-sponsorship-10, .series-left-details-filter-category, .series-left-details-matchmaking-category, .series-left-details-banner-carousel, .series-left-details-legal{ display: none; } .series-left-details-header-top{ padding: 22px 20px; border-bottom: #dfe1e4 1px solid; } .series-left-details-header-top a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .series-left-details-header-top a span{ display: inline-block; vertical-align: middle; margin: 0 8px 0 0; width: 16px; } .series-left-details-header-top-new{ padding: 22px 20px; border-bottom: #dfe1e4 1px solid; } .series-left-details-header-top-new a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .series-left-details-header-top-new a span{ display: inline-block; vertical-align: middle; margin: 0 8px 0 0; width: 16px; } .series-left-details-section{ padding: 24px 20px 0; } .series-left-details-section-cover{ padding: 12px 20px 0; } .series-left-details-section-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 12px 0; } .series-left-details-section-title span{ display: block; float: right; width: 56px; } .series-left-details-section-title span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .series-left-details-section-title span a i{ display: inline-block; font-style: normal; width: 16px; margin: 0 0 0 8px; } .series-left-details-section-confirmation-tips{ width: 65%; padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .series-left-details-section-img-box-space{ height: 135px; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fcfcfc; text-align: center; padding: 30px 0 0 0; box-sizing: border-box; } .series-left-details-section-img-box-space-icon{ width: 18px; margin: 0 auto; padding: 0 0 14px 0; } .series-left-details-section-img-box-space-title{ padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; } .series-left-details-section-img-box-space-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .series-left-details-section-img-tips{ padding: 16px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .series-left-details-section-img-tips a{ color: #1089f5; } .series-left-details-section-input input:not([type="radio"], [type="checkbox"]){ display: block; width: 100%; outline: none; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; padding: 0 12px; height: 44px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .series-banner-color-ba{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; padding: 0 12px; height: 44px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 44px; } .series-left-details-section-logo-uploaded{ font-size: 0; } .series-left-details-section-logo-uploaded-img{ display: inline-block; vertical-align: middle; margin: 0 16px 0 0; max-width: 110px; /* height: 110px; */ border-radius: 2px; /* overflow: hidden; */ background: #eaedf0; } .series-left-details-section-banner-carousel-img{ display: inline-block; vertical-align: middle; margin: 0 0 16px 0; max-width: 305px; border-radius: 2px; max-height: 155px; overflow: hidden; } .js-banner-carousel-image{ width: 305px !important; height: 155px !important; overflow: hidden; } .series-left-details-section-logo-uploaded-control{ display: inline-block; vertical-align: middle; } .series-left-details-section-logo-uploaded-control span{ display: block; } .series-left-details-section-logo-uploaded-control span:nth-child(1){ padding: 0 0 6px 0; } .series-left-details-section-logo-uploaded-control span:nth-child(1) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .series-left-details-section-logo-uploaded-control span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .series-left-details-titlebanner-list{ border-bottom: #dfe1e4 1px solid; cursor: pointer; padding: 24px 0; } .series-left-details-titlebanner-list-2{ border-bottom: #dfe1e4 1px solid; padding: 24px 0; } .series-left-details-titlebanner-list:last-child, .series-left-details-titlebanner-list-2:last-child{ border: none; } .series-left-details-titlebanner-list-box{ padding: 0 20px; } .series-left-details-titlebanner-list-box-title{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; font-weight: 600; } .series-left-details-titlebanner-list-box-arr{ float: right; width: 9px; height: 9px; margin: 4px 0; } .series-left-details-titlebanner-list-box-arr span{ display: block; width: 9px; height: 9px; } .series-left-details-titlebanner-list-box-arr span svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .series-left-details-titlebanner-list-contents{ display: none; } .series-left-details-section-textarea textarea{ display: block; width: 100%; padding: 12px; background-color: #fff; border: #dfe1e4 1px solid; border-radius: 3px; height: 116px; resize: none; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; line-height: 1.2em; letter-spacing: -0.2px; box-shadow: none; } .series-left-details-section-choose-box{ font-size: 0; } .series-left-details-section-choose-box span{ display: inline-block; vertical-align: middle; margin: 0 12px 0 0; } .series-left-details-section-choose-box span a{ display: block; width: 80px; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; text-align: center; height: 40px; line-height: 38px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; } .series-left-details-section-choose-box span a.onactive{ border-color: #2196f3; color: #2b374d; } .series-left-details-titlebanner-list-box-handle-box{ float: right; padding: 6px 0 0 0; } .series-left-details-titlebanner-list-box-handle-bg{ position: relative; /*width: 100px; height: 6px; border-radius: 4px; background-color: #dbe0e8;*/ } .series-left-details-titlebanner-list-box-handle-ball{ position: absolute; height: 12px; width: 12px; border-radius: 8px; background-color: #717e94; cursor: pointer; top: -3px; z-index: 1; } .header-image img{ /*height: 50px; width: auto;*/ margin: 50% 0 0 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .series-left-details-titlebanner-list-box-img-box-out{ padding: 12px 20px 0 20px; } .series-left-details-titlebanner-list-box-img-box{ height: 142px; background-color: #fcfcfc; border-radius: 3px; border: #dfe1e4 1px solid; padding: 0 30px; } .series-left-details-titlebanner-list-box-img-box-btn{ padding: 40px 0 12px 0; } .series-left-details-titlebanner-list-box-img-box-btn a{ display: block; height: 36px; text-align: center; line-height: 36px; background-color: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .series-left-details-titlebanner-list-box-img-box-link{ text-align: center; } .series-left-details-titlebanner-list-box-img-box-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .series-image-recon{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #8692a2; letter-spacing: -0.2px; } .series-left-details-presenters{ display: none; } .series-left-details-language{ display: none; } .series-left-details-presenters-list{ padding: 16px 20px; display: block; list-style: none; } .series-left-details-presenters-list li{ display: block; background-color: #fff; border-radius: 1px; box-shadow: inset 0 -1px 0 0 #eaedf0; padding: 16px; font-size: 0; } .series-left-details-presenters-list li > a .series-left-section-list-name{ color: #1089f5; } .series-left-details-presenters-list li .series-left-section-list-right{ /*padding: 6px 0 0 0;*/ padding: 3px 0 0 0; } .series-left-details-recommended-list{ padding: 16px 20px; display: block; list-style: none; } .series-left-details-recommended-list li{ display: block; background-color: #fff; border-radius: 1px; box-shadow: inset 0 -1px 0 0 #eaedf0; padding: 16px; font-size: 0; } .series-left-details-recommended-list li > a .series-left-section-list-name{ color: #1089f5; } .series-left-details-recommended-list li .series-left-section-list-right{ /*padding: 6px 0 0 0;*/ padding: 3px 0 0 0; } .series-left-section-list-arr-show{ display: inline-block; vertical-align: middle; width: 9px; } .series-left-section-list-arr-show a{ display: block; width: 9px; height: 9px; } .series-left-section-list-arr-show a svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .series-left-details-presenters-list-show{ padding: 24px 20px 0 20px; margin: 16px -20px 0 -20px; box-shadow: inset 0 1px 0 0 #eaedf0; } .series-left-details-presenters-list li .series-left-details-presenters-list-show{ display: none; } .series-left-details-presenters-list li.onactive .series-left-details-presenters-list-show{ display: block; } .series-left-details-presenters-section{ padding: 0 0 20px 0; } .series-left-details-section-btn a{ display: block; height: 40px; border-radius: 3px; background-color: #00c4b5; line-height: 40px; text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; letter-spacing: -0.4px; font-weight: 600; } .series-left-details-section-presenter-img{ font-size: 0; } .series-left-details-section-presenter-img-left{ display: inline-block; vertical-align: middle; margin: 0 16px 0 0; width: auto; height: 80px; /*border-radius: 50%;*/ overflow: hidden; } .series-left-details-section-presenter-img-left img{ width: auto; height: 80px; } .series-left-details-section-presenter-img-right{ display: inline-block; vertical-align: middle; } .series-left-details-section-presenter-img-right span{ display: block; } .series-left-details-section-presenter-img-right span:nth-child(1){ padding: 0 0 6px 0; } .series-left-details-section-presenter-img-right span:nth-child(1) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .series-left-details-section-presenter-img-right span:nth-child(2) a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .series-left-details-section-input textarea{ display: block; width: 100%; resize: none; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; padding: 12px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; font-weight: normal; letter-spacing: -0.2px; line-height: 1.2em; } .series-left-details-presenters-delete a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #e93e62; left: -0.2px; } .series-left-details-sessions{ display: none; } .series-left-details-track{ display: none; } .series-left-details-track-title{ display: none; } .series-left-details-add-sessions{ display: none; } .series-left-details-add-track{ display: none; } .series-left-details-add-sponsorship{ display: none; } .series-left-details-add-sponsorship-2{ display: none; } .series-left-details-add-sponsorship-3{ display: none; } .series-left-details-add-sponsorship-4{ display: none; } .series-left-details-add-sponsorship-5{ display: none; } .series-left-details-add-sponsorship-6{ display: none; } .series-left-details-add-sponsorship-7{ display: none; } .series-left-details-add-sponsorship-8{ display: none; } .series-left-details-add-sponsorship-9{ display: none; } .series-left-details-add-sponsorship-10{ display: none; } .series-left-details-add-lobby-button{ display: none; } .series-left-details-add-agenda{ display: none; } .series-left-details-add-recommended{ display: none; } .series-left-details-add-category{ display: none; } .series-left-details-add-filter-category{ display: none; } .series-left-details-add-matchmaking-category{ display: none; } .series-left-details-add-agenda-date{ display:none; } .series-left-details-add-agenda-item{ display: none; } .series-left-details-add-category-content{ display: none; } .series-left-details-add-matchmaking-content{ display: none; } .series-left-details-add-track-title{ display: none; } .series-left-details-add-lattice-footer{ display: none; } .series-left-details-session-delete a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .series-left-details-section-session-selected{ background-color: #f9fafc; border: #eaedf0 1px solid; border-radius: 2px; padding: 12px; font-size: 0; } .series-left-details-section-session-selected-img{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 2px; overflow: hidden; margin: 0 12px 0 0; } .series-left-details-section-session-selected-title{ display: inline-block; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.2em; width: 124px; word-break: break-word; } .series-left-details-third-section{ position: relative; /*position: absolute;*/ z-index: 2; top: 0; bottom: 0; left: 0; right: 0; background-color: #f4f6f8; padding: 0 0 64px 0; } .series-left-third-section-header-top{ padding: 22px 20px; border-bottom: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.2px; font-weight: 600; } .series-left-third-section-header-top a{ display: block; float: right; width: 12px; padding: 3px 0 0 0; } .series-left-third-section-header-top a svg{ display: block; width: 12px; height: 12px; fill: #717e94; } .series-left-details-third-section-create{ background-color: #fff; box-shadow: inset 0 -1px 0 0 #eaedf0; padding: 20px; margin: 16px 0 0 0; font-size: 0; } .series-left-details-third-section-create-left{ display: inline-block; font-size: 0; } .series-left-details-third-section-create-left a .series-left-section-list-name{ color: #1089f5; } .series-left-details-third-section-create-right{ float: right; width: 18px; } .series-left-details-third-section-create-tips{ padding: 8px 20px 0 20px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; } .series-left-details-third-section-create-list{ display: block; list-style: none; padding: 16px 0; } .series-left-details-third-section-create-list li{ position: relative; display: block; padding: 8px 50px 8px 20px; background-color: #fff; box-shadow: inset 0 -1px 0 0 #eaedf0; font-size: 0; } .series-left-details-third-section-create-list-img{ display: inline-block; width: 40px; height: 40px; overflow: hidden; border-radius: 2px; vertical-align: middle; margin: 0 12px 0 0; } .series-left-details-third-section-create-list-title{ display: inline-block; width: 156px; vertical-align: middle; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .series-left-details-third-section-create-list-check-box{ position: absolute; width: 18px; top: 18px; right: 20px; } .series-left-details-third-section-create-list-check-box a span{ display: block; width: 20px; height: 20px; } .series-left-details-third-section-create-list-check-box a span svg{ display: block; width: 20px; height: 20px; fill: #eaedf0; } .series-left-details-third-section-create-list-check-box a.onactive span svg{ fill: #00c4b5; } .series-left-details-third-section-create-list-refresh{ padding: 0 20px; } .series-left-details-third-section-create-list-refresh a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .series-left-details-third-section-bottom{ position: absolute; background-color: #fff; box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.12); bottom: 0; left: 0; right: 0; padding: 12px 20px; height: 64px; box-sizing: border-box; } .series-left-details-third-section-bottom-left{ float: left; padding: 10px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .series-left-details-third-section-bottom-right{ float: right; } .series-left-details-third-section-bottom-right a{ display: block; width: 85px; height: 40px; text-align: center; line-height: 40px; background-color: #00c4b5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: 600; letter-spacing: -0.4px; } .series-header-image img{ max-height: 100%; width: auto; max-width: 100%; } .section-input input{ box-shadow: none; width: 85px; } .series-presenter .ddcommon .arrow{ top: 14px; } .series-banner-1{ position: relative; } .series-banner-1 input{ padding-left: 40px !important; } .series-banner-color-ba{ padding-left: 40px !important; } .series-cta-1{ position: relative; } .series-cta-1 input{ padding-left: 40px !important; } .series-cta-2{ position: relative; } .series-cta-2 input{ padding-left: 40px !important; } .series-banner-2{ position: relative; } .series-banner-2 input{ padding-left: 40px !important; } .series-presenter-1{ position: relative; } .series-presenter-1 input{ padding-left: 40px !important; } .series-presenter-2{ position: relative; } .series-presenter-2 input{ padding-left: 40px !important; } .series-presenter-title{ position: relative; } .series-presenter-title input{ padding-left: 40px !important; } .banner_color{ width: 20px; height: 20px; border-radius: 100px; background-color: #eaedf0; position: absolute; top: 12px; left: 10px; } .series-button-color-input{ position: relative; } .series-button-color-input input, .color-enter-section input, .carousel-btn-color-input input, .carousel-title-color-input input, .carousel-add-btn-color-input input, .carousel-add-btn-text-color-input input{ padding-left: 40px !important; } .button_color{ width: 20px; height: 20px; border-radius: 100px; background-color: #eaedf0; position: absolute; top: 12px; left: 10px; } .series-button-background-input, .series-background-color-input, .color-enter-section, .carousel-btn-color-input, .carousel-title-color-input, .carousel-add-btn-color-input, .carousel-add-btn-text-color-input{ position: relative; } .series-button-background-input input { padding-left: 40px !important; } .button_background, .background_color, .text_color{ width: 20px; height: 20px; border-radius: 100px; background-color: #0b93d7; position: absolute; top: 12px; /*right: 210px;*/ left: 10px; border: #ccd0d3 1px solid; } .series-banner-input input{ position: absolute; top: 0; right: 50px; } .series-banner-logo img{ max-height: 90px; } .seris-session-logo img{ width: auto; height: 96px; } .series-right-details-titlebanner-list-box-title{ float: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; cursor: pointer; } /*20181129*/ .new-dashboard-series-list{ display: block; list-style: none; padding: 4px 0 0 0; } .new-dashboard-series-list li{ position: relative; display: block; padding: 19px 90px 19px 0; border-bottom: #eaedf0 1px solid; } .new-dashboard-series-list li:last-child{ border-bottom: none; } .new-dashboard-series-list-img{ float: left; width: 72px; height: 72px; overflow: hidden; } .new-dashboard-series-list-right{ float: right; width: 100%; margin: 0 0 0 -88px; min-height: 72px; } .new-dashboard-series-list-right-in{ margin: 0 0 0 88px; } .new-dashboard-series-list-bottom{ clear: both; margin-top: 90px; } .new-dashboard-series-list-title{ padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.13em; } .new-dashboard-series-list-date{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; } .new-dashboard-series-list-date a{ color: #1089f5; } .new-dashboard-series-list-web a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; /*font-weight: 500;*/ } .new-dashboard-series-list-web{ padding-top: 12px; } .new-dashboard-series-list-edit{ position: absolute; right: 0; top: 19px; font-size: 0 } .new-dashboard-series-list-edit span{ display: inline-block; vertical-align: middle; position: relative; width: 14px; } .new-dashboard-series-list-edit span:nth-child(1){ margin: 0 24px 0 0; } .new-dashboard-series-list-edit span:nth-child(2){ margin: 0 24px 0 0; } .new-dashboard-series-list-edit span a svg{ display: block; width: 14px; height: 14px; fill: #a2abbb; } .new-dashboard-series-list-edit-show{ display: none; position: absolute; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(33, 43, 54, 0.15), 0 0 0 1px rgba(33, 43, 54, 0.05); background-color: #ffffff; padding: 0 12px; height: 34px; line-height: 34px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; top: 27px; white-space: nowrap; z-index: 1; } .new-dashboard-series-list-edit span:nth-child(1) .new-dashboard-series-list-edit-show{ left: -18px; } .new-dashboard-series-list-edit span:nth-child(2) .new-dashboard-series-list-edit-show{ left: -73px; } .new-dashboard-series-list-edit span:hover .new-dashboard-series-list-edit-show{ display: block; } .new-dashboard-series-list-add{ padding: 20px 0 0 0; } .new-dashboard-series-list-add a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-series-list-add-form-box{ margin: 0 -24px -20px; padding: 24px 24px 20px 24px; background: #f9fafc; border-top: #eaedf0 1px solid; border-radius: 0 0 3px 3px; } .new-dashboard-series-list-add-form-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px; font-weight: 500; padding: 0 0 12px 0; } .new-dashboard-series-list-add-form-select{ position: relative; background: #fff; } .new-dashboard-series-list-add-form-select select{ position: relative; display: block; width: 100%; z-index: 2; background-color: transparent; border: #dfe1e4 1px solid; border-radius: 3px; height: 44px; padding: 0 20px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; -webkit-appearance: none !important; -moz-appearance: none !important; } .new-dashboard-series-list-add-form-select i{ position: absolute; display: block; font-style: normal; right: 16px; top: 18px; width: 8px; z-index: 1; } .new-dashboard-series-list-add-form-select i svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .new-dashboard-series-list-add-form-tips{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 12px 0 12px 0; line-height: 20px; } .new-dashboard-series-list-add-form-tips a{ color: #1089f5; text-decoration: underline; } .new-dashboard-series-list-add-form-tips-warning{ color: #eb3e63; } .new-dashboard-series-list-add-form-link{ font-size: 0; } .new-dashboard-series-list-add-form-link span{ display: inline-block; vertical-align: middle; } .new-dashboard-series-list-add-form-link span:nth-child(1){ padding: 0 40px 0 0; } .new-dashboard-series-list-add-form-link span:nth-child(2){ padding: 0 40px 0 0; } .new-dashboard-series-list-add-form-link span a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; } .new-dashboard-series-list-add-form-link span a i{ display: inline-block; font-style: normal; margin: 0 4px; vertical-align: middle; } .new-dashboard-series-list-add-form-link span a i svg{ display: block; width: 10px; height: 10px; fill: #1089f5; } .new-dashboard-series-list-add-form-link span:nth-child(3) a{ color: #eb3e63; } /* 20200917 */ .anchor-img{ font-size: 0; } .anchor-img span{ display: inline-block; vertical-align: top; margin: 0 4px 0 0; } .anchor-img span a{ display: inline-block; width: 40px; height: 36px; box-sizing: border-box; border: #dfe1e4 1px solid; border-radius: 3px; background: #fff; } .anchor-img span a svg{ display: block; width: 14px; height: 14px; fill: #838fa5; margin: 10px auto 0; } .anchor-img span:nth-child(2) a svg{ width: 18px; height: 18px; margin-top: 8px; } .anchor-img span a.onactive{ border-color: #2196f3; } .anchor-img span a.onactive svg{ fill: #151a25; } .editor-banner-img-box-desktop{ height: 70px; border-radius: 3px; overflow: hidden; margin: 0 0 12px 0; } .editor-banner-img-box-tablet{ width: 165px; height: 90px; border-radius: 3px; overflow: hidden; margin: 0 0 12px 0; } .editor-banner-img-box-mobile{ width: 96px; height: 171px; border-radius: 1px; overflow: hidden; margin: 0 0 12px 0; } .series-left-details-presenters-list li.onactive .series-left-section-list-arr-show a{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } .series-left-details-presenters-list li .series-left-details-presenters-list-show{ display: none; } .series-left-details-presenters-list li.onactive .series-left-details-presenters-list-show{ display: block; } .series-left-details-titlebanner-list.onactive .series-left-details-titlebanner-list-contents{ display: block; } .series-left-details-titlebanner-list.onactive .series-left-details-titlebanner-list-box-arr span{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .series-left-details-titlebanner-list.onactive .series-left-details-titlebanner-list-box-title span{ display: none; } .lattice-image img{ /* height: 64px; width: 64px; */ } .series-left.series-header-editor .series-left-in, .series-left.series-titlebanner-editor .series-left-in, .series-left.series-seo-editor .series-left-in, .series-left.series-custom-css-editor .series-left-in, .series-left.series-custom-javascript-editor .series-left-in, .series-left.series-about-editor .series-left-in, .series-left.series-footer-editor .series-left-in, .series-left.series-facebook-editor .series-left-in, .series-left.series-twitter-editor .series-left-in, .series-left.series-titlebanner-editor .series-left-in, .series-left.series-banner-carousel-editor .series-left-in, .series-left.series-language-editor .series-left-in, .series-left.series-cta-editor .series-left-in, .series-left.series-presenters-editor .series-left-in, .series-left.series-add-session-editor .series-left-in, .series-left.series-code-editor .series-left-in, .series-left.series-video-editor .series-left-in, .series-left.series-widget-editor .series-left-in, .series-left.series-settings-editor .series-left-in, .series-left.series-track-editor .series-left-in, .series-left.series-lattice-footer-editor .series-left-in, .series-left.series-add-track-editor .series-left-in, .series-left.series-add-footer-editor .series-left-in, .series-left.series-track-title-editor .series-left-in, .series-left.series-custom-code-editor .series-left-in, .series-left.series-other-settings-editor .series-left-in, .series-left.series-session-editor .series-left-in, .series-left.series-sponsorship-editor .series-left-in, .series-left.series-add-sponsorship-editor .series-left-in, .series-left.series-agenda-editor .series-left-in, .series-left.series-recommended-editor .series-left-in, .series-left.series-agenda-date-editor .series-left-in, .series-left.series-add-agenda-editor .series-left-in, .series-left.series-add-recommended-editor .series-left-in, .series-left.series-add-agenda-date-editor .series-left-in, .series-left.series-agenda-item-editor .series-left-in, .series-left.series-add-agenda-item-editor .series-left-in, .series-left.series-category-editor .series-left-in, .series-left.series-gallery-category-editor .series-left-in, .series-left.series-add-category-editor .series-left-in, .series-left.series-sponsorship-editor-2 .series-left-in, .series-left.series-sponsorship-editor-3 .series-left-in, .series-left.series-add-sponsorship-editor-2 .series-left-in, .series-left.series-add-sponsorship-editor-3 .series-left-in, .series-left.series-lobby-button-editor .series-left-in, .series-left.series-add-lobby-button-editor .series-left-in, .series-left.series-media-background-editor .series-left-in, .series-left.series-media-custom-editor .series-left-in, .series-left.series-sponsorship-editor-4 .series-left-in, .series-left.series-add-sponsorship-editor-4 .series-left-in, .series-left.series-sponsorship-editor-5 .series-left-in, .series-left.series-add-sponsorship-editor-5 .series-left-in, .series-left.series-sponsorship-editor-6 .series-left-in, .series-left.series-add-sponsorship-editor-6 .series-left-in, .series-left.series-sponsorship-editor-7 .series-left-in, .series-left.series-add-sponsorship-editor-7 .series-left-in, .series-left.series-sponsorship-editor-8 .series-left-in, .series-left.series-add-sponsorship-editor-8 .series-left-in, .series-left.series-sponsorship-editor-9 .series-left-in, .series-left.series-add-sponsorship-editor-9 .series-left-in, .series-left.series-sponsorship-editor-10 .series-left-in, .series-left.series-add-sponsorship-editor-10 .series-left-in, .series-left.series-add-category-content-editor .series-left-in, .series-left.series-filter-category-editor .series-left-in, .series-left.series-add-filter-category-editor .series-left-in, .series-left.series-presenter-title-editor .series-left-in, .series-left.series-matchmaking-category-editor .series-left-in, .series-left.series-add-matchmaking-category-editor .series-left-in, .series-left.series-add-matchmaking-content-editor .series-left-in, .series-left.series-legal-editor .series-left-in{ /*margin-left: -280px;*/ margin-left: -345px; } .series-left.series-header-editor .series-left-details-header{ display: block; } .series-left.series-media-background-editor .series-left-details-media-background{ display: block; } .series-left.series-media-custom-editor .series-left-details-media-custom{ display: block; } .series-left.series-titlebanner-editor .series-left-details-titlebanner{ display: block; } .series-left.series-banner-carousel-editor .series-left-details-banner-carousel{ display: block; } .series-left.series-presenters-editor .series-left-details-presenters{ display: block; } .series-left.series-session-editor .series-left-details-sessions{ display: block; } .series-left.series-track-editor .series-left-details-track{ display: block; } .series-left.series-track-title-editor .series-left-details-track-title{ display: block; } .series-left.series-add-session-editor .series-left-details-add-sessions{ display: block; } .series-left.series-add-track-editor .series-left-details-add-track{ display: block; } .series-left.series-add-sponsorship-editor .series-left-details-add-sponsorship{ display: block; } .series-left.series-add-sponsorship-editor-2 .series-left-details-add-sponsorship-2{ display: block; } .series-left.series-add-sponsorship-editor-3 .series-left-details-add-sponsorship-3{ display: block; } .series-left.series-add-sponsorship-editor-4 .series-left-details-add-sponsorship-4{ display: block; } .series-left.series-add-sponsorship-editor-5 .series-left-details-add-sponsorship-5{ display: block; } .series-left.series-add-sponsorship-editor-6 .series-left-details-add-sponsorship-6{ display: block; } .series-left.series-add-sponsorship-editor-7 .series-left-details-add-sponsorship-7{ display: block; } .series-left.series-add-sponsorship-editor-8 .series-left-details-add-sponsorship-8{ display: block; } .series-left.series-add-sponsorship-editor-9 .series-left-details-add-sponsorship-9{ display: block; } .series-left.series-add-sponsorship-editor-10 .series-left-details-add-sponsorship-10{ display: block; } .series-left.series-add-footer-editor .series-left-details-add-lattice-footer{ display: block; } .series-left.series-track-title-editor .series-left-details-add-track-title{ display: block; } .series-left.series-seo-editor .series-left-details-seo{ display: block; } .series-left.series-lobby-button-editor .series-left-details-lobby-button{ display: block; } .series-left.series-custom-css-editor .series-left-details-custom-css{ display: block; } .series-left.series-code-editor .series-left-details-code{ display: block; } .series-left.series-video-editor .series-left-details-video{ display: block; } .series-left.series-widget-editor .series-left-details-widget{ display: block; } .series-left.series-custom-javascript-editor .series-left-details-custom-javascript{ display: block; } .series-left.series-about-editor .series-left-details-about{ display: block; } .series-left.series-footer-editor .series-left-details-footer{ display: block; } .series-left.series-lattice-footer-editor .series-left-details-lattice-footer{ display: block; } .series-left.series-settings-editor .series-left-details-settings{ display: block; } .series-left.series-cta-editor .series-left-details-cta{ display: block; } .series-left.series-sponsorship-editor .series-left-details-sponsorship{ display: block; } .series-left.series-sponsorship-editor-2 .series-left-details-sponsorship-2{ display: block; } .series-left.series-sponsorship-editor-3 .series-left-details-sponsorship-3{ display: block; } .series-left.series-sponsorship-editor-4 .series-left-details-sponsorship-4{ display: block; } .series-left.series-sponsorship-editor-5 .series-left-details-sponsorship-5{ display: block; } .series-left.series-sponsorship-editor-6 .series-left-details-sponsorship-6{ display: block; } .series-left.series-sponsorship-editor-7 .series-left-details-sponsorship-7{ display: block; } .series-left.series-sponsorship-editor-8 .series-left-details-sponsorship-8{ display: block; } .series-left.series-sponsorship-editor-9 .series-left-details-sponsorship-9{ display: block; } .series-left.series-sponsorship-editor-10 .series-left-details-sponsorship-10{ display: block; } .series-left.series-custom-code-editor .series-left-details-custom-code{ display: block; } .series-left.series-agenda-editor .series-left-details-agenda{ display: block; } .series-left.series-recommended-editor .series-left-details-recommended{ display: block; } .series-left.series-agenda-date-editor .series-left-details-agenda-date{ display: block; } .series-left.series-category-editor .series-left-details-category{ display: block; } .series-left.series-gallery-category-editor .series-left-details-gallery-category{ display: block; } .series-left.series-add-category-editor .series-left-details-add-category{ display: block; } .series-left.series-add-lobby-button-editor .series-left-details-add-lobby-button{ display: block; } .series-left.series-filter-category-editor .series-left-details-filter-category{ display: block; } .series-left.series-add-filter-category-editor .series-left-details-add-filter-category{ display: block; } .series-left.series-matchmaking-category-editor .series-left-details-matchmaking-category{ display: block; } .series-left.series-add-matchmaking-category-editor .series-left-details-add-matchmaking-category{ display: block; } .series-left.series-add-agenda-editor .series-left-details-add-agenda{ display: block; } .series-left.series-add-recommended-editor .series-left-details-add-recommended{ display: block; } .series-left.series-add-agenda-date-editor .series-left-details-add-agenda-date{ display: block; } .series-left.series-presenter-title-editor .series-left-details-presenter-title{ display: block; } .series-left-details-presenter-title{ display: none; } .series-left.series-legal-editor .series-left-details-legal{ display: block; } .series-left.series-agenda-item-editor .series-left-details-agenda-item{ display: block; } .series-left.series-add-agenda-item-editor .series-left-details-add-agenda-item{ display: block; } .series-other-settings-editor .series-left-details-other-settings{ display: block; } .series-left.series-facebook-editor .series-left-details-facebook{ display: block; } .series-left.series-twitter-editor .series-left-details-twitter{ display: block; } .series-left.series-language-editor .series-left-details-language{ display: block; } .series-left.series-add-category-content-editor .series-left-details-add-category-content{ display: block; } .series-left.series-add-matchmaking-content-editor .series-left-details-add-matchmaking-content{ display: block; } .series-right-main{ display: block; padding: 0 20px; } .series-right-top{ padding: 22px 0; } .banner-color-ll{ position: relative; } .banner-color-ll input{ padding-left: 40px !important; } .banner-color-lan{ width: 20px; height: 20px; border-radius: 100px; background-color: #eaedf0; position: absolute; top: 12px; left: 10px; } .series-banner-color-ba{ display: block; width: 100%; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; padding: 0 12px 0 40px; height: 44px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; line-height: 44px; } .nsl-left-list-wordlimit{ position: absolute; right: 12px; top: 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 14px; color: #dfe1e4; line-height: 44px; } .series-landing textarea{ display: block; width: 100%; padding: 12px 44px 12px 12px; background-color: #fff; border: #dfe1e4 1px solid; border-radius: 3px; resize: none; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; line-height: 1.2em; letter-spacing: -0.2px; } .series-landing-sub textarea{ display: block; width: 100%; padding: 12px 44px 12px 12px; background-color: #fff; border: #dfe1e4 1px solid; border-radius: 3px; resize: none; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; line-height: 1.2em; letter-spacing: -0.2px; } .series-right-top-left{ float: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .series-right-page-box{ background-color: #fff; box-shadow: 0 2px 4px 0 rgba(63, 63, 68, 0.12), 0 0 0 1px rgba(63, 63, 68, 0.05); } .conf-presenter-check .prettycheckbox label{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; color: #717e94; } .section-input input{ box-shadow: none; width: 85px; } .remove-agenda{ display: block; position: absolute; width: 12px; height: 12px; top: 16px; right: 30px; } .remove-agenda svg{ display: block; width: 12px; height: 12px; fill: #ccd0d3; } .series-left-section-list-more-3{ position: absolute; display: inline-block; width: 6px; margin: -27px 0 0 16px; right: 12px; vertical-align: middle; } .series-left-section-list-more-3 a{ cursor: move; } .series-left-section-list-more-4{ position: absolute; display: inline-block; width: 8px; right: 40px; vertical-align: middle; } .series-left-section-list-more-4 a{ cursor: move; } .series-left-section-recommended-delete{ display: inline-block; width: 13px; vertical-align: top; } .series-left-section-recommended-delete a svg{ display: block; width: 13px; height: 13px; fill: #a2abbb; } .series-left-details-section-error{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #f35b59; letter-spacing: -0.22px; } .series-agenda-move-style input{ padding-right: 45px; } .series-agenda-title{ position: relative; } .fixed{ position: fixed; top: 0; left: 0; z-index: 20; height: 100%; } /* right side style */ .series-session-preview-box-main{ padding: 40px 48px 40px 336px; } .series-session-preview-box-title{ padding: 0 0 60px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 500; color: #2b374d; letter-spacing: -0.1px; } .series-session-preview-box-left-point{ position: absolute; top: 1px; left: 0; width: 8px; height: 8px; border-radius: 4px; background: #1089f5; } .series-session-preview-box-left-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #1089f5; letter-spacing: -0.2px; font-weight: 500; } .series-session-preview-box-list-step{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 12px 0; } .series-session-preview-box-list-contents-left-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 17px; color: #2b374d; letter-spacing: -0.4px; font-weight: bold; padding: 0 0 12px 0; } .series-session-preview-box-list-contents-left-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #717e94; letter-spacing: -0.2px; line-height: 1.14em; padding: 0 0 24px 0; } .series-session-preview-box-list-contents-img{ float: right; width: 96px; border-radius: 4px; overflow: hidden; } .series-left-details-section-input select{ border: #ccd0d3 1px solid; border-radius: 3px; background: #fff; padding: 8px 0px 8px 10px; line-height: normal; font-size: 16px; color: #2b374d; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .series-left-details-section-input .select2-container{ width: 100%; font-size: 14px; } .series-select select{ border: #ccd0d3 1px solid; border-radius: 3px; background: #fff; padding: 8px 0px 8px 10px; line-height: normal; font-size: 16px; color: #2b374d; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .series-left-twitter select{ border: #ccd0d3 1px solid; border-radius: 3px; background: none; padding: 8px 0px 8px 10px; line-height: normal; font-size: 16px; color: #2b374d; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; } .series-left-details-agenda-list{ border-top: #dfe1e4 1px solid; padding: 24px 0; } .series-left-details-section-choose-box-agenda span{ display: inline-block; vertical-align: middle; margin: 0 12px 0 0; } .series-left-details-section-choose-box-agenda span a{ display: block; width: 154px; border: #dfe1e4 1px solid; border-radius: 3px; background-color: #fff; text-align: center; height: 40px; line-height: 38px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4c586e; letter-spacing: -0.2px; font-weight: 500; } .series-left-details-recommended{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -0.2px; text-align: left; color: #717e94; /* padding: 0 20px; */ } /*20190724 two slider*/ .series-main-box{ position: relative; height: 100%; /*padding-top: 132px;*/ padding-top: 74px; box-sizing: border-box; } .series-main-box-2{ position: relative; height: 100%; /*padding-top: 132px;*/ box-sizing: border-box; } .series-main-box-in{ position: relative; height: 100%; } .series-main-box-in-box{ height: 100%; } .series-main-box-left{ position: relative; display: block; height: 100%; /*width: 295px;*/ width: 360px; overflow: hidden; } .series-main-box-left-content{ position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 0 48px 0; box-sizing: border-box; background: #f4f6f8; box-shadow: inset -1px 0 0 0 #dfe1e4; } .series-main-box-left-in{ /*width: 280px;*/ width: 345px; overflow-x: hidden; } .series-main-box-right{ position: absolute; top: 0; right: 0; width: calc(100% - 360px); height: 100%; } .series-main-box-right-in{ height: 100%; overflow-y: auto; overflow-x: hidden; } .series-main-box-right-in-2{ height: 100%; } .series-double-line-header{ position: fixed; z-index: 30; left: 0; right: 0; top: 0; } /*20190724 two slider end*/ .series-left-daetils-banner-img-blar{ position: relative; height: 90px; overflow: hidden; margin: 0 0 16px 0 } .banner-error-text{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #f35b59; letter-spacing: -0.22px; } .carousel-error{ display: none; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #f35b59; letter-spacing: -0.22px; } .series-size-section .prettyradio label{ padding-bottom: 10px; } .series-agenda-sp .prettycheckbox label, .series-agenda-sp .prettyradio label{ font-size: 16px; } .series-web .prettyradio label{ font-size: 16px; } .series-left-details-agenda-se li .series-left-details-presenters-list-show-2{ display: none; } .series-left-details-agenda-se li.onactive .series-left-details-presenters-list-show-2{ display: block; } .series-left-details-agenda-se li.onactive .series-left-section-list-arr-show a{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } .series-left-section-list-arr-show-2{ display: inline-block; vertical-align: middle; width: 9px; } .series-left-section-list-arr-show-2 a{ display: block; width: 9px; height: 9px; } .series-left-section-list-arr-show-2 a svg{ display: block; width: 9px; height: 9px; fill: #4c586e; } .series-left-details-presenters-list-show-2{ padding: 24px 20px 0 20px; margin: 16px -20px 0 -20px; box-shadow: inset 0 1px 0 0 #eaedf0; } .series-left-details-agenda-se li{ padding: 16px 0 16px 0; } .series-left-details-agenda-se li:nth-child(1){ padding-top: 30px; } .series-lobby-main{ display: block; padding-bottom: 10px; } .about-image{ max-width: 560px; margin: 0 auto; height: 104px; } .about-image img{ display: inline-block; max-width: 100%; width: auto; max-height: 100%; } .series-creation-landing-banner-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .webinar-section-4-logo-2{ display: block; list-style: none; font-size: 0; text-align: left; } .webinar-section-4-logo-2 li{ display: inline-block; vertical-align: middle; margin: 0 50px 30px 0px; width: 140px; height: 94px; } .webinar-section-4-logo-2 li a{ display: block; width: 140px; height: 94px; } .webinar-section-4-logo-2 li img{ position: relative; max-height: 100%; width: auto; max-width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*added by gao*/ .series-left.series-networking-editor .series-left-in, .series-left.series-link-tab-editor .series-left-in, .series-left.series-add-link-tab-editor .series-left-in, .series-left.series-add-banner-carousel-editor .series-left-in, .series-left.series-category-tab-editor .series-left-in, .series-left.series-add-category-tab-editor .series-left-in, .series-left.series-content-tab-editor .series-left-in, .series-left.series-add-content-tab-editor .series-left-in, .series-left.series-add-dashboard-content-editor .series-left-in, .series-left.series-main-category-tab-editor .series-left-in, .series-left.series-add-main-category-tab-editor .series-left-in{ margin-left: -345px; } .series-left-details-add-prize{ display: none; } .series-left-details.networking-setting .series-left-details-prize{ display: none; } .series-left-details.networking-setting .series-left-details-add-prize{ display: block; } .series-left-details-add-library, .series-left-details-link-tab, .series-left-details-add-link-tab, .series-left-details-category-tab, .series-left-details-add-category-tab, .series-left-details-content-tab, .series-left-details-add-content-tab, .series-left-details-add-dashboard-content, .series-left-details-main-category-tab, .series-left-details-add-main-category-tab, .series-left-details-add-banner-carousel{ display: none; } .series-left-details.networking-setting .series-left-details-library{ display: none; } .series-left-details.networking-setting .series-left-details-add-library{ display: block; } .series-left-details-add-leaderboard{ display: none; } .series-left-details.networking-setting .series-left-details-leaderboard{ display: none; } .series-left-details.networking-setting .series-left-details-add-leaderboard{ display: block; } .js-invalid-coupon{ display: none; } .js-invalid-coupon.error{ display: block; } .js-enter-coupon input[type="submit"]{ background-image: linear-gradient(to left, #0390f5, #1db3fa); } .series-left.series-link-tab-editor .series-left-details-link-tab{ display: block; } .series-left.series-add-link-tab-editor .series-left-details-add-link-tab{ display: block; } .series-left.series-add-banner-carousel-editor .series-left-details-add-banner-carousel{ display: block; } .series-left.series-category-tab-editor .series-left-details-category-tab{ display: block; } .series-left.series-add-category-tab-editor .series-left-details-add-category-tab{ display: block; } .series-left.series-content-tab-editor .series-left-details-content-tab{ display: block; } .series-left.series-add-content-tab-editor .series-left-details-add-content-tab{ display: block; } .series-left.series-add-dashboard-content-editor .series-left-details-add-dashboard-content{ display: block; } .series-left.series-main-category-tab-editor .series-left-details-main-category-tab{ display: block; } .series-left.series-add-main-category-tab-editor .series-left-details-add-main-category-tab{ display: block; } .category-filter li .series-left-details-presenters-list-show-3{ display: none; } .category-filter li.onactive .series-left-details-presenters-list-show-3{ display: block; } .series-left-details-presenters-list-show-3{ padding: 24px 20px 0 20px; margin: 16px -20px 0 -20px; box-shadow: inset 0 1px 0 0 #eaedf0; } .series-left-details-navigation-link-tab, .series-left-details-add-navigation-link-tab{ display: none; } .series-left.series-navigation-link-tab-editor .series-left-details-navigation-link-tab{ display: block; } .series-left.series-navigation-link-tab-editor .series-left-in, .series-left.series-add-navigation-link-tab-editor .series-left-in{ margin-left: -345px; } .series-left.series-add-navigation-link-tab-editor .series-left-details-add-navigation-link-tab{ display: block; } .new-dashboard-series-add-box { display: flex; justify-content: left; align-items: center; gap: 16px; } .new-dashaboard-session-edit{ display: inline-block; vertical-align: middle; position: relative; width: 12px; } .new-dashaboard-session-edit a svg{ display: block; width: 12px; height: 12px; fill: #a2abbb; } .new-dashboard-series-checkbox{ display: none; } .new-dashboard-series-checkbox.onactive{ display: inline-block; } .new-dashboard-series-title.onactive{ display: none; } .new-dashboard-series-list-add-form-select .select2-container{ width: 100%; } /*added by gao*/ @media screen and (max-width:768px){ .series-left, .series-header-preview{ display: none; } } /* CSS Document */ @font-face { font-family: 'bigmarkerConference'; /*src: url(data:application/x-font-ttf;charset=utf-8;base64,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);*/ src: url(data:application/x-font-ttf;charset=utf-8;base64,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); font-weight: normal; font-style: normal; } [class^="room-"], [class*=" room-"] { font-family: 'bigmarkerConference' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .room-icon-offer:before { content: "\e905"; } .room-webcam-off:before { content: "\e904"; } .room-micphone-off:before { content: "\e900"; } .room-sharescreen:before { content: "\e901"; } .room-facetime-videos:before { content: "\e902"; } .room-micphone:before { content: "\e903"; } .room-webcast:before { content: "W"; } .room-arrow-down-3:before { content: "\e650"; } .room-arrow-down-2:before { content: "\e651"; } .room-arrow-up-2:before { content: "\e652"; } .room-megaphone:before { content: "\e64f"; } .room-arrow-select-down:before { content: "\e64e"; } .room-info:before { content: "\e600"; } .room-retweet:before { content: "\e601"; } .room-arrow-down:before { content: "\e602"; } .room-arrow-up:before { content: "\e603"; } .room-speaker:before { content: "\e604"; } .room-email:before { content: "\e605"; } .room-addvideo:before { content: "\e606"; } .room-newfile:before { content: "\e607"; } .room-recycle:before { content: "\e608"; } .room-shares:before { content: "\e609"; } .room-chat-border:before { content: "\e60d"; } .room-chat-full:before { content: "\e60e"; } .room-arr-down-b:before { content: "\e60f"; } .room-arr-left-b:before { content: "\e610"; } .room-arr-right-b:before { content: "\e611"; } .room-arr-top-b:before { content: "\e612"; } .room-brush-color:before { content: "\e613"; } .room-edit:before { content: "\e614"; } .room-eraser:before { content: "\e615"; } .room-faceimg:before { content: "\e616"; } .room-fullscreen:before { content: "\e617"; } .room-fullsize:before { content: "\e618"; } .room-heart-border:before { content: "\e619"; } .room-heart-full:before { content: "\e61a"; } .room-more:before { content: "\e61b"; } .room-redo:before { content: "\e61c"; } .room-shrink:before { content: "\e61d"; } .room-signal-full:before { content: "\e61e"; } .room-signal-low:before { content: "\e61f"; } .room-undo:before { content: "\e620"; } .room-hamburger:before { content: "\e621"; } .room-content:before { content: "\e622"; } .room-mic-mute:before { content: "\e623"; } .room-at:before { content: "\e624"; } .room-delete2:before { content: "\e625"; } .room-pause:before { content: "\e626"; } .room-play:before { content: "\e627"; } .room-stop:before { content: "\e628"; } .room-volume:before { content: "\e629"; } .room-volume-mute:before { content: "\e62a"; } .room-hand:before { content: "\e62b"; } .room-lock:before { content: "\e62c"; } .room-lock-open:before { content: "\e62d"; } .room-addfile:before { content: "\e62e"; } .room-arrow-left:before { content: "\e62f"; } .room-arrow-left-1:before { content: "\e630"; } .room-arrow-right:before { content: "\e631"; } .room-arrow-right-1:before { content: "\e632"; } .room-bars:before { content: "\e633"; } .room-brush:before { content: "\e634"; } .room-settings:before { content: "\e635"; } .room-creditcard:before { content: "\e636"; } .room-dropbox:before { content: "\e637"; } .room-gauge:before { content: "\e638"; } .room-googleplus:before { content: "\e639"; } .room-icomoon:before { content: "\e63a"; } .room-presenter:before { content: "\e63b"; } .room-delete:before { content: "\e63c"; } .room-show-tips:before { content: "\e63d"; } .room-audience:before { content: "\e63e"; } .room-help:before { content: "\e63f"; } .room-list-videos:before { content: "\e640"; } .room-logosmall:before { content: "\e641"; } .room-peoplepresentation:before { content: "\e642"; } .room-play2:before { content: "\e643"; } .room-record:before { content: "\e644"; } .room-smiley:before { content: "\e646"; } .room-admin:before { content: "\e647"; } .room-thumbsdown:before { content: "\e648"; } .room-thumbsup:before { content: "\e649"; } .room-tools:before { content: "\e64a"; } .room-twitter:before { content: "\e64b"; } .room-user-add:before { content: "\e64c"; } #conference_locations_ragions_form select{ width: 40%; padding: 0 12px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; height: 44px; outline: none; box-sizing: border-box; background-color: #fff; } .new-dashboard-hybrid-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #263044; letter-spacing: -0.6px; font-weight: bold; padding: 0 0 10px 0; } .new-dashboard-hybrid-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #838fa5; letter-spacing: -0.2px; line-height: 1.29em; padding: 0 0 24px 0; } .new-dashboard-hybrid-section{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06); padding: 24px 28px 24px 28px; margin: 0 0 24px 0; } .new-dashboard-section-2-contents-list .new-dashboard-hybrid-section { box-shadow: none; padding: 0; margin: 0; } .new-dashboard-hybrid-section.js-how-it-works.closed, .new-dashboard-hybrid-section.js-how-it-works-link.closed { position: absolute; z-index: -999; } .new-dashboard-hybrid-section-title{ position: relative; padding: 0 92px 20px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #263044; letter-spacing: -0.3px; font-weight: bold; } .new-dashboard-hybrid-section-title-2{ position: relative; padding: 0 92px 10px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #263044; letter-spacing: -0.3px; font-weight: bold; } .new-dashboard-hybrid-section-title-2 > span{ display: inline-block; padding: 0 6px; height: 18px; line-height: 18px; background: #5275f6; border-radius: 10px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; letter-spacing: normal; font-weight: bold; vertical-align: middle; margin: 0 0 0 5px; } .new-dashboard-hybrid-section-title-right{ position: absolute; right: 0; top: 0; font-size: 0; } .new-dashboard-hybrid-section-list{ padding: 0 0 24px 0; } .new-dashboard-hybrid-section-list:last-child{ padding: 0; } .new-dashboard-hybrid-section-info{ position: relative; display: inline-block; vertical-align: middle; } .new-dashboard-hybrid-section-info span svg{ display: block; width: 12px; height: 12px; fill: #9fa9be; } .new-dashboard-hybrid-section-info-text{ display: none; position: absolute; right: 0; top: 12px; width: 240px; border-radius: 4px; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); padding: 8px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #02091a; letter-spacing: -0.2px; font-weight: normal; z-index: 10; } .new-dashboard-hybrid-section-info-text a{ color: #0091ff; text-decoration: underline; } .new-dashboard-hybrid-section-info:hover .new-dashboard-hybrid-section-info-text{ display: block; } .new-dashboard-hybrid-section-highlevel{ display: inline-block; margin: 0 0 0 12px; width: 20px; vertical-align: middle; } .new-dashboard-hybrid-section-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-hybrid-section-switch{ display: inline-block; vertical-align: middle; margin: 0 0 0 12px; } .new-dashboard-hybrid-section-add{ display: inline-block; vertical-align: middle; width: 28px; } .new-dashboard-hybrid-section-tips-box{ position: relative; margin: 22px 0 24px 0; background: #f5f4ff; border-radius: 3px; padding: 14px 66px 14px 48px; } .new-dashboard-hybrid-section-tips-icon{ position: absolute; width: 24px; height: 24px; background: #d6d4fd; border-radius: 18px; left: 12px; top: 12px; padding: 4px; box-sizing: border-box; } .new-dashboard-hybrid-section-tips-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #2b374d; letter-spacing: -0.2px; line-height: 1.29em; } .new-dashboard-hybrid-how{ display: flex; justify-content: left; align-items: center; } .new-dashboard-hybrid-how i{ width: 20px; margin: 0 12px 0 0; } .new-dashboard-hybrid-how span{ flex: 1; } .new-dashboard-hybrid-hiw-box-out { padding: 40px 0 40px 0; } .new-dashboard-hybrid-hiw-box{ display: flex; justify-content: space-between; align-items: center; } .new-dashboard-hybrid-hiw-arr{ width: 40px; } .new-dashboard-hybrid-hiw-arr a{ width: 40px; height: 40px; border-radius: 20px; border: #d1dbe7 1px solid; display: flex; justify-content: center; align-items: center; } .new-dashboard-hybrid-hiw-arr a svg{ width: 12px; height: 12px; fill: #6f7d9b; } .new-dashboard-hybrid-hiw-section{ width: 547px; height: 322px; } .new-dashboard-hybrid-hiw-p-1{ margin: 0 auto; } .new-dashboard-hybrid-hiw-step{ display: flex; justify-content: center; align-items: center; padding: 0 0 20px 0; } .new-dashboard-hybrid-hiw-step span{ width: 12px; height: 12px; background: #e6eaf3; border-radius: 10px; margin: 0 4px; } .new-dashboard-hybrid-hiw-step span.onactive{ background: linear-gradient(135deg, #7136EE 0%, #B736E6 44.63%, #EC30B0 100%); } .new-dashboard-hybrid-learn-text{ text-align: center; padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; } .new-dashboard-hybrid-learn-link{ text-align: center; } .new-dashboard-hybrid-learn-link a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #0091ff; font-weight: bold; letter-spacing: -0.2px; text-decoration: underline; } .new-dashboard-hybrid-hiw-title{ text-align: center; padding: 0 0 6px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; font-weight: bold; letter-spacing: -0.2px; } .new-dashboard-hybrid-hiw-name{ text-align: center; padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; } .new-dashboard-hybrid-hiw-p-2{ /* width: 223px; */ margin: 0 auto; padding: 0 0 60px 0; } .new-dashboard-hybrid-hiw-p-3{ /* width: 419px; */ margin: 0 auto; } .new-dashboard-hybrid-hiw-p-4{ /* width: 230px; */ margin: 0 auto; } .new-dashboard-hybrid-hiw-p-5{ /* width: 247px; */ margin: 0 auto; } .new-dashboard-hybrid-mask-box{ position: fixed; background: rgba(245, 247, 250, 0.897417); backdrop-filter: blur(8.15485px); left: 0; right: 0; top: 0; bottom: 0; z-index: 30; } .new-dashboard-hybrid-mask-box-close{ position: absolute; right: 32px; top: 32px; width: 36px; } .new-dashboard-hybrid-mask-box-close a svg{ display: block; width: 36px; height: 36px; fill: #030b1c; } .new-dashboard-hybrid-mask-section{ position: relative; top: 10%; max-width: 576px; margin: 0 auto; background: #fff; box-shadow: 0px 3px 32px rgba(21, 26, 37, 0.08); border-radius: 8px; padding: 32px 40px; } .new-dashboard-hybrid-mask-section-title{ text-align: center; font-family: 'Boing', 'ModernSans', Arial, Helvetica, sans-serif; font-size: 34px; color: #02091a; font-weight: 400; letter-spacing: -0.4px; padding: 0 0 40px 0; line-height: 36px; } .new-dashboard-hybrid-mask-section-out{ margin: 0 -8px; display: flex; justify-content: space-between; } .new-dashboard-hybrid-mask-section-list{ display: block; margin: 0 8px 20px 8px; flex: 1; } .new-dashboard-hybrid-mask-section-list-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6f7d9b; font-weight: bold; letter-spacing: -0.2px; text-align: left; } .new-dashboard-hybrid-mask-section-input input{ display: block; width: 100%; padding: 0 12px; height: 44px; border: #dfe1e4 1px solid; border-radius: 3px; box-sizing: border-box; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; } .new-dashboard-hybrid-mask-section-input textarea{ display: block; width: 100%; padding: 12px; height: 96px; border: #dfe1e4 1px solid; border-radius: 3px; box-sizing: border-box; font-family: 'ModernSans'; font-size: 16px; color: #02091a; letter-spacing: -0.2px; resize: none; } .new-dashboard-hybrid-mask-section-input input::-webkit-input-placeholder, .new-dashboard-hybrid-mask-section-input textarea::-webkit-input-placeholder{ color: #a2abbb; } .new-dashboard-hybrid-mask-section-input input::-moz-placeholder, .new-dashboard-hybrid-mask-section-input textarea::-moz-placeholder{ color: #a2abbb; } .new-dashboard-hybrid-mask-section-input input::-ms-placeholder, .new-dashboard-hybrid-mask-section-input textarea::-ms-placeholder{ color: #a2abbb; } .new-dashboard-hybrid-mask-section-input input::-o-placeholder, .new-dashboard-hybrid-mask-section-input textarea::-o-placeholder{ color: #a2abbb; } .new-dashboard-hybrid-mask-section-select{ position: relative; border: #dfe1e4 1px solid; border-radius: 3px; } .new-dashboard-hybrid-mask-section-select select{ cursor: pointer; position: relative; display: block; border: none; border-radius: 3px; background: none; width: 100%; height: 44px; padding: 0 48px 0 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b374d; letter-spacing: -0.2px; z-index: 2; -webkit-appearance: none !important; -moz-appearance: none !important; } .new-dashboard-hybrid-mask-section-select i{ position: absolute; display: block; font-style: normal; right: 16px; top: 18px; width: 8px; z-index: 1; } .new-dashboard-hybrid-mask-section-select i svg{ display: block; width: 8px; height: 8px; fill: #4c586e; } .new-dashboard-hybrid-mask-section-btn{ padding: 12px 0 0 0; } .new-dashboard-hybrid-mask-section-btn input{ display: block; border: none; padding: 0; height: 44px; background: linear-gradient(178deg, #8A2CEC, #31A1F5); border-radius: 3px; font-family: 'ModernSans'; font-size: 17px; font-weight: bold; color: #fff; letter-spacing: -0.2px; box-sizing: border-box; box-shadow: none; } .new-dashboard-hybrid-mask-section-btn input:hover{ background: linear-gradient(135deg, #8A2CEC, #31A1F5); } .new-dashboard-hybrid-mask-section-success-box{ padding: 32px 40px 40px; background: #fafbfd; border-radius: 4px; } .new-dashboard-hybrid-mask-section-icons{ width: 40px; margin: 0 auto 24px; } .new-dashboard-hybrid-mask-section-success-title{ text-align: center; padding: 0 0 16px 0; font-family: 'Boing', 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #02091a; font-weight: 400; letter-spacing: -0.4px; } .new-dashboard-hybrid-mask-section-success-text{ text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #02091a; letter-spacing: -0.2px; } .new-dashboard-hybrid-section-link-text{ padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #2b374d; letter-spacing: -0.2px; } .new-dashboard-hybrid-section-link{ display: flex; justify-content: space-between; align-items: center; } .new-dashboard-hybrid-section-link > a{ margin: 0 0 0 16px; width: 80px; height: 40px; line-height: 40px; background: linear-gradient(270deg, #0390F5 0%, #1DB3FA 100%); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px; text-align: center; } .new-dashboard-hybrid-section-link-input{ position: relative; flex: 1; border: #e6eaf3 1px solid; border-radius: 4px; padding: 0 42px 0 0; } .new-dashboard-hybrid-section-link-input input{ display: block; width: 100%; box-sizing: border-box; padding: 0 12px; height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; border: none; background: transparent; outline: none; } .new-dashboard-hybrid-section-link-input a{ display: block; position: absolute; width: 14px; right: 16px; top: 13px; } .new-dashboard-hybrid-section-link-input a svg{ display: block; width: 14px; height: 14px; fill: #9fa9be; } /* 2020-06-16 bxSlider css */ .bx-prev{ margin-left: -150px; border: #d1dbe7 1px solid; } .bx-next{ margin-right: -150px; border: #d1dbe7 1px solid; } .bx-pager{ bottom: -30px !important; right: 224px !important; } .bx-pager-item a{ background: #e6eaf3 !important; } .bx-pager-item a.active{ background: linear-gradient(135deg, #7136EE 0%, #B736E6 44.63%, #EC30B0 100%) !important; } .bx-viewport{ /* height: 100% !important; */ } .bx-wrapper img{ /* max-width: 97% !important; */ } .bx-controls-direction a{ z-index: 10 !important; } /* 2020-06-16 bxSlider css */ .uve-modal-box-btn a{ background-image: linear-gradient(135deg, #8A2CEC 10%, #31A1F5 90%); } .uve-modal-box-text{ font-size: 14px; } .uve-modal-box-left-in .uve-modal-box-left-contents{ padding: 42px 48px 109px 48px; } .hybird-send-btn{ background-image: linear-gradient(178deg, #8A2CEC, #31A1F5) !important; } .new-dashboard-audience-room-nav{ padding: 14px 0 14px 0; display: flex; justify-content: left; align-items: flex-start; } .new-dashboard-audience-room-nav span{ margin: 0 12px 0 0; } .new-dashboard-audience-room-nav span a{ display: block; height: 40px; line-height: 40px; padding: 0 16px; border: #dfe1e4 1px solid; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #9fa9be; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-audience-room-nav span a.onactive{ background: #02091a; color: #fff; font-weight: bold; border: none; } .new-dashboard-audience-room-example{ display: flex; justify-content: space-between; align-items: flex-start; padding: 24px 0; } .new-dashboard-audience-room-example-list{ width: 46%; } .new-dashboard-audience-room-example-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; font-weight: bold; padding: 0 0 16px 0; } .new-dashboard-audience-room-example-img{ border-radius: 4px; } .new-dashboard-audience-room-example-img.onactive{ border: #0091ff 4px solid; } .new-dashboard-audience-room-customize a{ display: inline-block; padding: 0 20px; height: 40px; border: #e6eaf3 1px solid; border-radius: 3px; line-height: 40px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; font-weight: 500; } .new-dashboard-audience-room-hiw-p-1{ max-width: 369px; margin: 0 auto; } .new-dashboard-audience-room-hiw-p-2{ max-width: 452px; margin: 0 auto; } .new-dashboard-audience-room-hiw-p-3{ max-width: 485px; margin: 0 auto; } .new-dashboard-audience-room-hiw-p-4{ max-width: 430px; margin: 0 auto; } .es-slider{ position: fixed; right: 0; top: 0; bottom: 0; z-index: 20; width: 720px; background: #fff; box-shadow: -12px 2px 16px 0 rgba(0, 0, 0, 0.06); -webkit-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; z-index: 50; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; } .es-slider-top{ position: relative; display: flex; justify-content: space-between; align-items: center; padding: 22px 32px; background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07); z-index: 1; } .es-slider-top-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 18px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; } .es-slider-top-close a svg{ display: block; width: 12px; height: 12px; fill: #a2abbb; } .es-slider-contents{ flex: 1; overflow: auto; } .es-slider-banner{ position: relative; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07); padding: 24px 32px; z-index: 1; } .es-slider-banner-title{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #02091a; font-weight: bold; letter-spacing: -0.2px; padding: 0 0 6px 0; } .es-slider-banner-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; padding: 0 0 16px 0; } .es-slider-banner-text span{ font-weight: 500; } .es-slider-banner-nav{ display: flex; justify-content: left; align-items: center; gap: 12px; } .es-slider-banner-nav a{ height: 32px; padding: 0 14px; border: #e6eaf3 1px solid; border-radius: 20px; background: #fff; display: flex; justify-content: center; align-items: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6f7d9b; letter-spacing: -0.2px; font-weight: 500; text-decoration: none; } .es-slider-banner-nav a.onactive{ background: #000; border-color: #000; color: #fff; font-weight: bold; } .es-slider-contents-in{ padding: 32px; } .es-slider-statistics{ display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; } .es-slider-statistics-in{ background: #fff; border-radius: 8px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16); padding: 20px 24px; width: 48%; } .es-slider-statistics-title{ padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4b5874; letter-spacing: -0.2px; font-weight: bold; } .es-slider-statistics-numb{ font-family: 'Boing', Arial, Helvetica, sans-serif; font-size: 32px; color: #02091a; letter-spacing: -0.2px; font-weight: 700; padding: 12px 12px 12px 0; } .es-slider-statistics-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #4b5874; letter-spacing: -0.2px; } .ex-slider-footer{ padding: 18px 32px; background: #fff; box-shadow: inset 0px 1px 0px #EFF1F6; position: relative; z-index: 1; display: flex; justify-content: left; align-items: center; gap: 12px; } .ex-slider-btn-send{ position: relative; } .ex-slider-btn-send a{ display: flex; justify-content: center; align-items: center; gap: 8px; padding: 0 12px; height: 40px; border-radius: 4px; background: linear-gradient(107deg, #00A2D6 0%, #0088EA 100%); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; letter-spacing: -0.2px; text-decoration: none; } .ex-slider-btn-send a i{ width: 16px; display: flex; justify-content: center; } .ex-slider-btn-send a i svg{ display: block; } .ex-slider-btn-send a.onactive{ background: linear-gradient(90deg, #272F77 26.26%, #0B509C 63.51%, #1C83C8 99.73%); } .ex-slider-btn-cancel a{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 4px; background: linear-gradient(180deg, #FFFFFF 0%, #F1F4F9 100%); border: #dee4ef 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; font-weight: 500; letter-spacing: -0.2px; text-decoration: none; } .es-slider-activity-top{ padding: 24px 32px; display: flex; justify-content: space-between; align-items: center; gap: 8px; position: relative; z-index: 2; } .es-slider-activity-search{ width: 320px; border: #e6eaf3 1px solid; border-radius: 3px; padding: 0 0 0 12px; background: #fff; display: flex; justify-content: left; align-items: center; gap: 12px; } .es-slider-activity-search i svg{ display: block; width: 16px; height: 16px; fill: #9fa9be; } .es-slider-activity-search input{ flex: 1; height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; border: none; background: transparent; outline: none; } .es-slider-activity-search input::-webkit-input-placeholder{ color: #6f7d9b; } .es-slider-activity-search input::-moz-placeholder{ color: #6f7d9b; } .es-slider-activity-search input::-ms-placeholder{ color: #6f7d9b; } .es-slider-activity-search input::-o-placeholder{ color: #6f7d9b; } .es-slider-activity-select{ position: relative; width: 160px; border: #e6eaf3 1px solid; border-radius: 3px; padding: 0 32px 0 12px; } .es-slider-activity-select-text{ height: 38px; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.2px; } .es-slider-activity-select > div > i{ position: absolute; width: 8px; right: 12px; top: 50%; transform: translateY(-50%); } .es-slider-activity-select > div > i svg{ display: block; width: 8px; height: 8px; fill: #6f7d9b; } .es-slider-activity-list{ display: block; list-style: none; position: absolute; padding: 4px 0; background: #fff; border-radius: 4px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); z-index: 10; left: 0; right: 0; top: 48px; margin: 0; } .es-slider-activity-list li{ display: flex; justify-content: left; align-items: center; gap: 12px; padding: 7px 12px; } .es-slider-activity-list li:first-child{ padding-bottom: 11px; border-bottom: #e6eaf3 1px solid; margin-bottom: 4px; } .es-slider-activity-list li:hover{ background: #f6f7fa; } .es-slider-activity-list li a{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; text-decoration: none; letter-spacing: -0.2px; } .es-slider-activity-list span{ width: 16px; height: 16px; border-radius: 3px; border: #c4ccd9 1px solid; background: #fff; display: flex; justify-content: center; align-items: center; } .es-slider-activity-list span i{ display: none; } .es-slider-activity-list span i svg{ display: block; width: 10px; height: 10px; fill: #0091ff; } .es-slider-activity-list span.onactive{ border-color: #0091ff; } .es-slider-activity-list span.onactive i{ display: block; } .es-slider-activity-list-text{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #02091a; letter-spacing: -0.2px; } .es-slider-activity-th{ padding: 8px 0 13px 0; margin: 0 32px; border-bottom: #eff1f6 1px solid; display: flex; justify-content: space-between; align-items: center; gap: 32px; } .es-slider-activity-th-event, .es-slider-activity-th-recipient, .es-slider-activity-th-date, .es-slider-activity-th-arr{ display: flex; justify-content: left; align-items: center; gap: 4px; } .es-slider-activity-th-event{ justify-content: right; width: 89px; } .es-slider-activity-th-recipient{ width: 214px; } .es-slider-activity-th-date{ width: 260px; } .es-slider-activity-th-arr{ flex: 1; } .es-slider-activity-th-event > span, .es-slider-activity-th-recipient > span, .es-slider-activity-th-date > span, .es-slider-activity-th-arr > span{ font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #6f7d9b; font-weight: bold; letter-spacing: -0.2px; } .es-slider-activity-th-event > a svg, .es-slider-activity-th-recipient > a svg, .es-slider-activity-th-date > a svg, .es-slider-activity-th-arr > a svg{ display: block; width: 10px; height: 10px; fill: #6f7d9b; } .es-slider-activity-table{ padding: 0 32px } .es-slider-activity-td{ padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 32px; border-bottom: #eff1f6 1px solid; flex-wrap: wrap; } .es-slider-activity-td:hover{ background: #f6f7fa; } .es-slider-activity-td-event{ display: flex; justify-content: right; width: 89px; } .es-slider-activity-td-recipient{ width: 260px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.1px; font-weight: 500; /* overflow: hidden; */ } .es-slider-activity-td-date{ width: 170px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.1px; } .es-slider-activity-td-arr{ display: flex; flex: 1; justify-content: center; } .es-slider-activity-td-arr > i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #fff; border-radius: 30px; } .es-slider-activity-td-arr > i svg{ display: block; width: 12px; height: 12px; fill: #6f7d9b; } .es-slider-activity-td-event span{ display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 24px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; border-radius: 20px; } .es-slider-activity-details{ display: none; flex: 1; } .es-slider-activity-details-list{ display: flex; justify-content: left; align-items: center; gap: 32px; padding: 0 0 12px 0; } .es-slider-activity-details-title{ text-align: right; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #4b5874; font-weight: 500; letter-spacing: -0.1px; width: 89px; } .es-slider-activity-details-text{ flex: 1; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #02091a; letter-spacing: -0.1px; } .es-slider-activity-td.onactive .es-slider-activity-td-arr i svg{ transform: rotate(180deg); } .es-slider-activity-td.onactive .es-slider-activity-details{ display: block; } .template-edit-automated-email-list-details{ flex: 1; } .es-slider-activity-suppression .es-slider-activity-td-event { width: 120px; } .es-warnning{ color: red; padding: 10px 30px 10px 30px; } .slider_banner_show_warning{ padding-top:10px } .ex-slider-btn-send-show{ position: absolute; left: 0; bottom: 44px; z-index: 2; background: #fff; border-radius: 4px; padding: 4px 0; list-style: none; box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30); width: 240px; } .ex-slider-btn-send-show li a{ background: transparent; display: block; height: auto; padding: 12px 12px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #09142F; font-weight: 400; letter-spacing: -0.1px; } .ex-slider-btn-send-show li a:hover{ background: #EDF1FA; } .ex-slider-btn-send a.onactive .ex-slider-btn-send-show{ display: block; } /* */