.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;
    word-break: break-word;
}
.general-registration-field-title-tips a{
    text-decoration: underline;
}

.general-registration-field-input{
    position: relative;
}
.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-input i{
    display: none;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2;
}
.general-registration-field-input i svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #9fa9be;
}
.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;
}
.general-registration-language{
    max-width: 300px;
}
.general-registration-honeypot{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    padding: 0 0 24px 0;
    word-break: break-word;
}
/*custom checkbox field*/
.errtext {
  color: #e93e37;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0 0 15px 0;
}
.custom-field-error{
  display: none;
  color: #e93e37;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0 0 0 30px;
}
.general-registration-list-box span.errors .custom-field-error{
  display: block;
}
.general-registration-list-box span.errors label{
  color: #e93e37;
}
.bigmarker-word-break{
    word-break: break-word;
}
.js-reprocess-dynamic{
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.custom-loading{
    width: 14px;
}
.reprocess-show{
    position: absolute;
    display: none;
    width: 216px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 1px 12px rgba(4, 10, 31, 0.22);
    z-index: 2;
    background: #fff;
    top: 26px;
    left: 0;
    text-align: center;
    font-size: 14px;
    color: #09142F;
    line-height: 1.29em;
    letter-spacing: -0.01em;
    font-style: normal;
    word-break: break-word;
}
.js-reprocess-dynamic:hover .reprocess-show{
    display: block;
}
.webinar-selector-tag{
    padding-bottom: 12px;
}
.webinar-selector-tag:last-child{
    padding-bottom: 0;
}
.dashboard-registrants-attendees-list-box-details-text a{
    color: #1089f5;
}

.dashboard-registrants-attendees-list-box-details-text .copy-link{
    display: block;
    padding-top: 8px;
    color: #1089f5;
}
.bmg-tag-required{
    padding-left: 27px !important;
}
.settings-destination-text{
    font-size: 15px;
    color: #a7adb7;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    letter-spacing: -0.2px;
    font-weight: 400;
    padding-top: 12px;
    padding-right: 70px;
    word-break: break-word;
}

/********* 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;
}
.bmform-section-form-field-22{
    display: none !important;
}
/*
 * 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;
}
.custom-field-date{
    position: relative;
    min-width: 160px;
}
.custom-field-date input{
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    padding: 0 42px 0 12px;
    height: 44px;
    font-size: 15px;
    color: #02091a;
    letter-spacing: -0.2px;
}
.custom-field-date i{
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2;
}
.custom-field-date i svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #9fa9be;
}
.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;
    }
}











* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.fxw, .fxw-m{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.dif {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.flex, .fx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}
.display-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}
.flex-align-center, .fxac {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.fxc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul:after,
form:after,
.content:after,
.header-left:after,
.header-right-width:after,
.header-right-width2:after,
.header-search-categories li:after,
.header-user-photo-name:after,
.main-body:after,
.body-user-box:after,
.body-left-menus-communities li:after,
.body-left-menus-communities li a:after,
.banner-box-mask:after,
.banner-conference-date:after,
.nudge-userphoto-box:after,
.nudge-progress-box:after,
.body-upcoming-full-box:after,
.body-upcoming-narrow-in:after,
.banner-box-content:after,
.main-conference-price-in:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

/*------ conner  ---------------------------------------*/
.header-user-tool .top-prong {
    position: absolute;
    top: -9px;
    left: 89%;
    height: 9px;
    width: 18px;
    overflow: hidden;
    z-index: 11;
    display: none;
}
.header-user-tool .top-prong .prong-dk {
    position: absolute;
    left: 0;
    top: 0;
    border: 9px solid;
    border-color: #e4e4e4 transparent;
    border-top-width: 0;
}
.header-user-tool .top-prong .prong-lt {
    position: absolute;
    border: 8px solid;
    border-color: #fff transparent;
    left: 1px;
    top: 2px;
    border-top-width: 0;
}









/*------------ logged home style ------------------------------------------*/
.n-wrapper{
    position: relative;
    background: #fafbfd;
}
body{
    transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
.wrapper{
    position:relative;
    background:#fff;
    /*overflow: hidden;*/
    height: 100%;
}
.content{
    width:100%;
    padding: 0 0px;
}
.content-lh{
    padding: 0 5px 0 0;
}
.header{
    position: relative;
    background:#fff;
    box-sizing: border-box;
    z-index: 21;
}
/*.header-left{
    position:relative;
    width: 100%;
    width:280px;
    padding:12px 0;
    z-index:11;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f8f9fb;
}*/
.header-hamburger{
    display:none;
    position:absolute;
    left:0;
    top:-3px;
    width: 36px;
    height: 32px;
    margin:11px 0;
    padding: 5px 0 0 0;
    text-align:center;
    color:#00c4b5;
}
#new-lih-left-nav{
    /*display: none;*/
}
.header-hamburger span{
    font-size:18px;
}
.logo{
    width:117px;
    margin:0 0 0 15px;
}
.logo a{
    display:block;
}
.logo a span{
    color: #00c4b5;
    font-size: 24px;
}
.logo a svg{
    fill: #00c4b5;
    display:block;
    width:117px;
    height:26px;
}

.header-left2{
    position:relative;
    float:left;
    width:187px;
    padding:12px 0;
    z-index:1;
}
.header-right2{
    float:right;
    width:100%;
    margin:0 0 0 -187px;
}
.header-right-in2{
    margin:0 0 0 187px;
}
.header-right-width2{
    max-width:1054px;
}

.header-search-icon-mobile{
    display: none;
}
.header-search-box{
    float:left;
    width:55%;
    max-width:363px;
}
.header-user-box{
    float:right;
    position: relative;
    z-index: 1;
}
.header-search-border{
    position:relative;
    padding:0 0 0 45px;
}
.header-search-border input[type="search"]{
    background:none;
    border:none;
    box-shadow:none;
    padding:0 5px;
    font-size:15px;
    line-height: 50px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}
.header-search-border input[type="search"]::-webkit-input-placeholder{
    color:#b4b7ba;
}
.header-search-border input[type="search"]::-moz-placeholder{
    color:#b4b7ba;
}
.header-search-border input[type="search"]::-ms-placeholder{
    color:#b4b7ba;
}
.header-search-border input[type="search"]::-o-placeholder{
    color:#b4b7ba;
}
.header-search-border button{
    position:absolute;
    display:block;
    border:none;
    width:40px;
    height:50px;
    line-height: 51px;
    left:0;
    top:0;
    background:none;
    cursor:pointer;
}
.header-search-border button span{
    color:#d0d3d5;
    font-size:17px;
    line-height:33px;
}
.header-user-host{
    float:left;
    padding:13px 0 0 0;
    margin:0 30px 0 0;
}
.header-user-host a{
    display:inline-block;
    color:#505456;
    font-size:16px;
    padding:6px 10px;
}
.header-user-host a:active{
    color:#505456;
}
.header-user-name{
    position:relative;
    float:right;
    line-height:50px;
}
.header-user-name > a{
    display:block;
    line-height:50px;
    font-size: 15px;
    color:#4C586E;
    padding:0px 9px;
}
.header-user-name > a i{
    font-style:normal;
}
.header-user-name > a > span{
    display:inline-block;
    width:8px;
    height:8px;
    margin: 0 5px 0 0;
    display: none;
}
.header-user-name > a:hover, .header-user-name.onactive > a{
    /*background:#FFF;*/
}
.oldfix{
    margin: 0 15px 0 0;
}
.oldfix > a{
    padding: 9px 9px;
}
.header-user-out-img{
    position:relative;
    display:inline-block;
    width:30px;
    height:30px;
    margin:0 0 0 5px;
    vertical-align:middle;
}
.header-user-out-img > span{
    display:block;
    height:30px;
    width:30px;
    border-radius:15px;
    overflow:hidden;
}
.header-user-out-numb{
    position:absolute;
    line-height:normal;
    top:-12px;
    right:0;
}
.header-user-out-numb > .header-user-messages{
    top:0;
    border:#fff 2px solid;
}

.header-user-tool{
    display:none;
    position:absolute;
    padding:15px;
    line-height:normal;
    width:200px;
    background:#fff;
    border-radius:0 0 3px 3px;
    box-shadow:0 1px 3px rgba(0, 0, 0, .3);
    right: 0;
    top:51px;
    z-index:11;
}
.header-user-photo-name{
    padding:0 0 9px 0;
}
.header-user-photo{
    float:left;
    width:30px;
    height:30px;
}
.header-user-photo span{
    display:block;
    width:30px;
    height:30px;
    border-radius:15px;
    overflow:hidden;
}
.header-user-top-name{
    float:right;
    width:100%;
    margin:0 0 0 -40px;
}
.header-user-top-name-in{
    margin:0 0 0 40px;
}
.header-user-top-name-in a{
    color:#505456;
    font-size:14px;
    font-weight:bold;
}
.header-user-edit a{
    font-size:13px;
    color:#0a9af6;
    font-weight:normal;
}
.header-user-tool-menu, .header-user-tool-menu-bottom, .header-user-tool-community{
    display:block;
    list-style:none;
    border-top:#e4e9ea 1px solid;
    border-left:none;
    border-right:none;
    padding:5px 0;
    margin:0;
}
.header-user-tool-menu li, .header-user-tool-menu-bottom li, .header-user-tool-community li{
    position:relative;
    display:block;
    padding:5px 0 5px 2px;
    line-height:normal;
}
.header-user-tool-menu li a, .header-user-tool-menu-bottom li a, .header-user-tool-community li a{
    color:#636769;
    font-size:14px;
    letter-spacing: -0.2px;
}
/*.header-user-tool-community li:last-child a{
    color: #00c4b5;
}*/
.header-user-tool-community li.header-user-tool-th{
    font-size: 12px;
    color:#9ba8ad;
    font-weight: bold;
}
.header-user-tool-menu li a:hover, .header-user-tool-menu-bottom li a:hover, .header-user-tool-community li a:hover{
    color:#0a9af6;
}
.header-user-tool-menu li a.onactive{
    color:#0a9af6;
}

.header-user-messages{
    position:absolute;
    right:0;
    top:5px;
    background:#0a9af6;
    color:#fff;
    font-size:10px;
    font-weight: 600;
    padding:2px 6px;
    border-radius:16px;
    min-width: 22px;
    text-align: center;
}
.header-user-name.onactive .header-user-tool{
    display:block;
}

.header-host-nav{
    display:block;
    list-style:none;
    float:left;
}
.header-host-nav li{
    position: relative;
    display:block;
    float:left;
}
.header-host-nav li > a{
    display:block;
    color:#4C586E;
    font-size:15px;
    padding:7px 0 7px;
    margin: 8px 0 0 0;

}
.header-host-nav li > a span{
    display:block;
    padding:0 20px;
    /*border-right:#e6e8e9 1px solid;*/
    font-size: 14px;
    letter-spacing: 0.5px;
}
.header-host-nav li > a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a#top-nav-host-conference-link{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    border-radius: 3px;
    color: #fff;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: normal;
}
a#top-nav-host-conference-link:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.header-host-nav li.header-bell > a{
    color: #e92c2c;
    border-bottom: #fff 3px solid;
}
.header-host-nav li.header-haw > a:hover{
    background:#0a9af6;
    color:#fff;
}
.header-host-nav li.header-haw > a:hover span{
    border-right-color:#0a9af6;
}
.header-host-nav li.home-header-haw > a:hover{
    background:#F4F6F8;
}
.header-host-nav li.home-header-haw > a:hover span{
    /*border-right-color:#00c4b5;*/
}
.header-host-nav li.header-mw{
    padding: 0 0 0 10px;
}
.header-host-nav li.header-mw > a{
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    border: solid 1px #dfe1e4;
    border-radius: 3px;
    color: #717e94;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 6px 0 6px;
}
.header-host-nav li.header-mw > a:hover{
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    color: #2b374d;
}
.header-host-nav li.header-mw > a:hover span{
}
.header-host-nav li.header-mw > a:active{
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.upgrade-header{
    background: #0a9af6;
    padding: 25px 0;
}
.upgrade-header-logo{
    float: left;
    width: 115px;
}
.upgrade-header-text{
    float: right;
    color: #fff;
    font-size: 16px;
}

.upgrade-banner{
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 31px 0;
}

.upgrade-banner-text-box{
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color: #fff;
}

.upgrade-banner-text-title{
    font-weight: 700;
    font-size:26px;
    padding: 0 0 20px 0;
}

.upgrade-banner-text1{
    font-size: 18px;
    padding: 0 0 10px 0;
}

.upgrade-banner-text2{
    font-weight: 300;
    font-size:15px;
}

.upgrade-banner-title{
    font-size: 42px;
    text-align: center;
    color: #3c3c3c;
    padding: 100px 0 36px 0;
}
.upgrade-banner-community{
    padding: 0;
}
.upgrade-banner-title-left{
    float: left;
    width: 100%;
    margin: 0 -470px 0 0;
}
.upgrade-banner-title-left-in{
    font-size: 28px;
    color: #fff;
    margin: 0 0 0 0;
}
.upgrade-banner-community-right{
    float: right;
    width: 310px;
}
.upgrade-banner-community-title{
    float: left;
    font-size: 16px;
    line-height: 43px;
    color: #3c3c3c;
}
.upgrade-banner-community-select{
    position: relative;
}
.upgrade-banner-community-select select{
    display: block;
    background: #254c74;
    height: 36px;
    border-radius: 3px;
    border: none;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    padding: 0 25px 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.upgrade-banner-community-select-chevron{
    position: absolute;
    width: 9px;
    height: 9px;
    right: 12px;
    top: 14px;
}
.upgrade-banner-community-select-chevron svg{
    display: block;
    width: 9px;
    height: 9px;
    fill: #fff;
}
.upgrade-banner-box{
    background: #fff;
    border-radius: 3px;
    padding: 13px;
    max-width: 620px;
    margin: 0 auto;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}
.upgrade-conf-img{
    float: left;
    width: 100px;
}
.upgrade-banner-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -112px;
}
.upgrade-banner-right-in{
    margin: 0 0 0 112px;
}
.upgrade-conf-name{
    font-size: 18px;
    color: #545454;
    padding: 0 0 5px 0;
}
.upgrade-conf-tips{
    font-size: 15px;
    color: #545454;
    padding: 0 0 8px 0;
}
.upgrade-conf-tips span{
    font-weight: normal;
}
.upgrade-banner-schedule{
    max-width: 270px;
}
.upgrade-banner-schedule .header-user-bell-schedule{
    margin: 0;
}

.upgrade-step-section{
    background: #fff;
    padding: 15px 0;
}
.upgrade-step-box{
    display: block;
    list-style: none;
    font-size: 0px;
}
.upgrade-step-box li{
    display: inline-block;
    width: 33%;
    height: 32px;
    background-color: #f4f6f8;
    vertical-align: top;
}
.upgrade-step-box li{
    background-position: 0% 0%;
    background-repeat: no-repeat;
}
.upgrade-step-box-in{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #b4b7ba;
    padding: 0 20px;
    line-height: 32px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.upgrade-step-box li:nth-child(n+2) .upgrade-step-box-in{
    padding-left: 30px;
}
.upgrade-step-box li.onactive .upgrade-step-box-in{
    color: #4898e4;
}





/*----- header categories list style ---------------------*/
.header-search-categories{
    position:absolute;
    display:none;
    list-style:none;
    margin:0;
    padding:0;
    border:#e3e6e8 1px solid;
    border-top: none;
    border-radius:0 0 3px 3px;
    background:#fff;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    left:0;
    top:51px;
    z-index:3;
    overflow:hidden;
}
.header-search-categories li{
    display:block;
    padding:6px 10px;
    cursor:pointer;
}
.header-search-categories-icon{
    float:left;
    width:26px;
    height:26px;
    margin:0 10px 0 0;
}
.header-search-categoies-text{
    color:#585c5e;
}
.header-search-categoies-text span{
    display:table-cell;
    height:25px;
    vertical-align:middle;
    font-size:15px;
}
.header-search-categories li:hover{
    background:#00c4b5;
}
.header-search-categories li:hover .header-search-categoies-text span{
    color:#fff;
}
.header-search-border.onactive .header-search-categories{
    display:block;
}


.channel-header{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    background: #fff;
}
.channel-header-left{
    position: relative;
    width: 100%;
    width: 263px;
    padding: 9px 0;
    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;
}
.channel-header .header-user-name > a:hover, .channel-header .header-user-name.onactive > a{
    background: none;
}
.channel-header .header-user-tool .top-prong{
    left: 83%;
}

.cl-header-left {
    position: relative;
    padding: 12px 14px 12px 0;
    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;
    border-right: #e3e6e8 1px solid;
}
.cl-header-hanburger{
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    width: 12px;
    height: 12px;
    text-align: center;
    color: #ccd0d3;
}
.cl-header-hanburger span{
    display: block;
    font-size: 12px;
    color: #ccd0d3;
}
.cl-logo{
    width: 117px;
    margin: 0 0 0 20px;
}
.cl-logo a{
    display: block;
}
.cl-logo a svg{
    fill: #ccd0d3;
    display: block;
    width: 117px;
    height: 26px;
}
.cl-logo-login{
    width: 20px;
    margin: 0 0 0 20px;
}
.cl-logo-login a{
    display: block;
}
.cl-logo-login a svg{
    display: block;
    width: 20px;
    height: 20px;
    fill: #ccd0d3;
}
.cl-header-channel-box{
    float: left;
    width: 100%;
    margin: 0 -460px 0 0;
}
.cl-header-channel-box-in{
    margin: 0 460px 0 0;
}
.cl-header-channel-box-content{
    display: inline-block;
    color: #2b374d;
    padding: 10px 0 0 10px;
}
.cl-header-channel-logo{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
.cl-header-channel-name{
    display: inline-block;
    vertical-align: middle;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.2px;
}
.cl-header-host-nav{
    float: left;
    position: relative;
    display: block;
    list-style: none;
    font-size: 0;
    z-index: 1;
}
.cl-header-host-nav li{
    display: inline-block;
    padding: 0 20px;
}
.cl-header-host-nav li a{
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #717e94;
    padding: 9px 0;
    margin: 7px 0 0 0;
}
.cl-header-host-nav li.cl-header-host-noregister a{
    background: #00c4b5;
    width: 109px;
    border-radius: 3px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    text-align: center;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
}






/*------- main body style --------------------------------------------------------*/
.main-body{
    background:#fff;
    -webkit-transition: margin-left .2s;
    -moz-transition: margin-left .2s;
    -o-transition: margin-left .2s;
    transition: margin-left .2s;
}
.main-body-mnav{
    display: none;
}
.body-left{
    position:relative;
    width:280px;
    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;
    -webkit-transition: margin-left .2s;
    -moz-transition: margin-left .2s;
    -o-transition: margin-left .2s;
    transition: margin-left .2s;
    background: #f8f9fb;
}
.body-right{
    overflow: hidden;
    min-height: 500px;
}
.body-right-fullscreen{
    margin: 20px auto;
}
.body-left-menus{
    display:block;
    list-style:none;
    margin:0;
    padding: 25px 20px 20px;
}
.body-left-menus > li{
    display:block;
}
.body-left-menus > li .body-left-menus-list{
    position:relative;
    display:block;
    border-bottom:#eaedf0 1px solid;
    padding: 0 0 0 10px;
}

.body-left-menus > li .body-left-menus-list > a{
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #717e94;
    padding: 19px 0;
}

.body-left-menus > li .body-left-menus-list > b{
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #717e94;
    padding: 19px 0;
    font-weight:normal;
}

.body-left-menus > li:first-child .body-left-menus-list{
    padding: 0 0 19px 0;
}
.body-left-menus > li:nth-child(2) .body-left-menus-list{
    border: none;
}
.body-left-menus-list-2{
    position:relative;
    display:block;
    border-bottom: #eaedf0 1px solid;
    padding: 19px 0 19px 0;
}
.body-box-top-btn a i{
    font-style: normal;
    vertical-align: super;
    font-size: 10px;
}
.body-left-menus > li:last-child .body-left-menus-list-2{
    border-bottom: none;
}


.body-left-menus > li .body-left-menus-list-tour{
    position:relative;
    display:block;
    font-size:12px;
    border-top:#4c586e 1px solid;
    padding: 0 0 0 5px;
    margin: 25px 0 0 0;
}
.body-left-menus-list-tour a{
    display: block;
    color: #a2abbb;
    padding: 20px 0 10px 10px;
    border-radius: 3px;
}
.menus-communities-icon .icon-circle-tour{
    position: relative;
    display: block;
    background: #008ef5;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    overflow: hidden;
}
.menus-communities-icon .icon-circle-tour span{
    display: block;
    width: 18px;
    height: 18px;
    margin: 3px auto 0;
}
.menus-communities-icon .icon-circle-tour span svg{
    display: block;
    width: 18px;
    height: 18px;
    fill: #fff;
}

.body-box-top-btn{
    margin: 0 0 3px 0;
}
.body-box-top-btn a{
    position: relative;
    display: block;
    padding: 0 10px;
    line-height: 36px;
    height: 36px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.body-box-top-btn a span{
    color: #8791a1;
    display: block;
    position: absolute;
    left: 10px;
    top: 9px;
}
.body-box-top-btn a b, a .menus-communities-control 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: 12px;
    color: #fff;
    letter-spacing: -0.4px;
    /*line-height: normal;*/
    font-weight: normal;
    padding: 0 4px;
    margin: 0 0 0 8px;
}
.body-box-top-btn a:hover, .body-box-top-btn a.onactive{
    color: #3b455b;
}
.body-box-top-btn a:hover span, .body-box-top-btn a.onactive span{
    color: #fff;
}
.body-left-menus-arr{
    position: absolute;
    line-height: 60px;
    right: 0;
    top: 0;
    color: #717e94;
}

.body-left-menus > li .body-left-menus-list > a.body-user-view{
    position: absolute;
    right: 0;
    top: 0;
    color:#0a9af6;
    line-height: 60px;
    font-size:15px;
    padding:0 5px 0 0;
    font-weight:normal;
}
.body-left-menus > li .body-left-menus-list .header-user-messages{
    top:14px;
    right:5px;
}

/*-----menus communities list----------*/
.body-left-menus-communities{
    display:block;
    margin:0;
    list-style:none;
    padding:0 0 5px 10px;
    border-bottom: #eaedf0 1px solid;
}
.body-left-menus-communities li{
    display:block;
}
.body-left-menus-communities li a{
    display:block;
    padding:10px 0 10px 10px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.body-left-menus-communities li a:hover, .body-left-menus-communities li a.onactive{
    color: #3b455b;
}
.menus-communities-photo{
    float:left;
    width:24px;
}
.menus-communities-photo span{
    display:block;
    width:24px;
    height:24px;
    border-radius:3px;
    overflow:hidden;
}
.menus-communities-name{
    /*float:right;
    width:100%;
    margin:0 0 0 -34px;*/
}
.menus-communities-name-in{
    position:relative;
    /*margin:0 0 0 34px;*/
    overflow: hidden;
}
.menus-communities-name-in span, .menus-communities-control{
    display:table-cell;
    height:26px;
    font-size:15px;
    vertical-align:middle;
}

/*.menus-communities-icon{
    float:left;
    width:24px;
}
.menus-communities-icon .icon-circle{
    position:relative;
    display:block;
    background:#00c4b5;
    width:24px;
    height:24px;
    border-radius:3px;
    overflow:hidden;
}
.icon-circle span{
    position:absolute;
    color:#fff;
    font-size:14px;
    text-align:center;
    display:block;
    width:14px;
    height:14px;
    left:5px;
    top:5px;
}*/


/*--------menus left categories list style------------------------------------*/
.body-left-menus-categories{
    display:none;
    margin:0;
    list-style:none;
    padding:0 0 5px 5px;
}
.body-left-menus-categories li{
    display:block;
    color:#4C586E;
    font-size:15px;
    padding:10px 0 10px 10px;
}
/*
.category-item{
    margin-left: 20px;
}
*/
.body-left-menus-categories li a{
    display:block;
    color:#4C586E;
}
.body-left-menus-categories li a:hover{
    color: #00c4b5;
}
.body-left-menus-categories li a.onactive{
    font-weight:bold;
    color: #00c4b5;
}
.body-left-menus-categories li.last-list{
    margin:0 0 5px 0;
}
.body-left-menus-categories li.title-list{
    border-top:#edefef 1px solid;
    padding-top:10px;
}
.body-left-menus > li.onactive .body-left-menus-categories{
    display:block;
    border-bottom: #e3e6e8 1px solid;
}
.body-left-menus > li.onactive .body-left-menus-list{
    border: none;
}
.body-left-menus > li.onactive .body-left-menus-arr{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}


/*----------- body left footer ------------------------------*/
.body-left-footer{
    padding:13px 0 40px 35px;
}
.body-left-footer-menus a{
    font-size:14px;
    padding:0 10px 0 0;
    color:#999;
}
.body-left-footer-menus a:hover{
    color:#00c4b5;
}
.body-left-footer-copyright{
    padding:10px 0 0 0;
    font-size:14px;
    color:#999;
}

/*------- body right main style ----------------------------------*/

.banner-box-black{
    background: rgba(0, 0, 0, .4);
    padding: 0 10px;
}
.banner-box{
    display:block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.banner-discover-banner{
    text-align: center;
    font-size: 30px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 42px 0;
}
.d-arts{
    background: #ea6363;
}
.d-business, .d-other, .d-politics{
    background: #646c7a;
}
.d-career{
    background: #6157cb;
}
.d-coaching, .d-nonprofits, .d-professional{
    background: #2873bb;
}
.d-education, .d-user-search{
    background: #00c4b5;
}
.d-health{
    background: #ea6363;
}
.d-hobbies{
    background: #ee663d;
}
.d-lifestyle, .d-support{
    background: #30c8be;
}
.d-military{
    background: url('banner-military.png');
}
.d-religion{
    background: #4898e4;
}
.d-science{
    background: url('banner-science.png');
}
.nudge-box{
    display:block;
    list-style:none;
    height:250px;
}
.nudge-box > li{
    float:left;
    width:100%;
    display:block;
    height:250px;
    overflow:hidden;
    background-size:cover;
    background-position:0 0;
    background-repeat:no-repeat;
}
.nudge-box > li.nudege-blue{
    background:#3c9bf3;
}
.nudge-box > li.nudege-darkgreen{
    background:#007861;
}
.nudge-box > li.nudege-lightgreen{
    background:#1e9546;
}
.nudge-box-in{
    position:relative;
    padding:0 20px;
    height:250px;
}
.banner-box-content{
    padding: 72px 0;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}

.banner-feature-text{
    color: #00c4b5;
    font-size: 14px;
    max-width: 600px;
    margin: 0 auto 24px;
    max-height: 78px;
    overflow: hidden;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.banner-feature-text-2{
    position: absolute;
    border: #fff 1px solid;
    color: #fff;
    padding: 5px;
    font-size:16px;
    top:15px;
    left:20px;
}
.banner-conference-title{
    font-size:32px;
    padding:0 0 24px 0;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.banner-conference-details{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    max-width: 850px;
    margin: 0 auto 24px;
    max-height: 42px;
    overflow: hidden;
}
.banner-conference-details a{
    color: #fff;
}
.banner-conference-details-btn{
    padding: 0 0 0 0;
}
.banner-conference-details-btn a{
    display: block;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    max-width: 180px;
    margin: 0 auto;
    padding: 8px 0;
    background: rgba(0, 192, 131, .9);
}
.banner-conference-details-btn a:hover{
    background: rgba(0, 192, 131, 1);
}
.banner-conference-buyorshare{
    padding: 30px 0 60px 0;
    text-align: center;
}
.banner-conference-buyorshare .banner-conference-buy-btn{
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0 16px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 17px;
    background: #00c4b5;
    border-radius: 2px;
    box-shadow: none;
    vertical-align: top;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.banner-conference-buyorshare .banner-conference-buy-btn span{
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: rgba(0, 0, 0, .3) 1px solid;
}
.banner-conference-buyorshare .banner-conference-share-btn{
    display: inline-block;
    width: 100%;
    max-width: 220px;
    height: 44px;
    padding: 8px 0;
    color: #fff;
    font-size: 17px;
    border-radius: 2px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.banner-conference-buyorshare .banner-conference-buy-btn:hover{
    background: #04dc97;
}
.lhb-nav{
    background-color: #fff;
    border-bottom: #e3e6e8 1px solid;
}
.lhb-nav-box{
    display: block;
    list-style: none;
    text-align: center;
}
.lhb-nav-box > li{
    display: inline-block;
}
.lhb-nav-box > li a{
    display: block;
    margin: 0 24px;
    font-size: 16px;
    color: #2b374d;
    min-width: 150px;
}
.lhb-nav-box > li a span{
    display: inline-block;
    padding: 16px 0 15px;
}
.lhb-nav-box > li a:hover, .lhb-nav-box > li a.onactive{
    font-weight: bold;
}
.lhb-nav-box > li a.onactive span{
    border-bottom: #00c4b5 4px solid;
    padding: 16px 0 11px;
}

.body-main-conference-box-empty{
    padding:20px 268px 0 0;
}

.body-main-conference-box{
    position:relative;
    padding:20px 0;
}

.body-main-conference-blank-state{
    position:relative;
    padding:20px 268px 50px 0;
}
.body-main-curses-header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding:0 0 20px 0;
}

.body-main-curses-header a{
    color:#00c4b5;
}
.body-main-conference-box-titel{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    font-size:20px;
    color:#4C586E;
}
.body-main-conference-box-titel{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    font-size:22px;
    color:#4C586E;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.body-main-conference-box-text{
    font-size: 16px;
    padding: 0 0 20px 0;
}
.body-main-host-btn{
    background-color: #4898e4;
    color: #fff;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center;
}
.body-main-discover-btn{
    background-color: #00c4b5;
    color: #fff;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center;
}
.body-main-conference-box-btn a{
    display: block;
    max-width: 190px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
}

.body-main-host-btn:hover{
    background-color: #57a8f5;
}
.body-main-discover-btn:hover{
    background-color: #00c787;
}
.body-main-conference-nothing{
    max-width: 450px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.body-main-conference-nothing-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-align: center;
}
.body-main-conference-nothing-text{
    text-align: center;
    font-size: 16px;
    padding: 15px 0 30px 0;
}
.body-main-conference-nothing-btn{
    text-align: center;
}
.body-main-conference-nothing-btn span{
    display: inline-block;
    width: 250px;
    margin: 0 10px;
}
.body-main-conference-nothing-btn span a{
    display: block;
    max-width: 250px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
}
.body-main-conference-demo-text{
    text-align: center;
    font-size: 16px;
    color: #2b374d;
    padding: 30px 0 0 0;
}
.body-main-conference-demo-text a{
    color: #00c4b5;
}
.body-main-curses-right-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
}
.body-main-curses-right-item .mTSButtonLeft, .body-main-curses-right-item .mTSButtonRight{
    top: 0 ;
    margin-top: 0 ;
}
.course-nav-btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    color: #758084;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: #d6dee2 1px solid;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 15px;
    background-image: -moz-linear-gradient(top, #fff 0%, #eaeff3 100%);
    background-image: -webkit-linear-gradient(top, #fff 0%, #eaeff3 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #eaeff3 100%);
    background-image: linear-gradient(top, #fff 0%, #eaeff3 100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-prev{
    border-radius: 4px 0 0 4px;
    border-right: none;
}
.btn-next{
    border-radius: 0 4px 4px 0;
}
.course-nav-btn:hover{
    background: #fbfcfd;
}

.body-main-conference-box-sub-description{
    color: #2b374d;
    font-size: 16px;
    font-weight: 500;
}

.body-main-conference-box-mask{
    padding: 2px;
    overflow: hidden;
}
.body-main-conference-box-mask .mTS_horizontal .mTSThumbContainer, .body-main-conference-box-mask .mTS_horizontal ul.mTSContainer > li{
    float: none;
}
.body-main-conference-box-list{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    white-space: nowrap;
    font-size: 0;
    -webkit-transition: margin-left .5s;
    -moz-transition: margin-left .5s;
    -o-transition: margin-left .5s;
    transition: margin-left .5s;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}
.body-main-conference-box-list.multi-line{
    white-space: normal;
    margin: 0 -15px 0 0;
}
.body-main-conference-box-list > li{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    white-space: normal;
    width:230px;
    margin:0 15px 15px 0;
    padding: 0;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    border-radius: 3px;
    overflow: hidden;
}
.body-main-conference-box-list > li:last-child{
    margin-right: 0;
}
.body-main-conference-box-list-in{
    background: #fff;
}
.main-confernce-img{
    display: block;
    position: relative;
    height:230px;
    overflow: hidden;
}
.main-confernce-img.onactive .v-trend-livenow{
    display: block;
}
.main-confernce-img.onactive .v-trend-price{
    bottom: 40px;
}
.main-confernce-img:hover .v-trend-hover{
    display: block;
}
.main-confernce-img.onactive:hover .v-trend-livenow, .main-confernce-img:hover .v-trend-price{
    display: none;
}




.main-conference-img-mask{
    display:none;
    position:absolute;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
    background:rgba(0, 0, 0, .5);
}
.main-conference-img-mask > span{
    display:block;
    font-size:108px;
    width:108px;
    height:108px;
    margin:12px auto 0;
    color:#e6e6e6;
}
.body-main-conference-box-list > li:hover .main-conference-img-mask{
    display:block;
}

.main-conference-category{
    margin:5px 0 0;
    color:#ccd0d3;
    font-size:13px;
    font-weight:bold;
    height: 16px;
    overflow: hidden;
}
.main-conference-title{
    /*padding: 0 10px;*/
    height: 56px;
    /*margin: 5px 0;*/
}
.main-conference-title a{
    display:block;
    color:#4C586E;
    font-size:18px;
    font-weight:500;
    line-height: 1.3em;
    height: 46px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    overflow: hidden;
}
.main-conference-title a:hover{
    color: #00c4b5;
}
.main-conference-by{
    color:#4C586E;
    font-weight: 300;
    font-size:15px;
    padding:5px 0;
}
.main-conference-by span{
    font-size:16px;
    margin: 0 2px 0 0;
    color: #717e94;
    vertical-align: text-top;
}
.main-conference-long, .main-conference-organizer{
    font-size:14px;
    height: 35px;
    background: #fff;
    color:#393b3b;
    line-height: 39px;
}
.main-conference-long > span, .main-conference-organizer > span{
    font-weight:bold;
    color:#299747;
    font-size:14px;
}

.main-conference-reviews{
    display: block;
    list-style: none;
    padding: 5px 0;
    border-top: #e4e4e5 1px solid;
    border-bottom: #e4e4e5 1px solid;
}
.main-conference-reviews > li:first-child{
    display: block;
    float: left;
    width: 110px;
}
.main-conference-reviews > li:last-child{
    display: block;
    float: right;
    width: 110px;
    text-align: right;
}
.main-conference-reviews-title{
    font-size: 13px;
    color: #ccd0d3;
    padding: 0 0 5px 0;
}
.main-conf-reviews-rate{}
.main-conf-reviews-rate .cl-recording-star-rate, .main-conf-reviews-rate .cl-recording-star-rate .current-rate{
    background:url(../assets/rate-small.png) left -1000px repeat-x;
}
.main-conf-reviews-rate .cl-recording-star-rate{
    float: none;
    display: block;
    list-style: none;
    width:80px;
    height:14px;
    background-position:left bottom;
    margin: 0;

}
.main-conf-reviews-rate .cl-recording-star-rate .current-rate{
    height:14px;
    line-height:14px;
    background-position:top left;
}
.main-conference-reviews-registered{
    color: #00c4b5;
    font-size: 19px;
}
.main-conference-reviews-registered span{
    color: #d7d9d9;
}
.main-conference-time-footer, .main-conference-time-footer-2{
    display: block;
    list-style: none;
}
.main-conference-time-footer li:first-child, .main-conference-time-footer-2 li:first-child{
    display: block;
    float: left;
    width: 135px;
    color: #3c3c3c;
    font-size: 14px;
}
.main-conference-time-footer li:last-child, .main-conference-time-footer-2 li:last-child{
    display: block;
    float: right;
    width: 93px;
    text-align: right;
}
.main-conference-time-footer li:first-child span{
    color: #00c4b5;
}
.main-conference-time-footer li:first-child i{
    font-style: normal;
}
.main-conference-time-footer-2 li:first-child{
    color: #3c3c3c;
    font-size: 14px;
    width: 100px;
    font-style: normal;
}
.main-conference-time-footer-2 li:last-child{
    width: 120px;
}
.main-conference-time-footer-price, .main-conference-time-footer-price-hover a{
    color: #00c4b5;
    font-size: 14px;
}
.main-conference-time-footer-price-hover{
    display: none;
}
.main-conference-time-footer li:last-child:hover .main-conference-time-footer-price, .main-conference-time-footer-2 li:last-child:hover .main-conference-time-footer-price{
    display: none;
}
.main-conference-time-footer li:last-child:hover .main-conference-time-footer-price-hover, .main-conference-time-footer-2 li:last-child:hover .main-conference-time-footer-price-hover{
    display: block;
}

.body-main-conference-box-list > li.livenow .body-main-conference-box-list-in{
    border-color: #00c4b5;
}
.body-main-conference-box-list > li.livenow .main-conference-price{
    margin: 0 -4px;
    padding: 9px 4px;
    background: #00c4b5;
}
.body-main-conference-box-list > li.livenow .main-conference-reviews{
    border-bottom: none;
}
.body-main-conference-box-list > li.livenow .main-conference-time-footer li:first-child span,
.body-main-conference-box-list > li.livenow .main-conference-time-footer-price-hover a{
    color: #fff;
}
.body-main-conference-box-list > li.livenow .main-conference-time-footer-price-hover{
    display: block;
}
.body-main-conference-box-list > li.livenow .main-conference-time-footer li:last-child .main-conference-time-footer-price{
    display: none;
}

.body-host-section-title-2{
    position: relative;
    /*font-family: 'gt_walsheimmedium';
    font-size: 18px;
    color: #a2abbb;*/
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #a2abbb;
    padding: 0 0 20px 0;
    /*letter-spacing: -0.2px;*/
    letter-spacing: 0.5px;
    font-weight: 500;
}
.body-host-section-title-2 span{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.body-host-section-title-2 span a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #a2abbb;
    letter-spacing: -0.2px;
}








.body-host-section-text{
    padding: 19px 0 24px 0;
    font-family: 'gt_walsheimregular';
    font-size: 16px;
    color: #717e94;
    letter-spacing: -0.2px;
}

.body-host-section-started-list{
    display: block;
    list-style: none;
}
.body-host-section-started-list li{
    display: block;
    position: relative;
    padding: 24px 0;
    border-bottom: #f4f6f8 1px solid;
}
.body-host-section-started-list-2{
    display: block;
    list-style: none;
    font-size: 0;
    padding: 24px 0 0 0;
}
.body-host-section-started-list-2 li{
    display: inline-block;
    margin: 0 20px 0 0;
    width: 200px;
    vertical-align: top;
}
.body-host-section-started-list-2 li:last-child{
    margin: 0;
}
.body-host-section-started-list-icon{
    float: left;
    width: 96px;
}
.body-host-section-started-list-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -116px;
}
.body-host-section-started-list-right-in{
    padding: 10px 0 0 0;
    margin: 0 0 0 116px;
}
.body-host-section-started-list-right-left{
    float: left;
}
.body-host-section-started-list-right-right{
    float: right;
}
.body-host-section-started-list-right-right a{
    display: block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.1px;
    background: #eaedf0;
    border-radius: 3px;
}
.body-host-section-started-list-right-left-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #2b374d;
    letter-spacing: -0.5px;
}
.body-host-section-started-list-right-left-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.07em;
}

.body-host-section-started-list-2-icon{
    height: 130px;
    border-radius: 5px 5px 0 0;
}
.body-host-section-started-list-2-icon span{
    display: block;
    width: 60px;
    margin: 0 auto;
    padding: 35px 0 0 0;
}
.body-host-section-started-list-2-bottom{
    background: #f8f9fb;
    border-radius: 0 0 5px 5px;
    padding: 20px 8px;
    text-align: center;
}
.body-host-section-started-list-2-bottom-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.4px;
    padding: 0 0 4px 0;
}
.body-host-section-started-list-2-bottom-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    padding: 0 0 13px 0;
    margin: 0 auto;
}
.body-host-section-started-list-2-bottom-link a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: -0.1px;
}
.body-host-section-started-list-2-bottom-link a i{
    font-style: normal;
}
.body-host-section-started-list-2 li:nth-child(1) .body-host-section-started-list-2-bottom-text{
    max-width: 146px;
}
.body-host-section-started-list-2 li:nth-child(2) .body-host-section-started-list-2-bottom-text{
    max-width: 150px;
}
.body-host-section-started-list-2 li:nth-child(3) .body-host-section-started-list-2-bottom-text{
    max-width: 146px;
}
.body-host-section-started-list-2 li:nth-child(1) .body-host-section-started-list-2-bottom-link a{
    color: #1fc4a6;
}
.body-host-section-started-list-2 li:nth-child(2) .body-host-section-started-list-2-bottom-link a{
    color: #0090d3;
}
.body-host-section-started-list-2 li:nth-child(3) .body-host-section-started-list-2-bottom-link a{
    color: #1f4dc5;
}
















.body-host-start-list{
    display: block;
    list-style: none;
}
.body-host-start-list li{
    display: inline-block;
    width: 190px;
    vertical-align: top;
    margin: 0 15px 36px 0;
}
.body-host-start-list-in{
    border-radius: 2px;
    min-height: 170px;
    padding: 20px 15px;
}
.body-host-start-bg-1{
    background: #2196f3;
}
.body-host-start-bg-2{
    background: #303f9f;
}
.body-host-start-bg-3{
    background: #00bcd4;
}
.body-host-start-icon-1, .body-host-start-icon-2, .body-host-start-icon-3{
    text-align: center;
    font-size: 26px;
    color: #1976d2;
}
.body-host-start-icon-2{
    color: #1a237e
}
.body-host-start-icon-3{
    color: #0097a7;
}
.body-host-start-name{
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.body-host-start-state{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: italic;
    text-align: center;
}
.body-host-start-btn{
    padding: 20px 0 0 0;
}
.body-host-start-btn a{
    display: block;
    width: 146px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 2px;
}
.body-host-start-btn-bg-1{
    background: #64b5f6;
}
.body-host-start-btn-bg-2{
    background: #3f51b5;
}
.body-host-start-btn-bg-3{
    background: #4dd0e1;
}





/*------ bottom host button ------------------------------*/
.main-host-box{
    background:#3b5157;
    padding:45px 0;
    text-align:center;
}
.main-host-box-list{
    display:inline-block;
    color:#fff;
    font-size:20px;
    padding:0 45px 0 0;
}
.main-host-box-list-2{
    display:inline-block;
}
.main-host-box-list-2 a{
    position:relative;
    display:inline-block;
    width:auto;
    font-size:20px;
    padding:10px 40px 10px 15px;
}
.main-host-box-list-2 a span{
    position:absolute;
    display:block;
    top:12px;
    right:15px;
}

.body-discover-title-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size:24px;
    color:#4C586E;
}
.body-discover-sub-title{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:300;
    padding: 8px 0 0;
}
.body-discover-tips{
    position:relative;
    background:#e6f9ed;
    padding:0 55px 0 0;
    color:#00c4b5;
    font-size:18px;
    margin:0 0 20px 0;
}
.body-discover-tips-in{
    padding:10px 0 10px 10px;
}
.body-discover-tips a{
    position:absolute;
    display:block;
    padding:10px 0;
    width:55px;
    text-align:center;
    top:0;
    right:0;
}
.body-discover-tips a span{
    color:#00c4b5;
    font-size:16px;
}

/*----------upcoming webinars style----------------------------------------------------------*/
.body-upcoming-box-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color:#3c3c3c;
    font-size:18px;
    padding:0 0 5px 0;
    border-bottom:#e3e7e8 1px solid;
}
.body-upcoming-nav{
    display:block;
    margin:0;
    padding:10px 0 20px 0;
    list-style:none;
}
.body-upcoming-nav li{
    display:block;
    float:left;
    margin:0 20px 0 0;
    color:#3c3c3c;
    font-size:16px;
}
.body-upcoming-nav li a{
    display:block;
    padding:0 0 3px 0;
    color:#3c3c3c;
}
.body-upcoming-nav li a.onactive{
    border-bottom:#4fbb6e 4px solid;
}
.body-upcoming-full-box{
    position: relative;
    padding:6px;
    background:#fff;
    margin:0 0 15px 0;
}
.body-upcoming-full-img{
    position: relative;
    float:left;
    width:218px;
    height: 218px;
    overflow: hidden;
    z-index: 1;
}
.body-upcoming-full-img a{
    display: table-cell;
    height: 218px;
    width: 218px;
    vertical-align: middle;
}
.body-upcoming-full-right{
    float:right;
    margin:0 0 0 -233px;
    width:100%;
}
.body-upcoming-full-right-in{
    margin:0 0 0 233px;
    padding:0 5px 0 0;
}
.body-upcoming-full-category{
    text-transform:uppercase;
    color:#b8b9b9;
    font-size:14px;
    padding:0 0 10px 5px;
}
.body-upcoming-full-title{
    font-size:22px;
    color:#272727;
    font-weight:bold;
    border-bottom:#F4F6F8 1px solid;
    padding:0 5px 5px 5px;
}

.body-upcoming-full-title a{
    color: #272727;
}
.body-upcoming-full-text{
    font-size:16px;
    color:#333;
    padding:5px 0 5px 5px;
    border-bottom:#F4F6F8 1px solid;
}
.body-upcoming-full-text a{
    color:#35a35c;
}
.body-upcoming-date{
    position: absolute;
    padding:8px 0 0 0;
    font-size:13px;
    left: 244px;
    bottom: 10px;
}
.body-upcoming-date span{
    color:#35a35c;
}
.body-upcoming-narrow-box{
    display:block;
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}
.body-upcoming-narrow-box li:nth-child(odd){
    position:relative;
    display:block;
    float:left;
    width:48%;
    margin:0 0 15px 0;
    background:#fff;
}
.body-upcoming-narrow-box li:nth-child(even){
    position:relative;
    float:right;
    width:48%;
    margin:0 0 15px 0;
    background:#fff;
}
.body-upcoming-narrow-in{
    padding:5px;
}
.body-upcoming-narrow-img{
    position: relative;
    float:left;
    width:182px;
    height: 182px;
    overflow: hidden;
    z-index: 1;
}
.body-upcoming-narrow-img a{
    display: table-cell;
    height: 182px;
    width: 182px;
    vertical-align: middle;
}
.body-upcoming-narrow-right{
    float:right;
    width:100%;
    margin:0 0 0 -190px;
}
.body-upcoming-narrow-right-in{
    padding:0 10px 27px 0;
    margin:0 0 0 190px;
}
.body-upcoming-narrow-title{
    font-size:16px;
    font-weight:bold;
}
.body-upcoming-narrow-date{
    position:absolute;
    font-size:13px;
    color:#35a35c;
    left:195px;
    bottom:10px;
}
.body-upcoming-numb{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    text-align:center;
}
.body-upcoming-numb li{
    display:inline-block;
    padding:8px 15px;
    color:#35a35c;
    background:#fff;
    border:#e3e7e8 1px solid;
    border-radius:2px;
    margin:0 15px 0 0;
    font-weight:bold;
    cursor:pointer;
}
.body-upcoming-numb li.onactive{
    background:#00c4b5;
    color:#fff;
    border-color:#35a35c
}

/*********** my_webinar paginate *****************/
.my_webinar em.current, .my_webinar span {
    display: inline-block;
    padding: 8px 15px;
    border: #e3e7e8 1px solid;
    border-radius: 2px;
    margin: 0 15px 0 0;
    font-weight: bold;
    cursor: pointer;
    background: #00c4b5;
    color: #fff;
    border-color: #00c4b5;
}

.my_webinar a {
    display: inline-block;
    padding: 8px 15px;
    color: #00c4b5;
    background: #fff;
    border: #e3e7e8 1px solid;
    border-radius: 2px;
    margin: 0 15px 0 0;
    font-weight: bold;
    cursor: pointer;
}

/*------- nudge style -------------------*/
.nudge-title{
    font-size:30px;
    color:#fff;
    padding:60px 0 5px 0;
}
.nudge-sub-title{
    font-size:20px;
    color:#fff;
    font-weight:300;
}
.nudge-userphoto-box{
    padding:20px 0 0 0;
}
.nudge-userphoto{
    float:left;
    width:82px;
    height:82px;
    border-radius:41px;
    overflow:hidden;
}
.nudge-userphoto-button{
    float:left;
    margin:0 0 0 20px;
    padding:20px 0 0 0;
}

.nudge-userphoto-button a{
    position:relative;
    display:inline-block;
    background:#4fa6f8;
    padding:10px 57px 10px 20px;
    color:#fff;
    font-size:18px;
    border-radius:5px;
    box-shadow:0 2px 0 #418ad9;
}
.nudge-userphoto-button a span{
    display:block;
    position:absolute;
    font-size:22px;
    width:22px;
    height:22px;
    right:20px;
    top:10px;
}
.nudge-progress-box{
    position:absolute;
    width:182px;
    bottom:10px;
    right:20px;
}
.nudge-progress{
    position:relative;
    background:#388fe2;
    border:#3787d3 1px solid;
    border-radius:5px;
    height:17px;
}
.nudge-progress-numb{
    font-size:26px;
    color:#fff;
    text-align:right;
    padding:0 0 3px 0;
}
.nudge-progress-in{
    position:absolute;
    background:#4fa6f8;
    height:17px;
    border-radius:4px;
    box-shadow:inset 0 2px 0 #66b3f9;
}
.nudge-close{
    position:absolute;
    top:10px;
    right:10px;
}
.nudge-close a{
    display:block;
}
.nudge-close a span{
    display:block;
    color:#fff;
    font-size:12px;
}
.nudge-try-button{
    padding:20px 0 0 0;
}
.nudge-try-button a, .nudge-host-button a{
    position:relative;
    display:inline-block;
    background:#1d8d76;
    color:#fff;
    font-size:18px;
    box-shadow:0 2px 0 #176754;
    border-radius:5px;
    padding:10px 72px 10px 30px;
}
.nudge-try-button a span, .nudge-host-button a span{
    position:absolute;
    display:block;
    font-size:23px;
    right:30px;
    top:10px;
}
.nudge-host-button a{
    background:#36aa5d;
    box-shadow:0 2px 0 #277d3e;
}
.progress-darkgreen{
    background:#176754;
    border-color:#176151;
}
.progress-in-darkgreen{
    background:#1d8d76;
    box-shadow:inset 0 2px 0 #3a9d89;
}
.progress-lightgreen{
    background:#1c8a41;
    border-color:#1d803d;
}
.progress-in-lightgreen{
    background:#36aa5d;
    box-shadow:inset 0 2px 0 #50b572;
}

.nudge-userphoto-button a:active, .nudge-try-button a:active, .nudge-host-button a:active{
    box-shadow:none;
}



/*------20140617-----------*/
.content-wide{
    width:94%;
    max-width:1084px;
    margin:0 auto;
    background:#fff;
    border:#e6e8e9 1px solid;
    border-radius:2px;
    padding:30px 0;
}
.contents-3{
    width:97%;
    max-width:1024px;
    margin:0 auto;
}


.nudge-chrome{
    background:#60a9d8;
    padding:10px 0;
}
.nudge-chrome-in{
    position:relative;
    color:#fff;
    margin: 0 0 0 35px;
}
.nudge-chrome-in > a{
    color: #fff;
    text-decoration: underline;
}
.nudge-chrome-close{
    position:absolute;
    right:25px;
    top:0;
}
.nudge-chrome-close a span{
    font-size:12px;
    color:#fff;
}
.home-promotion-box{
    padding: 10px 0;
    margin: 0 0 0 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}


.chr-light{
    position: absolute;
    right: 20px;
    top: 0;
    width: 90px;
}

.payment-alert{
    top: 50px;
    left: 0;
    right: 0;
    background-color: #409be4;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    /*padding: 8px 0;*/
    z-index: 20;
    text-align: center;
}

.announcement-alert{
    top: 50px;
    left: 0;
    right: 0;
    background-image: radial-gradient(circle at 15% 200%, rgba(60, 51, 230, .92), rgba(255, 255, 255, 0) 46%), radial-gradient(circle at 80% -60%, rgba(9, 174, 224, .66), rgba(255, 255, 255, 0) 39%), linear-gradient(106deg, #182b5a, #261075);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 8px 0;
    z-index: 20;
    text-align: center;
}
.announcement-alert span{
    font-family: 'Matter', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.1px;
}
.announcement-alert a {
    color: #fff;
    /*font-weight: bold;*/
    font-size: 15px;
}
.announcement-alert a:hover{
    color: #fff !important;
}
.announcement-alert img{
    width: 18px;
    height: 14px;
    display: inline-block;
}
.payment-alert-warning{
    background-image: linear-gradient(-90deg, #FD5D5C   0%, #FC705A   100%);
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}

.payment-coupon-notification{
    background-color: #7db657;
}

.payment-offer-notification{
    background-color: #0f89f5;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.payment-alert > span{
    display: inline-block;
    width: 23px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.payment-alert a{
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}


.ne-text-tips{
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #2b374d;
    max-width: 510px;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 0 0 30px 0;
}
.ne-text-tips a{
    color: #2b374d;
    text-decoration: underline;
}
.ne-form-box{
    max-width: 710px;
    margin: 0 auto;
    background: #fff;
}
.ne-form-box-title{
    font-size: 24px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #2b374d;
    text-align: center;
    padding: 0 0 5px 0;
}
.ne-form-box-subtitle{
    font-size: 16px;
    font-weight: 300;
    color: #2b374d;
    text-align: center;
    padding: 0 0 30px 0;
}
.ne-creation-step-title{
    font-size: 16px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #717e94;
    padding: 0 0 15px 0;
}
.ne-creation-step-description-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #717e94;
    padding: 8px 0 0 10px;
}
.ne-creation-step-description-text a{
    color: #00c4b5;
}
.ne-creation-input-box-timezone{
    position: relative;
}
.ne-creation-input-box-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;
    font-weight: 300;
    color: #2b374d;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    border: #ccd0d3 1px solid;
}
.ne-creation-input-box-timezone select option[disabled]{
    color: #717e94;
}
.ne-creation-input-box-timezone:after{
    font-family: 'bigmarker';
    content: "\e60f";
    display: block;
    position: absolute;
    right: 3px;
    top: 0px;
    font-size: 20px;
    color: #b4b7ba;
    height: 40px;
    line-height: 40px;
    width: 20px;
}

.ne-creation-ticket{
}
.ne-creation-ticket a{
    display: block;
    background: #fff;
    float: left;
    width: 153px;
    box-sizing: border-box;
    border: #d7d9d9 1px solid;
    color: #717e94;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}
.ne-creation-ticket a:nth-child(1){
    border-radius: 26px 0 0 26px;
}
.ne-creation-ticket a:nth-child(2){
    border-radius: 0 26px 26px 0;
    border-left: none;
}
.ne-creation-ticket a.onactive{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    color: #fff;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .1);
}
.ne-creation-step-list-out{
    position: relative;
    margin: 0 0 20px 0;
}
.ne-welcome-title{
    color: #2b374d;
    text-align: center;
    padding: 10px 0 20px 0;
    font-weight: 500;
    font-size:16px;
}

.ne-welcome-title-big{
    color: #00c4b5;
    text-align: center;
    padding: 10px 0 00px 0;
    font-weight: 300;
    font-size:20px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.ne-creation-btn{
    padding: 10px 0 0 0;
}
.ne-creation-btn input{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    display: block;
    width: 240px;
    height: 40px;
    margin: 0 auto;
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
    box-shadow: none;
}
.ne-creation-btn input:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}


/*.host .header-right-width{
    border-bottom: #eaedf0 1px solid;
}
.host .body-left{
    background: #2c3344;
    border-right: #2c3344 1px solid;
}
.host .header-left{
    background: #2c3344;
    margin-left: -5px;
    padding-left: 5px;
    width: 268px;
    border-right: #2c3344 1px solid;
}
.host .logo a svg{
    fill: #fff;
}
.host .header-hamburger{
    color: #fff;
    left: 5px;
}*/
/*.host .body-box-top-btn a{
    color: #a2abbb;
    font-size: 13px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.host .body-box-top-btn a:hover, .host .body-box-top-btn a.onactive{
    background: #09090a;
    color: #fff;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.host .body-left-menus > li .body-left-menus-list, .host .body-left-menus-communities{
    border-bottom: none;
}
.host .body-left-menus > li .body-left-menus-list > a{
    color: #a2abbb;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}
.host .body-left-menus-communities li a{
    color: #a2abbb;
}
.host .body-left-menus-communities li a:hover, .host .body-left-menus-communities li a.onactive{
    background: #09090a;
    color: #fff;
}
.host .body-left-menus-categories li a{
    color: #a2abbb;
}
.host .body-left-menus-categories li a.onactive{
    color: #fff;
}
.host .main-body {
    background: #fff;
}*/
.body-host-fullscreen{
    /*padding: 30px 36px;*/
    padding: 30px 0;
    width: 94%;
    margin: 0 auto;
}
.body-host-title{
    position: relative;
    font-size: 28px;
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.body-host-title > span{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.body-host-title > span a{
    display: block;
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.2px;
    font-weight: 600;
    border-radius: 3px;
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    text-align: center;
}
.body-host-title > span a:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.body-host-top-btn-right{
    position: absolute;
    right: 0;
    top: 0;
}
.body-host-top-btn{
    position: relative;
    width: 240px;
}
.body-host-top-btn > a{
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: 'ModernSans';
    font-size: 0;
    color: #fff;
    letter-spacing: -0.2px;
    font-weight: bold;
    border-radius: 3px;
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    text-align: center;
}
.body-host-top-btn > a:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.body-host-top-btn > a span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.body-host-top-btn > a i{
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    margin: 0 0 0 8px;
}
.body-host-top-btn > a i svg{
    display: block;
    width: 8px;
    height: 8px;
    fill: #fff;
}
.body-host-left{
    float: left;
    width: 100%;
    margin: 0 -310px 0 0;
}
.body-host-left-in{
    margin: 0 310px 0 0;
}
.body-host-right{
    position: relative;
    float: right;
    width: 240px;
    z-index: 1;
}
.body-host-section{
    padding: 40px 0 36px 0;
    /*border-bottom: #eaedf0 1px solid;*/
}
.body-host-section-1{
    padding: 40px 0 0 0;
    /*border-bottom: #eaedf0 1px solid;*/
}
.body-host-section-2{
    padding: 32px 0 25px 0;
    border-bottom: #eaedf0 1px solid;
}
.body-host-section-3{
    padding: 25px 0;
    border-bottom: #eaedf0 1px solid;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}
.body-host-section-4{
    padding: 18px 0;
    border-bottom: #eaedf0 1px solid;
}
.body-host-section-title{
    position: relative;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #838fa5;
    letter-spacing: -0.2px;
    padding: 0 0 20px 0;
    width: 91%;
}
.body-host-section-tittle-with-border{
    width: 100%;
}
.title-tip{
    font-size: 14px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    letter-spacing: -0.2px;
    padding-top: 3px;
    font-weight: normal;
}
.body-host-section-title-link{
    /*position: absolute;
    right: 0;
    top: 0;*/
}
.body-host-section-title-link a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color: #0a9af6;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
}
.body-host-start-list{
    display: block;
    list-style: none;
}
.body-host-start-list li{
    display: inline-block;
    width: 190px;
    vertical-align: top;
    margin: 0 15px 36px 0;
}
.body-host-start-list-in{
    border-radius: 2px;
    min-height: 170px;
    padding: 20px 15px;
}
.body-host-start-bg-1{
    background: #2196f3;
}
.body-host-start-bg-2{
    background: #303f9f;
}
.body-host-start-bg-3{
    background: #00bcd4;
}
.body-host-start-icon-1, .body-host-start-icon-2, .body-host-start-icon-3{
    text-align: center;
    font-size: 26px;
    color: #1976d2;
}
.body-host-start-icon-2{
    color: #1a237e
}
.body-host-start-icon-3{
    color: #0097a7;
}
.body-host-start-name{
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.body-host-start-state{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}
.body-host-start-btn{
    padding: 20px 0 0 0;
}
.body-host-start-btn a{
    display: block;
    width: 146px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 2px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.body-host-start-btn-bg-1{
    background: #64b5f6;
}
.body-host-start-btn-bg-2{
    background: #3f51b5;
}
.body-host-start-btn-bg-3{
    background: #4dd0e1;
}
.body-host-scheduled-box{
    display: block;
    list-style: none;
}
.body-host-scheduled-box li{
    display: block;
    padding: 0 0 30px 0;
}
.body-host-scheduled-box li:last-child{
    padding: 0;
}
.body-host-no-scheduled-box-in{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color: #2b374d;
    font-size: 17px;
}
.body-host-no-scheduled-box-in a{
    color: #0a9af6;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 0 0 0;
}
.body-host-scheduled-box-in{
    position: relative;
    padding: 0 110px 0 0;
}
.body-host-scheduled-box-img{
    position: relative;
    float: left;
    width: 112px;
    z-index: 1;
    overflow: hidden;
    height: 112px;
}
.body-host-scheduled-box-img img{
    /* position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-transform: translateX(-50%); */
}
.body-host-scheduled-box-past{
    position: relative;
    float: left;
    width: 112px;
    z-index: 1
}
.body-host-scheduled-box-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -135px;
}
.body-host-scheduled-box-right-in{
    margin: 0 0 0 135px;
}
.body-host-scheduled-box-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.body-host-scheduled-box-img a{
    display: flex;
    border-radius: 2px;
    width: 112px;
    height: 80px;
    background: #f4f6f8;
    color: #2b374d;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
}
.body-host-scheduled-box-past a{
    /*display: table;*/
    width: 112px;
    height: 80px;
    padding: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.body-host-scheduled-box-24{
    position: relative;
    float: left;
    width: 112px;
    z-index: 1
}
.body-host-scheduled-box-24 a{
    /*display: table;*/
    width: 112px;
    height: 80px;
    padding: 10px;
    color: #2b374d;
    background: #f4f6f8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.body-host-scheduled-box-cell{
    /*display: table-cell;*/
    text-align: center;
    vertical-align: middle;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.body-host-scheduled-box-24hour{
    display: table-cell;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    padding: 0 0 4px 0;
    vertical-align: middle;
}
.body-host-scheduled-box-channel-name{
    padding: 0 0 5px 0;
}
.body-host-scheduled-box-channel-name a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #a2abbb;
}
.body-host-scheduled-box-channel-name{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #a2abbb;
    padding: 0 0 10px 0;
}
.body-host-scheduled-box-channel-name span{
    font-weight: normal;
    font-size: 13px;
}
.body-host-scheduled-box-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.2px;
}
.body-host-scheduled-box-title a{
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.body-host-scheduled-box-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a2abbb;
    padding: 10px 0 0 0;
}
.body-host-scheduled-box-text > span > a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #00c4b5;
}
.body-host-scheduled-box-text > span{
    display: inline-block;
    vertical-align: top;
}
.body-host-scheduled-box-text > i{
    display: inline-block;
    font-style: normal;
    padding: 0 5px;
}

.body-left-footer-box{
    padding: 110px 30px 20px;
}
.body-left-footer-in{
    border-top: #eaedf0 1px solid;
    padding: 24px 15px 0 0;
}
.body-left-footer-copy{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2b374d;
    line-height: 1.5em;
    padding: 0 0 8px 0;
}
.body-left-footer-link{
    display: block;
    list-style: none;
    font-size: 0;
    padding: 0 0 8px 0;
}
.body-left-footer-link li{
    display: inline-block;
    padding: 0 8px 0 0;
}
.body-left-footer-link li a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a2abbb;
    line-height: 1.5em;
}
.body-host-section-mic-icon{
    /*padding: 60px 0 0 0;
    width: 94px;
    margin: 0 auto;*/
    padding: 96px 0 0 0;
    width: 40px;
    margin: 0 auto;
}
.body-host-section-mic-title{
    /*padding: 32px 0 0 0;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 21px;
    color: #2b374d;
    letter-spacing: -0.5px;*/
    padding: 24px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 600;
    text-align: center;
}
.body-host-section-mic-text{
    /*text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #a2abbb;
    letter-spacing: -0.2px;
    padding: 5px 0 0 0;*/
    padding: 12px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.3em;
    text-align: center;
    max-width: 560px;
    margin: 0 auto;
}
.body-host-section-mic-text-2{
    padding: 12px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.3em;
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
}
.body-host-section-mic-btn{
    padding: 24px 0 0 0;
    /*max-width: 280px;
    margin: 0 auto;*/
    text-align: center;
}
.body-host-section-mic-btn a{
    /*display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #00c4b5;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;*/
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: solid 1px #655fe1;
    background: #fff;
    border-radius: 3px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4842b8;
    letter-spacing: -0.2px;
    font-weight: normal;
}
.body-host-section-mic-btn a span{
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    margin: 0 5px 0 0;
}
.body-host-section-mic-btn a span svg{
    display: block;
    width: 8px;
    height: 8px;
    fill: #645ed0;
}
.body-host-section-recording-icon{
    padding: 60px 0 0 0;
    width: 184px;
    margin: 0 auto;
}
.body-host-section-recording-btn{
    padding: 24px 0 0 0;
    text-align: center;
}
.body-host-section-recording-btn span{
    display: inline-block;
    margin: 0 8px;
    width: 212px;
}
.body-host-section-recording-btn span a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
}
.body-host-grid-time{
    display: none;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #a2abbb;
    padding: 0 0 8px 0;
}
.body-host-grid-bottom{
    display: inline-block;
    /*padding: 10px 0 0 0;*/
    vertical-align: top;
}
.body-host-grid-bottom span{
    display: inline-block;
    padding: 0 20px 0 0;
    vertical-align: top;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a2abbb;
}
.body-host-grid-bottom span a{
    color: #1089f5;
}
.body-host-grid-more-btn{
    height: 32px;
    background: #f4f6f8;
    text-align: center;
}
.body-host-grid-more-btn a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #a2abbb;
    line-height: 32px;
}
.body-host-grid-play-box{
    display: none;
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(26, 27, 31, 0.59);
    box-shadow: 1px 1px 1px 0 rgba(54, 59, 68, 0.2);
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
}
.body-host-grid-play-box span{
    display: block;
    width: 28px;
    margin: 18px 0 0 21px;
}
.body-host-grid-play-box span svg{
    display: block;
    width: 28px;
    height: 28px;
    fill: #fff;
}
.webinar-grid .body-host-scheduled-box{
    margin: 0 -24px;
}
.webinar-grid .body-host-scheduled-box li{
    display: inline-block;
    width: 256px;
    margin: 0 24px 42px;
    padding: 0;
    vertical-align: top;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-in{
    padding: 0;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-img{
    float: none;
    width: auto;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-img a{
    position: relative;
    width: 256px;
    height: 256px;
    border-radius: 0;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-right{
    float: none;
    margin: 0;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-right-in{
    margin: 0;
    padding: 19px 0 0 0;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-btn{
    display: none;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-past{
    float: none;
    width: auto;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-past a{
    width: 256px;
    height: 256px;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-past-month{
    font-size: 28px;
}
.webinar-grid .body-host-scheduled-box .boyd-host-scheduled-box-past-day{
    font-size: 62px;
}
.webinar-grid .body-host-scheduled-box .body-host-grid-time{
    display: block;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-channel-name{
    display: none;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-text > span{
    display: none;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-text > i{
    display: none;
}
.webinar-grid .body-host-scheduled-box .body-host-grid-bottom{
    display: block;
}
.webinar-grid .body-host-scheduled-box .body-host-scheduled-box-title a{
    display: block;
    height: 81px;
    overflow: hidden;
}
.webinar-grid .body-host-scheduled-box .body-host-grid-play-box{
    display: block;
}
.webinar-grid .body-host-grid-more-btn{
    display: block;
}

.body-host-my-channels-box{
    display: block;
    list-style: none;
    margin: 0 -10px;
}
.body-host-my-channels-box li{
    position: relative;
    display: inline-block;
    border: none;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    margin: 0 10px 20px;
    text-align: left;
    padding: 16px;
}
.body-host-my-channels-box li:hover{
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
}
.body-host-my-channels-box-arr{
    position: absolute;
    right: 10px;
    top: 10px;
}
.body-host-my-channels-box-arr-icon{
    cursor: pointer;
}
.body-host-my-channels-box-arr-icon svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #8692a2;
}
.body-host-my-channels-box-arr-box{
    position: absolute;
    width: 84px;
    border: #dfe1e4 1px solid;
    border-radius: 2px;
    background: #fff;
    padding: 8px 8px 0;
    z-index: 10;
    right: -37px;
    top: 17px;
}
.body-host-my-channels-box-arr-box .top-prong {
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    height: 6px;
    width: 12px;
    overflow: hidden;
    z-index: 11;
}
.body-host-my-channels-box-arr-box .top-prong .prong-dk {
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid;
    border-color: #dfe1e4 transparent;
    border-top-width: 0;
}
.body-host-my-channels-box-arr-box .top-prong .prong-lt {
    position: absolute;
    border: 5px solid;
    border-color: #fff transparent;
    left: 1px;
    top: 1px;
    border-top-width: 0;
}
.body-host-my-channels-box-arr-box-text a{
    display: block;
    margin: 0 0 8px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #2b374d;
}

.body-host-my-channels-list{
    display: table;
    width: 280px;
    height: 160px;
}
.body-host-my-channels-cell{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.body-host-my-channels-logo{
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border-radius: 50%;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    overflow: hidden;
}
.body-host-my-channels-name{
    padding: 15px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #2b374d;
    letter-spacing: -0.1px;
}
.body-host-my-channels-name a{
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
}
.body-host-my-channel-details, .body-host-my-channel-details-2{
    padding: 5px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
}
.body-host-my-channel-details-2 a{
    color: #717e94;
}
.body-host-my-channel-details a{
    color: #0a9af6;
    font-weight: 500;
}
.body-host-meetingspace-logo{
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.body-host-my-channel-details span{
    display: inline-block;
    padding: 0 10px;
}
.body-host-my-channel-details span a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
}
.body-host-my-channel-details span:nth-child(1) a{
    color: #1089F5;
}
.wst-title{
    float: left;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
}
.wst-right{
    float: right;
}
.wst-switch-bg{
    position: relative;
    background: #eaedf0;
    width: 34px;
    height: 16px;
    border-radius: 8px;
}
.wst-switch-bt{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #a2abbb;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
    top: -2px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
}
.wst-switch-bt span{
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    text-align: center;
}
.wst-switch-bt span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #fff;
    margin: 0 auto;
}
.wst-switch-bt span.wst-switch-bt-v{
    display: none;
}
.wst-switch-bg.onactive{
    background: #ccd0d3;
}
.wst-switch-bg.onactive .wst-switch-bt{
    left: 14px;
    background: #1089f5;
}
.wst-switch-bg.onactive .wst-switch-bt span.wst-switch-bt-x{
    display: none;
}
.wst-switch-bg.onactive .wst-switch-bt span.wst-switch-bt-v{
    display: table-cell;
}
.body-host-help-box{
    display: block;
    list-style: none;
}
.body-host-help-box li{
    display: block;
    padding: 0 0 10px 0;
}
.body-host-help-box li a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
}

.liveon-btn{
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
}
.liveon-btn-text{
    display: inline-block;
    text-align: center;
    width: auto;
    padding: 0 16px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(to left, #0390f5, #1db3fa);
}
.liveon-btn-text a{
    text-align: center;
}
.liveon-btn-text:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.liveon-btn-arr{
    position: absolute;
    width: 19px;
    height: 28px;
    border-radius: 0 2px 2px 0;
    background: #2ecb99;
    right: 0;
    top: 0;
}
.liveon-btn-arr span{
    display: block;
    width: 10px;
    height: 28px;
    margin: 0 auto;
}
.liveon-btn-arr span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #fff;
    margin: 9px 0 0 0;
}
.liveon-btn-list{
    position: absolute;
    display: block;
    list-style: none;
    width: 100px;
    padding: 10px;
    background: #fff;
    border: #dfe1e4 1px solid;
    border-top: none;
    border-radius: 0 0 2px 2px;
    left: -1px;
    top: 14px;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.liveon-btn-list li{
    display: block;
    padding: 0 0 8px 0;
}
.liveon-btn-list li a{
    display: block;
    font-size: 12px;
    color: #2b374d;
}
.liveon-btn-list li a:hover{
    color: #00c4b5;
}
.liveon-btn-list li:last-child{
    padding: 0;
}
.actions-btn{
    position: relative;
    background: #fff;
    border: #dfe1e4 1px solid;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 19px 0 0;
    width: 100px;
}
.actions-btn-text{
    font-size: 14px;
    color: #717e94;
    text-align: left;
    width: 81px;
    height: 28px;
    line-height: 28px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    padding-left: 8px;
}
.actions-btn-arr{
    position: absolute;
    width: 19px;
    height: 28px;
    border-radius: 0 2px 2px 0;
    background: #fff;
    right: 0;
    top: 0;
}
.actions-btn-arr span{
    display: block;
    width: 10px;
    height: 28px;
    margin: 0 auto;
}
.actions-btn-arr span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #959ca2;
    margin: 9px 0 0 0;
}
.liveon-btn.onactive .liveon-btn-list, .actions-btn.onactive .liveon-btn-list{
    top: 28px;
    opacity: 1;
    visibility: visible;
}
.liveon-btn.onactive .liveon-btn-arr span svg, .actions-btn.onactive .actions-btn-arr span svg{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.setitup-btn{
    display: block;
    background: #00c4b5;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}
.body-host-scheduled-box-link-text{
    font-size: 14px;
    color: #a6acb1;
}
.body-host-scheduled-box-link-text a{
    display: inline-block;
    margin: 0 0 0 10px;
    color: #00c4b5;
}
.body-host-send-invite-btn{
    float: right;
    width: 84px;
}
.body-host-send-invite-btn a{
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #00c4b5;
}

.body-host-scheduled-box-past-month{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    /*padding: 0 0 5px 0;*/
}
.boyd-host-scheduled-box-past-day{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: #fff;
}
.body-host-channel-box{
    display: block;
    list-style: none;
}
.body-host-channel-box li{
    display: block;
    padding: 0 0 20px 0;
}
.body-host-channel-box li:last-child{
    padding: 0;
}
.body-host-channel-img{
    position: relative;
    float: left;
    width: 24px;
    z-index: 1;
}
.body-host-channel-img a{
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
}
.body-host-channel-right{
    float: right;
    width: 100%;
    margin: 0 -33px 0 0;
}
.body-host-channel-right-in{
    margin: 0 33px 0 0;
}
.body-host-channel-name{
    padding: 0 0 5px 0;
}
.body-host-channel-name a{
    font-size: 14px;
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.3em;
}
.body-host-channel-name a span{
    font-weight: 500;
}
.body-host-channel-plan a{
    font-size: 15px;
    color: #2196f3;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.system-check-title a{
    display: block;
    float: left;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #2b374d;
}
.system-check-title a span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}
.system-check-title a span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #959ca2;
}
.system-check-result{
    float: right;
    width: 60px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}
.bh-loading {
    float: right;
}
.bh-pass{
    display: block;
    height: 19px;
    background: #00c4b5;
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    width: 36px;
    float: right;
}
.bh-warning {
    display: block;
    height: 19px;
    background: #fab617;
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    width: 60px;
    float: right;
}
.bh-fail{
    display: block;
    height: 19px;
    background: #ff375b;
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    width: 36px;
    float: right;
}
.system-check-text{
    padding: 15px 0 20px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #2b374d;
    line-height: 1.3em;
}
.system-check-list{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.system-check-list li{
    display: block;
    padding: 0 0 15px 0;
}
.system-check-list li:last-child{
    padding: 0;
}
.system-check-list li > a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    color: #2196f3;
    font-size: 14px;
    font-weight: 500;
}
.system-check-list-in{
    position: relative;
    padding: 0 0 0 26px;
}
.system-check-list-icon{
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 3px;
}
.system-check-list-icon svg{
    display: block;
    width: 14px;
    height: 14px;
}
.system-check-list-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #2b374d;
}
.system-check-list-title a{
    color: #2b374d;
}
.system-check-list-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #717e94;
}
.system-check-list-btn{
    padding: 5px 0 0 0;
}
.system-check-list-btn a{
    display: block;
    width: 88px;
    height: 28px;
    line-height: 28px;
    border: #dfe1e4 1px solid;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    color: #717e94;
    text-align: center;
}
.system-check-list-out{
    display: none;
}
.body-host-section-3.onactive .system-check-list-out{
    display: block;
}
.body-host-section-3.onactive .system-check-title a span{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.body-host-24-text{
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #717e94;
    padding: 3px 0 0 0;
}
.body-host-24-text span{
    display: inline-block;
    margin: 0 5px;
    width: 14px;
    vertical-align: middle;
}
.body-host-24-text span svg{
    display: block;
    width: 14px;
    height: 14px;
    fill: #ccd0d3;
}
.body-host-24-btn{
    float: right;
    width: 84px;
}
.body-host-24-btn a{
    display: block;
    height: 28px;
    line-height: 28px;
    background: #eaedf0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #75797c;
    border-radius: 2px;
}
.body-host-blank-img{
    max-width: 130px;
    margin: 0 auto;
    padding: 90px 0 40px 0;
}
.body-host-blank-title{
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #2b374d;
    padding: 0 0 15px 0;
}
.body-host-blank-text{
    max-width: 640px;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 500;
    color: #717e94;
    text-align: center;
    padding: 0 0 50px 0;
}
.body-host-blank-btn a{
    display: block;
    max-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-size: 17px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}

.host-mask-box-out{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}
.host-mask-box{
    position: absolute;
    box-shadow: 0 0 0 900000px rgba(43, 55, 77, .9);
    z-index: 98;
}
.host-mask-box-tips{
    position: absolute;
    z-index: 99;
    font-family: 'Patrick Hand', cursive;
    font-size: 27px;
    font-weight: 500;
}
.host-mask-box-text, .host-mask-box-text-2, .host-mask-box-text-3, .host-mask-box-text-4{
    color: #fff;
}
.host-mask-box-text-3 span{
    display: block;
}
.host-mask-box-btn a{
    color: #14e6a3;
}
.host-mask-box-close{
    position: absolute;
    width: 16px;
    top: 24px;
    right: 24px;
    z-index: 100;
}
.host-mask-box-close a{
    display: block;
}
.host-mask-box-close a svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
}
.host-mask-box-step{
    position: absolute;
    top: 24px;
    right: 50px;
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    z-index: 100;
}
.host-mask-box-start-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 98;
    background: rgba(43, 55, 77, .9);
}
.host-mask-box-start{
    max-width: 476px;
    margin: 100px auto 0;
}
.host-mask-box-start-body{
    background: #fff;
    border-radius: 0 0 4px 4px;
    padding: 45px 25px;
}
.host-mask-box-start-body-title{
    text-align: center;
    font-size: 27px;
    font-weight: 900;
    color: #2b374d;
    padding: 0 0 40px 0;
}
.host-mask-box-start-btn{
    max-width: 280px;
    margin: 0 auto;
}
.host-mask-box-start-btn a{
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    border-radius: 2px;
    background: #00c4b5;
}

.host-first-step .host-mask-box-text-2,
.host-first-step .host-mask-box-text-3,
.host-first-step .host-mask-box-text-4,
.host-second-step .host-mask-box-text,
.host-second-step .host-mask-box-text-3,
.host-second-step .host-mask-box-text-4,
.host-third-step .host-mask-box-text,
.host-third-step .host-mask-box-text-2,
.host-third-step .host-mask-box-text-4,
.host-fourth-step .host-mask-box-text,
.host-fourth-step .host-mask-box-text-2,
.host-fourth-step .host-mask-box-text-3{
    display: none;
}
.host-first-step{
    left: 280px;
    top: 423px;
    width: 462px;
    height: 256px;
    border-radius: 5px;
}
.host-first-step .host-mask-box-tips{
    left: 487px;
    top: 25px;
    width: 290px;
}
.host-second-step{
    right: 36px;
    top: 100px;
    width: 266px;
    height: 126px;
    border-radius: 4px;
}
.host-second-step .host-mask-box-tips{
    top: 150px;
    left: 0;
    width: 266px;
}
.host-third-step{
    width: 198px;
    height: 178px;
    top: 186px;
    left: 512px;
    border-radius: 3px;
}
.host-third-step .host-mask-box-tips{
    top: 20px;
    left: 220px;
    width: 370px;
}
.host-fourth-step{
    width: 122px;
    height: 45px;
    top: 3px;
    right: 166px;
    border-radius: 3px;
}
.host-fourth-step .host-mask-box-tips{
    top: 60px;
    left: -30px;
    width: 300px;
}

/* new sign up style */
.ns-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100vh;
    background: #fff;
}

.ns-main-left{
    position: relative;
    width: 52%;
    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-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ns-main-right{
    position: relative;
    display: block;
    width: 48%;
    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-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ns-main-contents{
    display: block;
    width: 90%;
    max-width: 490px;
    margin: 0 auto;
    padding: 30px 0;
}
.ns-main-contents-r{
    position: relative;
    display: block;
    width: 90%;
    min-height: 100%;
    max-width: 404px;
    margin: 0 auto;
    padding: 121px 0 100px 0;
}
.ns-main-logo{
    width: 117px;
}
.ns-main-logo a{
    display: block;
}
.ns-main-logo a svg{
    display: block;
    width: 117px;
    height: 26px;
    fill: #fff;
}
.ns-main-body{
    padding: 65px 0 0 0;
}
.ns-main-body-header{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    padding: 0 0 25px 0;
}
.ns-main-body-line{
    width: 32px;
    height: 2px;
    background: #9fa5aa;
}
.ns-main-body-text{
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
}
.ns-main-body-logos-box{
    display: block;
    list-style: none;
    font-size: 0;
}
.ns-main-body-logos-box li{
    display: inline-block;
    margin: 0 30px 20px 0;
}
.ns-main-signup-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #2b374d;
    padding: 0 0 10px 0;
}
.ns-main-signup-subtitle{
    font-size: 16px;
    color: #717e94;
}
.ns-main-signup-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}
.ns-main-signup-account{
    font-size: 16px;
    color: #717e94;
    padding: 0 0 5px 0;
}
.ns-main-signup-account a{
    color: #00c4b5;
}
.ns-main-signup-agree{
    font-size: 14px;
    color: #717e94;
}
.ns-main-signup-agree a{
    text-decoration: underline;
    color: #717e94;
}

.splash-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}
.splash-body{
    position: relative;
    width: 100%;
    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: #f4f6f8;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
}
.splash-contents{
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 90px 0;
    align-items: center;
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.splash-main-body{
    display: table-cell;
    vertical-align: middle;
}
.splash-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 38px;
    color: #2b374d;
    text-align: center;
    padding: 0 0 15px 0;
}
.splash-text{
    font-size: 17px;
    font-style: italic;
    color: #2b374d;
    text-align: center;
}
.splash-list{
    display: block;
    list-style: none;
    padding: 40px 0 0 0;
    max-width: 855px;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
}
.splash-list li{
    display: inline-block;
    width: 264px;
    margin: 0 10px;
    vertical-align: top;
}
.splash-list-in{
    background: #fff;
    padding: 35px 30px;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    text-align: center;
}
.splash-list-img{
    width: 58px;
    height: 88px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}
.splash-list-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #2b374d;
    letter-spacing: -0.5px;
    padding: 0 0 25px 0;
}
.splash-list-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.5px;
    min-height: 60px;
}
.splash-list-text a{
    color: #00c4b5;
}
.splash-list-btn{
    padding: 30px 0 0 0;
}
.splash-list-btn a{
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -0.5px;
}
.splash-btn-one{
    background: #eaedf0;
    color: #717e94;
}
.splash-btn-two{
    background: #9731a3;
    color: #fff;
}
.splash-btn-three{
    background: #f35b59;
    color: #fff;
}
.splash-btn-four{
    background: #3f62c5;
    color: #fff;
}
.splash-skip{
    position: absolute;
    width: 146px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    border: #ccd0d3 1px solid;
    border-radius: 3px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #717e94;
    top: 15px;
    right: 25px;
    z-index: 10;
    cursor: pointer;
}
.splash-skip a{
    display: block;
    color: #717e94;
}
.splash-skip span{
    display: inline-block;
    padding: 0 0 0 5px;
}
.splash-skip span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #959ca2;
}
.splash-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 25px 30px;
}
.splash-footer-left{
    float: left;
    font-size: 16px;
    color: #2b374d;
}
.splash-footer-right{
    float: right;
}
.splash-footer-right a{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
}
.splash-footer-btn-1{
    background: #f4f6f8;
    color: #2b374d;
    width: 140px;
    margin: 0 25px 0 0;
}
.splash-footer-btn-2{
    background: #1089f5;
    color: #fff;
    width: 240px;
}
.splash-drawer{
    position: relative;
    display: block;
    width: 280px;
    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;
    margin-right: -280px;
    -webkit-transition: margin-right .2s;
    -moz-transition: margin-right .2s;
    -o-transition: margin-right .2s;
    transition: margin-right .2s;
    background: #fff;
}
.splash-drawer.onactive{
    margin-right: 0;
}
.splash-drawer-in{
    padding: 30px;
}
.splash-drawer-list{
    padding: 0 0 40px 0;
    text-align: center;
}
.splash-drawer-img{
    width: 42px;
    margin: 0 auto;
    padding: 0 0 15px 0;
}
.splash-drawer-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #2b374d;
    padding: 0 0 5px 0;
}
.splash-drawer-text{
    font-size: 15px;
    color: #717e94;
}
.splash-drawer-text a{
    color: #717e94;
}
.splash-drawer-text a.splash-drawer-time{
    color: #00c9be;
}
.splash-drawer-close{
    position: absolute;
    top: 15px;
    right: 15px;
}
.splash-drawer-close a{
    display: block;
}
.splash-drawer-close a span{
    display: block;
}
.splash-drawer-close a span svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #ccd0d3;
}

.what-stop-box{
    display: none;
    position: absolute;
    width: 280px;
    background: #fff;
    min-height: 100vh;
    height: 100%;
    z-index: 9999;
    top: 0;
    right: -290px;
    box-shadow: 1px -5px 10px  rgba(0, 0, 0, .5);
    -webkit-transition: right .2s ease-out;
    -moz-transition: right .2s ease-out;
    -o-transition: right .2s ease-out;
    transition: right .2s ease-out;
}
.what-stop-box-in{
    padding: 90px 30px 30px;
}
.what-stop-box-toptitle{
    font-size: 13px;
    font-weight: 700;
    color: #717e94;
    padding: 0 0 10px 0;
}
.what-stop-box-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 0 0 30px 0;
}
.what-stop-box-list{
    display: block;
    list-style: none;
    padding: 0 0 35px 0;
}
.what-stop-box-list li{
    display: block;
    padding: 0 0 10px 0;
}
.what-stop-box-list li .prettycheckbox label, .what-stop-box-list li .prettyradio label{
    font-size: 14px;
    color: #2b374d;
}
.what-stop-box-btn input{
    display: block;
    width: 100%;
    height: 32px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #1089f5;
    border-radius: 3px;
    box-shadow: none;
}
.what-stop-box-btn-2 a{
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #1089f5;
    border-radius: 3px;
    box-shadow: none;
}
.what-stop-box-btn input:hover, .what-stop-box-btn-2 a:hover{
    background: #329efe;
}
.what-stop-box.onactive{
    right: 0;
}
.what-stop-box-emailus{
    padding: 15px 0 0 0;
    font-size: 13px;
    color: #2b374d;
}
.what-stop-box-emailus a{
    color: #1089f5;
}
.what-stop-box-textarea{
    padding: 0 0 20px 0;
}
.what-stop-box-textarea textarea{
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    padding: 8px;
    font-size: 14px;
    color: #2b374d;
    min-height: 150px;
}



.peeps-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 180px;
    background: #4c586e;
    z-index: 999;
}
.peeps-box-title{
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    padding: 30px 0 5px 0;
}
.peeps-box-text{
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #a2abbb;
    padding: 0 0 20px 0;
}
.peeps-box-btn{
    text-align: center;
}
.peeps-box-btn > span{
    display: inline-block;
    padding: 0 8px;
}
.peeps-box-btn > span a{
    display: block;
    width: 280px;
    height: 45px;
    line-height: 45px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
}
.peeps-box-btn > span a span{
    display: inline-block;
    padding: 0 5px 0 0;
    vertical-align: text-bottom;
}
.peeps-box-btn > span a span svg{
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff;
}
.peeps-attend{
    background: #1089f5;
}
.peeps-schedule{
    background: #00c4b5;
}
.peeps-watch{
    background: #c0407c;
}
.peeps-box-close{
    position: absolute;
    right: 12px;
    top: 12px;
}
.peeps-box-close a{
    display: block;
}
.peeps-box-close span svg{
    display: block;
    width: 18px;
    height: 18px;
    fill: #808ea6;
}

.body-host-offer-section{
    position: relative;
    margin: 40px 0 0 0;
    background: #0f89f5;
    border-radius: 3px;
}
.body-host-offer-close{
    position: absolute;
    top: 12px;
    right: 12px;
}
.body-host-offer-close a{
    display: block;
}
.body-host-offer-close a svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #0880bd;
}
.body-host-offer-in{
    text-align: center;
    padding: 20px 20px;
}
.body-host-offer-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    padding: 0 0 12px 0;
}
.body-host-offer-off{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    text-shadow: 3px 2px 0 #0887c7;
    padding: 0 0 10px 0;
}
.body-host-offer-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 0 0 5px 0;
}
.body-host-offer-btn{
    padding: 20px 0 0 0;
    width: 200px;
    margin: 0 auto;
}
.body-host-offer-btn a{
    display: block;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 2px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #0b93d7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .3);
}

.js-welcome-video{
    display: inline-block;
    position: relative;
}

.body-dashboard-title{
    position: relative;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #2b374d;
    font-weight: 600;
    letter-spacing: -0.6px;
}
.body-dashboard-title .right-text{
    float: right;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1.38em;
    font-weight: 500;
    margin-right: 24px;
}
.body-dashboard-webinars-type{
    position: absolute;
    right: 0;
    top: 11px;
    font-size: 0;
    list-style: none;
}
.body-dashboard-webinars-type li{
    display: inline-block;
    margin: 0 0 0 12px;
    width: 15px;
}
.body-dashboard-webinars-type li a{
    display: block;
}
.body-dashboard-webinars-type li a svg{
    display: block;
    width: 15px;
    height: 15px;
    fill: #ccd0d3;
}
.body-dashboard-webinars-type li a.onactive svg{
    fill: #4c586e;
}
.boday-dashboard-nav{
    position: relative;
    border-bottom: #f4f6f8 2px solid;
    padding: 32px 0 0 0;
    min-height: 34px;
    box-sizing: content-box;
}
.body-dashboard-nav-list{
    position: absolute;
    bottom: -2px;
    /*top: 32px;*/
    font-size: 0;
}
.body-dashboard-nav-list a{
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: 0 32px 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #a2abbb;
    padding: 0 0 11px 0;
}
/* .body-dashboard-nav-list a:nth-child(2){
    left: 40px;
}
.body-dashboard-nav-list a:nth-child(3){
    left: 130px;
    white-space: nowrap;
}

.body-dashboard-nav-list a:nth-child(4){
    left: 260px;
}

.body-dashboard-nav-list a:nth-child(5){
    left: 330px;
    white-space: nowrap;
}
.body-dashboard-nav-list a:nth-child(6){
    left: 430px;
    white-space: nowrap;
} */
.body-dashboard-nav-list a:last-child{
    margin: 0;
}

.body-dashboard-nav-list a.onactive{
    font-weight: bold;
    color: #1089f5;
    border-bottom: #1089f5 2px solid;
}
.body-dashboard-nav-list a b{
    display: block;
    padding: 0 0 6px 0;
    text-align: center;
    font-weight: normal;
}
.body-dashboard-nav-list a i{
    display: block;
    /* max-width: 24px; */
    margin: 0 auto;
    height: 2px;
    background: transparent;
    border-radius: 1px;
    display: none;
}
.body-dashboard-nav-list a.onactive b{
    color: #2b374d;
    font-weight: 500;
    /*border-bottom: #1089f5 2px solid;*/
}
.body-dashboard-nav-list a.onactive i{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
}
.boday-dashboard-nav-right{
    float: right;
    font-size: 0;
}
.boday-dashboard-nav-right-quantum{
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.boday-dashboard-nav-right-recent{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    margin: 0 20px 0 0;
}
.boday-dashboard-nav-right-recent-select{
    position: relative;
    padding: 0 12px 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.boday-dashboard-nav-right-recent-select i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 1;
}
.boday-dashboard-nav-right-recent-select i svg{
    display: block;
    width: 6px;
    height: 6px;
    fill: #717e94;
}
.boday-dashboard-nav-right-type{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
}
.boday-dashboard-nav-right-type-list,
.boday-dashboard-nav-right-type-grid{
    display: none;
    cursor: pointer;
}
.boday-dashboard-nav-right-type-list svg,
.boday-dashboard-nav-right-type-grid svg{
    display: block;
    width: 14px;
    height: 14px;
    fill: #717e94;
}
.body-dashboard-nav-filters{
    float: right;
    text-align: right;
}
.body-dashboard-nav-filters-text, .body-dashboard-nav-filters-text-list{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #a2abbb;
    cursor: pointer;
}
.body-dashboard-nav-filters-text span, .body-dashboard-nav-filters-text-list span{
    display: inline-block;
    width: 6px;
    margin: 0 5px;
}
.body-dashboard-nav-filters-text span svg, .body-dashboard-nav-filters-text-list span svg{
    display: block;
    width: 6px;
    height: 6px;
    fill: #a2abbb;
}
.body-dashboard-nav-filters-list{
    display: none;
    list-style: none;
    font-size: 0;
    padding: 12px 0 16px 0;
}
.body-dashboard-nav-filters-list li{
    display: inline-block;
    margin: 0 0 0 24px;
}
.body-dashboard-nav-filters-list li:first-child{
    margin: 0;
}
.body-dashboard-nav-filters.onactive .body-dashboard-nav-filters-text{
    color: #1089f5;
}
.body-dashboard-nav-filters.onactive .body-dashboard-nav-filters-list{
    display: block;
}
.body-dashboard-nav-search{
    float: right;
    width: 200px;
}
.body-dashboard-nav-search-in{
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    height: 24px;
    z-index: 1;
}
.body-dashboard-nav-search-icon{
    padding-top: 3px;
    width: 18px;
    height: 18px;
}
.body-dashboard-nav-search-icon svg{
    display: block;
    width: 18px;
    height: 18px;
    fill: #8692a2;
}
/*.body-dashboard-nav-search-in{
    position: absolute;
    top: 12px;
    left: 11px;
    z-index: 1;
}
.body-dashboard-nav-search-icon{
    width: 16px;
    height: 16px;
}
.body-dashboard-nav-search-icon svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #c1c9d6;
}*/
.body-dashboard-nav-serach-input{
    position: relative;
}
.body-dashboard-nav-serach-input input{
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    border: none;
    padding: 0 0 0 25px;
    color: #4a4d50;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    right: 0;
    margin: 0 0 0 auto;
    z-index: 2;
    background: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.body-dashboard-nav-serach-input input::-webkit-input-placeholder{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
}
.body-dashboard-nav-serach-input input::-moz-placeholder{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
}
.body-dashboard-nav-serach-input input::-ms-input-placeholder{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
}
.body-dashboard-nav-serach-input input:-ms-input-placeholder{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
}
.body-dashboard-nav-serach-input input::-o-placeholder{
    color:#959ca2;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-style: italic;
}
/* .body-dashboard-nav-serach-input input{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    border: #dfe1e4 1px solid;
    border-radius: 4px;
    padding: 0 12px 0 39px;
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: none;
}
.body-dashboard-nav-serach-input input::-webkit-input-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input input::-moz-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input input::-ms-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input input::-o-placeholder{
    color:#a2abbb;
} */
.body-dashboard-title-2{
    position: relative;
}
.body-dashboard-title-2 span{
    display: inline-block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #2b374d;
    font-weight: 600;
    letter-spacing: -0.6px;
}
.body-dashboard-title-2 span i{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    border-radius: 8px;
    overflow: hidden;
}
.body-dashboard-title-right-viewsite{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 12px 0 0;
}
.boday-dashboard-nav-right-sortby{
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}
.boday-dashboard-nav-right-settings{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    margin: 0 0 0 20px;
}
.boday-dashboard-nav-right-settings a svg{
    display: block;
    width: 14px;
    height: 14px;
    fill: #a2abbb;
}
.event-servies{
    padding: 24px 0 8px 0;
}
.event-servies-left{
    float: left;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    font-weight: 600;
    letter-spacing: -0.2px;
    padding: 5px 0 0 0;
}
.event-servies-left i{
    display: inline-block;
    margin: 0 0 0 6px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.event-servies-left i svg{
    display: block;
    width: 12px;
    height: 12px;
    fill: #c4ccd9;
}
.event-servies-right{
    float: right;
    font-size: 0;
}
.event-servies-search{
    display: inline-block;
    margin: 0 16px 0 0;
    vertical-align: middle;
}
.event-servies-search-btn{
    width: 16px;
    height: 16px;
}
.event-servies-search-btn span{
    display: block;
    width: 16px;
    height: 16px;
}
.event-servies-search-btn span svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #c4ccd9;
}
.event-servies-add{
    display: inline-block;
    vertical-align: middle;
}
.event-servies-add span{
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    border: #dfe1e4 1px solid;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}
.event-servies-add span svg{
    display: block;
    width: 8px;
    height: 8px;
    fill: #2b374d;
    margin: 12px auto 0;
}
.body-dashboard-title-right{
    float: right;
    font-size: 0;
}
.body-dashboard-title-right-search{
    display: inline-block;
    width: 220px;
    margin: 0 12px 0 0;
    vertical-align: middle;
}
.body-dashboard-title-right-more{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 12px 0 0;
    width: 87px;
}
.body-dashboard-title-right-more-main{
    position: relative;
    height: 40px;
    line-height: 40px;
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    padding: 0 16px 0 16px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #4c586e;
    letter-spacing: -0.2px;
    font-weight: normal;
}
.body-dashboard-title-right-more-main i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 16px;
    top: 16px;
}
.body-dashboard-title-right-more-main i svg{
    display: block;
    width: 9px;
    height: 9px;
    fill: #4c586e;
}
.body-dashboard-title-right-new{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 72px;
}
.body-dashboard-title-right-new-main{
    height: 40px;
    line-height: 37px;
    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;
}
.body-dashboard-title-right-new-main i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 12px;
    top: 16px;
}
.body-dashboard-title-right-new-main i svg{
    display: block;
    width: 8px;
    height: 8px;
    fill: #fff;
}
.body-dahsboard-elment-list{
    display: block;
    list-style: none;
    margin: 0 -11px;
    padding: 0 0 18px 0;
}
.body-dahsboard-elment-list li{
    display: inline-block;
    vertical-align: top;
    margin: 0 11px 24px;
}
.body-dahsboard-elment-list-in{
    max-width: 292px;
}
.body-dahsboard-elment-list-img{
    margin: 0 0 16px 0;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
.body-dahsboard-elment-list-title a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 500;
    line-height: 1.23em;
}
.body-dahsboard-elment-list-title{
    height: 36px;
    overflow: hidden;
    margin: 0 0 12px 0;
}
.body-dahsboard-elment-list-videoviews,
.body-dahsboard-elment-list-updated{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.body-dahsboard-elment-list-videoviews{
    padding: 0 0 5px 0;
}
.body-dahsboard-elment-list-more-btn{
    text-align: center;
}
.body-dahsboard-elment-list-more-btn a{
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    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: 14px;
    color: #4c586e;
    letter-spacing: -0.2px;
}
.body-dahsboard-elment-list.show-grid li{
    display: block;
    margin: 0 11px 16px;
}
.body-dahsboard-elment-list.show-grid li .body-dahsboard-elment-list-in{
    width: auto;
    max-width: none;
    font-size: 0;
}
.body-dahsboard-elment-list.show-grid li .body-dahsboard-elment-list-img{
    float: left;
    width: 160px;
}
.body-dahsboard-elment-list.show-grid li .body-dahsboard-elment-list-main{
    float: right;
    width: 100%;
    margin: 0 0 0 -180px;
}
.body-dahsboard-elment-list.show-grid li .body-dahsboard-elment-list-main-in{
    margin: 0 0 0 180px;
}
.body-dashboard-title-right-user{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
.body-dashboard-title-right-user li{
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 0 0 -8px;
    width: 32px;
    height: 32px;
    border-radius: 18px;
    overflow: hidden;
    border: #fff 2px solid;
    vertical-align: top;
    box-sizing: border-box;
}
.body-dashboard-title-right-user li:nth-child(1){
    background: #f4f6f8;
    border: none;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #a2abbb;
    text-align: center;
    line-height: 32px;
}
.body-dashboard-title-right-user li:nth-child(1) a{
    color: #a2abbb;
}


.home-welcome-video-cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(rgba(205, 205, 205, .23) 10%, rgba(56, 59, 66, .63) 80%, rgba(0, 4, 13, .91) 100%);
    background: -o-linear-gradient(rgba(205, 205, 205, .23) 10%, rgba(56, 59, 66, .63) 80%, rgba(0, 4, 13, .91) 100%);
    background: -moz-linear-gradient(rgba(205, 205, 205, .23) 10%, rgba(56, 59, 66, .63) 80%, rgba(0, 4, 13, .91) 100%);
    background: linear-gradient(rgba(205, 205, 205, .23) 10%, rgba(56, 59, 66, .63) 80%, rgba(0, 4, 13, .91) 100%);
    z-index: 10;
}
.home-welcome-video-play{
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: rgba(31, 196, 166, .94);
    left: 50%;
    top: 50%;
    margin: -44px 0 0 -44px;
    cursor: pointer;
}
.home-welcome-video-play svg{
    display: block;
    width: 34px;
    height: 34px;
    fill: #fff;
    margin: 27px 0 0 30px;
}
.home-welcome-video-play:hover{
    background: rgba(31, 196, 166, 1);
}
.home-welcome-video-bottom-title{
    position: absolute;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 24px;
}
.home-welcome-video-cover-close, .home-welcome-video-cover-close-2{
    position: absolute;
    top: 12px;
    right: 12px;
}
.home-welcome-video-cover-close a svg, .home-welcome-video-cover-close-2 a svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
}
.home-welcome-video-cover-close-2 a svg{
    fill: #a2abba;
}
.home-welcome-video-replay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(rgba(205, 205, 205, .23) -10%, rgba(56, 59, 66, .63) -5%, rgba(0, 4, 13, .91) 90%);
    background: -o-linear-gradient(rgba(205, 205, 205, .23) -10%, rgba(56, 59, 66, .63) -5%, rgba(0, 4, 13, .91) 90%);
    background: -moz-linear-gradient(rgba(205, 205, 205, .23) -10%, rgba(56, 59, 66, .63) -5%, rgba(0, 4, 13, .91) 90%);
    background: linear-gradient(rgba(205, 205, 205, .23) -10%, rgba(56, 59, 66, .63) -5%, rgba(0, 4, 13, .91) 90%);
    z-index: 10;
}
.home-weclome-video-replay-request{
    width: 200px;
    background: #fff;
    margin: 24px auto 0;
    border-radius: 2px;
    padding: 16px 12px;
}
.home-welcome-video-replay-img{
    width: 37px;
    margin: 0 auto;
}
.home-welcome-video-replay-title{
    padding: 16px 0 8px 0;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #2b374d;
}
.home-welcome-video-replay-text{
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    padding: 0 0 16px 0;
}
.home-welcome-video-replay-btn a{
    display: block;
    height: 32px;
    line-height: 32px;
    background: #9731a3;
    border-radius: 2px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
}
.home-weclome-video-replay-bottom-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding: 20px 0 25px 0;
}
.home-weclome-video-watch-again{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.home-weclome-video-watch-again a{
    color: #fff;
}
.home-weclome-video-watch-again span{
    display: inline-block;
    padding: 0 5px 0 0;
    vertical-align: text-bottom;
}
.home-weclome-video-watch-again span svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
}

.conf-creation-landing-more-date-box{
    position: relative;
    max-width: 280px;
    margin: 56px auto 0;
}
.conf-creation-landing-more-date-box select{
    position: relative;
    display: block;
    width: 100%;
    background: none;
    border: #fff 2px solid;
    border-radius: 3px;
    height: 48px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 0 25px 0 10px;
    z-index: 2;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.conf-creation-landing-more-date-box-dark-text select{
    position: relative;
    display: block;
    width: 100%;
    background: none;
    border: #8692a2 2px solid;
    border-radius: 3px;
    height: 48px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #8692a2;
    padding: 0 25px 0 10px;
    z-index: 2;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}




.conf-creation-landing-more-date-box select option{
    color: #2b374d;
}

.conf-creation-landing-more-date-box:after{
    font-family: 'bigmarker';
    content: "\e036";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    font-size: 18px;
    color: #fff;
    width: 18px;
    z-index: 1;
}
.conf-creation-landing-more-date-box-dark-text:after{
    font-family: 'bigmarker';
    content: "\e036";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
    font-size: 18px;
    color: #8692a2;
    width: 18px;
    z-index: 1;
}
.template-11-banner-left-cell .conf-creation-landing-more-date-box:after{
    color: #2b374d;
}


.conf-creation-landing-more-date-btn{
    text-align: center;
    padding: 16px 0 0 0;
}
.conf-creation-landing-more-date-btn a{
    display: inline-block;
    background: #00c4b5;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0 12px;
    height: 48px;
    line-height: 48px;
    min-width: 280px;
    border-radius: 3px;
}

.body-product-update-box{
    padding: 54px 0 0 0;
}
.body-product-update-list{
    display: block;
    list-style: none;
    font-size: 0;
    margin: 0 -24px;
}
.body-product-update-list li{
    display: inline-block;
    margin: 0 24px 50px;
    vertical-align: top;
    width: 384px;
}
.body-product-upate-img{
    padding: 0 0 14px 0;
}
.body-product-upate-img a{
    display: block;
    height: 216px;
    overflow: hidden;
}
.body-product-upate-channel{
    padding: 0 0 8px 0;
}
.body-product-upate-channel a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #1089f5;
    letter-spacing: -0.1px;
}
.body-product-upate-title{
    padding: 0 0 8px 0;
}
.body-product-upate-title a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1.3em;
}
.body-product-upate-title a:hover{
    text-decoration: underline;
}
.body-product-upate-date{
    padding: 0 0 13px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a2abbb;
}
.body-product-upate-date i{
    font-style: normal;
    display: inline-block;
    padding: 0 8px;
}
.body-product-upate-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1.38em;
}
.body-product-upate-img a:hover img{
    /*transform:scale(1.3,1.3);*/
}
.body-product-update-check{
    max-width: 816px;
    padding: 0 0 0 0;
}
.body-product-update-check-in{
    border: #dfe1e4 1px solid;
    border-radius: 5px;
}
.body-product-update-check-img{
    height: 281px;
    overflow: hidden;
    position: relative;
    /*border-radius: 5px 5px 0 0;*/
}

.responsive-iframe-container {
    overflow: hidden;
// Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
padding-top: 56.25%;
    position: relative;
    min-height:410px;
}

.responsive-iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.body-product-update-video video{
    width:100%;
}
.body-product-update-check-close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
}
.body-product-update-check-close a svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
}
.body-product-update-check-mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(11, 147, 215, 0.85);
    z-index: 1;
}
.body-product-update-check-mask-play{
    position: absolute;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    cursor: pointer;
}
.body-product-update-check-mask-play svg{
    display: block;
    width: 36px;
    height: 36px;
    margin: 22px 0 0 26px;
    fill: #0b93d7;
}
.body-product-update-check-channel{
    padding: 0 0 10px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #1089f5;
    letter-spacing: -0.1px;
}
.body-product-update-check-channel a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #1089f5;
    letter-spacing: -0.1px;
}
.body-product-update-check-title{
    padding: 0 0 13px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1em;
}
.body-product-update-check-title a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #2b374d;
    letter-spacing: -0.8px;
    line-height: 1em;
}
.body-product-update-check-title a:hover{
    text-decoration: underline;
}
.body-product-update-check-date{
    padding: 0 0 15px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #a2abbb;
    letter-spacing: -0.1px;
}
.body-product-update-check-date i{
    font-style: normal;
    display: inline-block;
    padding: 0 8px;
}
.body-product-update-check-contents{
    padding: 24px 24px 24px 24px;
}
.body-product-update-check-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1.53em;
}
.body-product-update-check a{
    color:#1089f5;
}


.manage-embed-section{
    border: #dfe2e4 1px solid;
    padding: 32px;
}


/*20171013*/
.manage-embed-title{
    position: relative;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #2b374d;
    letter-spacing: -0.3px;
    padding: 0 0 14px 0;
}
.manage-embed-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #8692a2;
    letter-spacing: -0.2px;
    padding: 0 0 16px 0;
}
.manage-embed-text b{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.new-dashboard-section-2-confirmation-text{
    padding: 24px 0 0 0;
}
.manage-embed-left{
    float: left;
    width: 312px;
    border-right: #dfe1e4 1px solid;
    padding: 0 32px 0 0;
}
.manage-embed-left-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #717e94;
    letter-spacing: -0.2px;
    padding: 0 0 10px 0;
}
.manage-embed-left-btn{
    padding: 0 0 10px 0;
}
.manage-embed-left-btn a{
    display: block;
    height: 36px;
    line-height: 36px;
    background: #00c4b5;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.2px;
}
.manage-embed-left-tips{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #8692a2;
    letter-spacing: -0.2px;
}
.manage-embed-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -344px;
}
.manage-embed-right-in{
    margin: 0 0 0 344px;
    max-width: 340px;
}
.manage-embed-right-add{
    position: relative;
    border: #eaedf0 1px solid;
    border-radius: 3px;
    padding: 0 77px 0 0;
}
.manage-embed-right-add input{
    display: block;
    width: 100%;
    padding: 0 12px;
    height: 36px;
    border: none;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2b374d;
}
.manage-embed-right-add button{
    position: absolute;
    width: 77px;
    height: 36px;
    border: none;
    right: 0;
    top: 0;
    background: #00c4b5;
    border-radius: 0 2px 2px 0;
    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: 15px;
    color: #fff;
    letter-spacing: -0.2px;
}
.manage-embed-current-content{
    position: relative;
    min-height: 40px;
    background: #f4f6f8;
    border-radius: 1px;
    padding: 12px 0 12px 46px;
}
.manage-embed-current-icon{
    position: absolute;
    left: 12px;
    top: 6px;
    width: 22px;
}
.manage-embed-current-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.2px;
}
.manage-embed-current-delete{
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -5px 0 0 0;
}
.manage-embed-current-delete a{
    display: block;
}
.manage-embed-current-delete a svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #b4b7ba;
}



.list-email-btn{
    position: absolute;
    top: 0;
    right: 0;
}
.list-email-btn a{
    display: block;
    width: 172px;
    height: 36px;
    line-height: 36px;
    background: #1089f5;
    border-radius: 3px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.2px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
}
.list-email-nav{
    height: 78px;
    padding: 32px 0 13px 0;
    border-bottom: #f4f6f8 1px solid;
}
.list-email-nav-left{
    float: left;
    font-size: 0;
    vertical-align: middle;
}
.list-email-nav-checkbox{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.list-email-nav-checkbox span{
    display: block;
    width: 14px;
    height: 14px;
    border: #dfe1e4 1px solid;
    padding: 2px;
}
.list-email-nav-checkbox span i{
    display: none;
    width: 8px;
    height: 8px;
    background: #00c4b5;
}
.list-email-nav-checkbox.checked span i{
    display: block;
}
.list-email-nav-select-box{
    position: relative;
    display: inline-block;
    padding: 0 32px 0 12px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    vertical-align: middle;
    cursor: pointer;
}
.list-email-nav-select-box span{
    display: inline-block;
    width: 9px;
    margin: 0 0 0 6px;
    vertical-align: middle;
}
.list-email-nav-select-box span.show-list-club-and-sort{
    width: auto;
}
.list-email-nav-select-box span svg{
    display: block;
    width: 9px;
    height: 9px;
    fill: #717e94;
}
.list-email-nav-select-choose{
    display: none;
    position: absolute;
    background: #fff;
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    padding: 12px;
    z-index: 2;
    left: 0;
    right: 0;
    top: -14px;
}
.list-email-nav-select-choose ul{
    display: block;
    list-style: none;
}
.list-email-nav-select-choose ul li{
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.2px;
    line-height: 1.73em;
}
.list-email-nav-select-choose ul li:first-child{
    color: #717e94;
}
.list-email-nav-select-choose-arr{
    position: absolute;
    right: 12px;
    top: 19px;
}
.list-email-nav-select-box.onactive .list-email-nav-select-choose{
    display: block;
}
.list-eamil-nav-right{
    float: right;
}
.list-eamil-nav-right span{
    display: inline-block;
    padding: 0 0 0 8px;
}
.list-eamil-nav-right span a{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 2px;
    background: #a2abbb;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.2px;
}
.list-email-list-box{
    display: block;
    list-style: none;
}
.list-email-list-box li{
    display: block;
    padding: 32px 0 26px 0;
    border-bottom: #f4f6f8 1px solid;
}
.list-email-list-box li.loading{
    border: none;
}
.list-email-list-box li.loading img{
    width: 100px;
    margin: 0 auto;
}
.list-eamil-list-channel-icon{
    display: inline-block;
    padding: 0 10px 0 24px;
    vertical-align: top;
}
.list-email-list-channel-icon-img{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
}
.list-email-list-contents{
    display: inline-block;
}
.list-eamil-list-contents-title{
    padding: 0 0 5px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #2b374d;
    letter-spacing: -0.5px;
}
.list-eamil-list-contents-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.list-eamil-list-contents-text span{
    display: inline-block;
    padding: 0 24px 0 0;
}
.list-eamil-list-contents-text span a{
    color: #23ba95;
}
.list-eamil-contents-blank{
    padding: 62px 0 72px 0;
    text-align: center;
}
.list-eamil-contents-blank-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 21px;
    color: #2b374d;
    letter-spacing: -0.5px;
    padding: 0 0 16px 0;
}
.list-eamil-contents-blank-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #a2abbb;
    letter-spacing: -0.2px;
    max-width: 480px;
    margin: 0 auto;
    padding: 0 0 23px 0;
}
.list-eamil-contents-blank-btn a{
    display: block;
    width: 186px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #1089f5;
    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: 15px;
    color: #fff;
    letter-spacing: -0.2px;
}

@media screen and (max-width:1280px) {
    .host .header-left, .header-left{
        background: none;
    }
    .body-left{
        position: absolute;
        left: 0;
        top: 0;
        width: 280px;
        margin-left: -280px;
        margin-top: 70px;
        z-index: 10;
    }
    .main-body{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .main-body-mnav{
        position: relative;
        display: block;
        width: 280px;
        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;
        margin-left: -280px;
        -webkit-transition: margin-left .2s;
        -moz-transition: margin-left .2s;
        -o-transition: margin-left .2s;
        transition: margin-left .2s;
    }

    .host .main-body-mnav{
        background: #2c3344;
        border-right: #2c3344 1px solid;
    }

    .body-main-conference-blank-state{
        padding: 20px 0;
    }
    .header-hamburger{
        display:block;
        cursor:pointer;
    }
    #new-lih-left-nav{
        display:inline-block !important;
        cursor:pointer;
        margin-left:24px;
    }
    .logo{
        margin:0 0 0 48px;
    }
    .host .header-hamburger{
        color: #717e94;
    }
    .host .logo a svg{
        fill: #00c4b5;
    }
    .header-hamburger:hover, .host .header-hamburger:hover{
        background: #f5f8fa;
        border: #e3e6e8 1px solid;
        border-radius: 3px;
        margin: 10px 0 0;
    }
    .main-body.onactive .main-body-mnav, .main-body.onactive .body-left{
        margin-left: 0px;
    }
    .main-body.onactive .lhb-nav.fixed{
        left: 268px;
        width: auto;
        right: 0;
    }
    .host .header-left.onactive{
        background: #2c3344;
        border-right: #2c3344 1px solid;
        border-bottom: none;
    }

    .host .header-left.onactive .header-hamburger:hover{
        background: #09090a;
        border: #09090a 1px solid;
    }
    .host .header-left.onactive .logo a svg{
        fill: #fff;
    }
    .host .header-left.onactive .header-hamburger{
        color: #fff;
    }
    .lhb-nav-box > li a{
        padding: 0 5px;
        min-width: inherit;
    }

    .body-main-conference-box-empty{
        padding:20px 0;
    }
}

.top-tips-gdpr {
    position: relative;
    padding: 22px 40px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.2px;
}

.top-tips-gdpr a{
    color: #fff;
}
.top-tips-gdpr span{
    display: block;
    position: absolute;
    right: 20px;
    width: 10px;
    top: 25px;
}
.top-tips-gdpr span svg{
    display: block;
    width: 10px;
    height: 10px;
    fill: #fff;
}
.stripe_payment_tip{
    background-image: linear-gradient(to right, #ff316e, #f53571);
    color: #fff;
    position: relative;
    padding: 22px 40px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.2px;
}


.body-host-section-ltdf-box{
    border-radius: 6px;
    background-image: linear-gradient(106deg, #9042f8, #cf22d7 50%, #f82e9b);
    padding: 24px;
    margin: 0 0 56px 0;
}
.body-host-section-ltdf-box-left{
    float: left;
    width: 106px;
}
.body-host-section-ltdf-box-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -138px;
}
.body-host-section-ltdf-box-right-in{
    margin: 0 0 0 138px;
}
.body-host-section-ltdf-box-right-title{
    padding: 0 0 8px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.1px;
    font-weight: 500;
    line-height: 1.29em;
}
.body-host-section-ltdf-box-right-text{
    padding: 0 0 20px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.1px;
    line-height: 1.47em;
}
.body-host-section-ltdf-box-right-btn a{
    display: inline-block;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    border-radius: 3px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2d8aea;
    letter-spacing: -0.4px;
    font-weight: 600;
}

.body-host-section-ltdf-box-use{
    border-radius: 5px;
    background-image: linear-gradient(to left, #009fd1, #06c0ec 0%, #00b1da 0%);
    padding: 24px 24px 12px 24px;

    margin: 0 0 56px 0;
}
.body-host-section-ltdf-box-right-btn-more{
    font-size: 0;
}
.body-host-section-ltdf-box-right-btn-more span{
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 12px 0;
}
.body-host-section-ltdf-box-right-btn-more span a{
    display: block;
    width: 190px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #762bec;
    letter-spacing: -0.2px;
    font-weight: 600;
    border-radius: 3px;
}
.body-host-section-ltdf-box-right-btn-more span a.ltd-btn-opcity{
    background-color: rgba(255, 255, 255, 0.32);
    color: #fff;
}
.body-host-section-ltdf-box-right-btn-more span a i{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 22px;
    line-height: 22px;
    background-color: #ec36a1;
    border-radius: 11px;
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    letter-spacing: -0.8px;
    font-weight: 500;
    font-style: normal;
}



/*20190119*/
.dashboard-2019-section-1{
    padding: 0 0 32px 0;
}
.dashboard-2019-section-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
    padding: 0 0 32px 0;
}
.dashboard-2019-section-1-list{
    display: block;
    list-style: none;
    font-size: 0;
    overflow: auto;
    white-space: nowrap;
}
.dashboard-2019-section-1-list li{
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 36px 20px;
    border-right: #f4f6f8 1px solid;
}
.dashboard-2019-section-1-list li:first-child{
    padding-left: 0;
}
.dashboard-2019-section-1-list li:last-child{
    padding-right: 0;
    border: none;
}
.dashboard-2019-section-1-list-in{
    width: 200px;
}
.dashboard-2019-section-1-list-icon{
    width: 36px;
    padding: 0 0 24px 0;
}
.dashboard-2019-section-1-list-title{
    padding: 0 0 12px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.dashboard-2019-section-1-list-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;
    white-space: normal;
}
.dashboard-2019-section-1-list-link a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #00c4b5;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.dashboard-2019-section-2{
    padding: 0 0 72px 0;
}
.dashboard-2019-section-2-banner{
    background: #f3faff;
    border-radius: 8px;
    overflow: hidden;

    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 24px;
}
.dashboard-2019-section-2-banner-img{
    float:right;
}
.dashboard-2019-section-2-banner-top{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
    padding: 0 0 3px 0;
}
.dashboard-2019-section-2-banner-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 600;
    line-height: 1.16em;
    padding: 0 0 6px 0;
    max-width: 420px;
}
.dashboard-2019-section-2-banner-date{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    padding: 0 0 29px 0;
}
.dashboard-2019-section-2-banner-btn a{
    display: inline-block;
    background: #10abec;
    border-radius: 3px;
    background: #10abec;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.2px;
    font-weight: 500;
}




/*20190927*/
.body-dashboard-title{
    position: relative;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #2b374d;
    font-weight: 600;
    letter-spacing: -0.6px;
}
.body-dashboard-title-right{
    float: right;
    font-size: 0;
}
.body-dashboard-title-right-search{
    display: inline-block;
    width: 220px;
    margin: 0 12px 0 0;
    vertical-align: middle;
}
.body-dashboard-title-right-more{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 12px 0 0;
    width: 87px;
}
.body-dashboard-title-right-more-main{
    position: relative;
    height: 40px;
    line-height: 40px;
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    padding: 0 16px 0 16px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #4c586e;
    letter-spacing: -0.2px;
    font-weight: normal;
}
.body-dashboard-title-right-more-main i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 16px;
    top: 16px;
}
.body-dashboard-title-right-more-main i svg{
    display: block;
    width: 9px;
    height: 9px;
    fill: #4c586e;
}
.body-dashboard-title-right-new{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 72px;
}
.body-dashboard-title-right-new-main{
    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;
}
.body-dashboard-title-right-new-main i{
    display: block;
    font-style: normal;
    position: absolute;
    right: 12px;
    top: 17px;
}
.body-dashboard-title-right-new-main i svg{
    display: block;
    width: 8px;
    height: 8px;
    fill: #fff;
}


.body-host-section-create-temp-btn{
    padding: 32px 0 0 0;
    text-align: center;
}
.body-host-section-create-temp-btn a{
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
    border-radius: 3px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.4px;
    font-weight: 600;
}
.body-host-section-title-3{
    position: relative;
    padding: 0 0 32px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.body-host-section-title-3 span{
    display: inline-block;
    top: 0;
    right: 110px;
    position: absolute;
}
.body-host-temp-list{
    display: block;
    list-style: none;
}
.body-host-temp-list li{
    display: block;
    padding: 0 0 24px 0;
    border-bottom: #f4f6f8 1px solid;
    margin: 0 0 24px 0;
}
.body-host-temp-list-img{
    float: left;
    width: 92px;
}
.body-host-temp-list-right{
    float: right;
    width: 100%;
    margin: 0 0 0 -112px;
}
.body-host-temp-list-right-in{
    margin: 0 0 0 112px;
}
.body-host-temp-list-right-contents{
    position: relative;
    padding: 0 140px 0 0;
}
.body-host-temp-list-title{
    padding: 0 0 6px 0;
}
.body-host-temp-list-title a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0593f5;
    letter-spacing: -0.2px;
}
.body-host-temp-list-date{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.body-host-temp-list-btn-box{
    position: absolute;
    right: 0;
    top: 0;
}
.body-host-temp-list-btn-box-default{
    display: inline-block;
    vertical-align: middle;
    width: 68px;
    height: 24px;
    border: #16aaf9 1px solid;
    border-radius: 20px;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0593f5;
    letter-spacing: -0.2px;
    margin: 0 40px 0 0;
}
.body-host-temp-list-btn-box-edit{
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.body-host-temp-list-btn-box-edit a svg{
  display: block;
  width: 16px;
  height: 16px;
  fill: #0390f5;
}
.template-edit-header{
    position: fixed;
    background-color: #fff;
    top: 0;
    width: 100%;
    z-index: 20;
    padding: 12px 16px 12px 24px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}
.template-edit-header-back{
    display: inline-block;
    padding: 12px 0 0 0;
}
.template-edit-header-back a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #1089f5;
    letter-spacing: -0.2px;
}
.template-edit-header-right{
    float: right;
}
.template-edit-header-right input{
    display: block;
    width: 130px;
    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;
    box-shadow: none;
}
.template-edit-header-right a{
    display: block;
    width: 130px;
    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;
    box-shadow: none;
    text-align: center;
    line-height: 38px;
}
.template-edit-header-right input:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.template-edit-header-right input[type="submit"][disabled]{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
}
.template-edit-contents{
    width: 94%;
    margin: 0 auto;
    max-width: 780px;
    box-sizing: border-box;
    padding: 112px 0 0 0;
}
.template-edit-article{
    padding: 0 0 24px 0;
    border-bottom: #e9edf0 1px solid;
}
.template-edit-article-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #2b374d;
    letter-spacing: -0.6px;
    font-weight: 600;
    padding: 0 0 8px 0;
}
.template-edit-article-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.template-edit-section{
    padding: 20px 0;
}
.template-edit-section-title{
    padding: 0 0 24px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.template-edit-btn{
    padding: 20px 0 68px 0;
    font-size: 0;
}
.template-edit-btn-save{
    display: inline-block;
}
.template-edit-btn-save input{
    display: inline-block;
    width: auto;
    padding: 0 16px;
    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;
    box-shadow: none;
}
.template-edit-btn-save input:hover{
    background-image: linear-gradient(to left, #1b9ffd, #2cbafd);
}
.template-edit-btn-save input[type="submit"][disabled]{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
}
.template-edit-btn-add{
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 0 0;
}
.template-edit-btn-add a{
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    box-sizing: border-box;
    border: solid 1px #dfe1e4;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #4c586e;
    letter-spacing: -0.2px;
}
.template-edit-btn-add a:hover{
    background-image: linear-gradient(to bottom, #f9fafb, #ffffff);
}
.template-edit-article-type{
    padding: 20px 0 0 0;
    font-size: 0;
}
.template-edit-article-type span{
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
    padding: 0 12px;
    height: 28px;
    border: #dfe1e4 1px solid;
    border-radius: 20px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #2f2f2f;
    letter-spacing: -0.2px;
    box-sizing: border-box;
    line-height: 26px;
}
.template-edit-section-table table tr th{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
    text-align: left;
    padding: 16px 0;
    border-bottom: #f4f6f8 1px solid;
}
.template-edit-section-table table tr td{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.2px;
    text-align: left;
    padding: 16px 0;
    border-bottom: #f4f6f8 1px solid;
}
.template-edit-section-table-name{
    color: #0593f5;
}
.template-edit-section-table-icon{
    width: 13px;
}
.template-edit-article-email{
    padding: 0 0 48px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #2b374d;
    letter-spacing: -0.6px;
    font-weight: 600;
}
.template-edit-blank-box{
    border: #e9edf0 1px solid;
    border-radius: 6px;
    max-width: 780px;
    margin: 0 auto;
    padding: 72px 0;
    text-align: center;
}
.template-edit-blank-box-icon{
    width: 40px;
    margin: 0 auto;
    padding: 0 0 28px 0;
}
.template-edit-blank-box-title{
    padding: 0 0 16px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.template-edit-blank-box-text{
    max-width: 640px;
    margin: 0 auto;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.3em;
    padding: 0 0 32px 0;
}
.template-edit-blank-box-btn a{
    display: inline-block;
    padding: 0 16px;
    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: 600;
}
.template-with-icon{
    position: relative;
    padding-right: 120px;
}
.template-with-icon-box{
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
}
.template-edit-email-list{
    display: block;
    list-style: none;
}
.template-edit-email-list li{
    display: block;
    padding: 24px 0;
    border-bottom: rgba(225, 230, 233, 0.5) 1px solid;
}
.template-edit-email-list-title{
    padding: 0 0 32px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.template-edit-email-list-contents{
    position: relative;
    padding: 0 120px 0 50px;
}
.template-edit-email-list-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    z-index: 1;
}
.template-edit-email-list-btns{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}
.template-edit-email-list-btns span{
    display: inline-block;
    vertical-align: top;
}
.template-edit-email-list-btns span:first-child{
    margin: 0 24px 0 0;
}
.template-edit-email-list-btns span a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1089f5;
    letter-spacing: -0.2px;
}
.template-edit-email-list-text{
    padding: 0 0 6px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2b374d;
    letter-spacing: -0.2px;
}
.template-edit-email-list-date{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.template-edit-email-list-add{
    padding: 24px 0 0 0;
}
.template-edit-email-list-add a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1089f5;
    letter-spacing: -0.2px;
}
.template-edit-embeddable-title{
    position: relative;
    padding: 32px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.template-edit-embeddable-list{
    display: block;
    list-style: none;
}
.template-edit-embeddable-list li{
    display: block;
    padding: 32px 0;
    border-bottom: #f4f6f8 1px solid;
}
.template-edit-embeddable-list-contents{
    position: relative;
    padding: 0 70px 0 0;
}
.template-edit-embeddable-list-title{
    padding: 0 0 8px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0593f5;
    letter-spacing: -0.2px;
}
.template-edit-embeddable-list-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.3em;
    max-width: 600px;
}
.template-edit-embeddable-list-btns{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}
.template-edit-embeddable-list-btns span{
    display: inline-block;
    vertical-align: top;
    width: 13px;
}
.template-edit-embeddable-list-btns span:first-child{
    margin: 0 32px 0 0;
}
.template-edit-automated-email-title{
    position: relative;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
    padding: 0 0 36px 0;
}
.template-edit-automated-email-section{
    padding: 40px 0 18px 0;
    border-bottom: #e9edf0 1px solid;
}
.template-edit-automated-email-list{
    display: block;
    list-style: none;
}
.template-edit-automated-email-list-sent-details {
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4b5874;
    letter-spacing: -0.2px;
    padding: 0 0 4px 0;
    font-weight: 500;
}
.template-edit-automated-email-list li{
    display: block;
    border-bottom: #e6eaf3 1px solid;
    padding: 18px 0 16px 0;
}
.template-edit-automated-email-list li:last-child{
    border: none;
}
.template-edit-automated-email-list-contents{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}
.template-edit-automated-email-list-left{
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 16px;
}
.template-edit-automated-email-list-icon{
    width: 16px;
}
.template-edit-automated-email-list-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #02091a;
    font-weight: 500;
    letter-spacing: -0.2px;
    padding: 0 0 4px 0;
}
.template-edit-automated-email-list-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4b5874;
    letter-spacing: -0.2px;
}
.template-edit-automated-email-list-btns{
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 20px;
}
.template-edit-automated-email-list-btns i{
    margin: 0 8px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    height: 24px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    border-radius: 20px;
}
.template-edit-automated-email-list-btns span{
}
.template-edit-automated-email-list-btns span:first-child{
}
.template-edit-automated-email-list-btns span svg{
    display: block;
    width: 14px;
    height: 14px;
    fill: #9fa9be;
}
.template-edit-automated-email-list-btns span a, .show_title_div{
    position: relative;
}
.template-edit-automated-email-list-btns span a:after, .show_title_div:after{
    display: none;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 2;
    content: attr(data-title);
    color: #02091a;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: #dfe1e4 1px solid;
    background: #fff;
    border-radius: 3px;
    padding: 5px 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}
.template-edit-automated-email-list-btns span a:hover:after, .show_title_div:hover:after{
    display: block;
}
.template-edit-automated-email-list-create{
    padding: 24px 0 0 0;
}
.template-edit-automated-email-list-create a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1089f5;
    letter-spacing: -0.2px;
}
.es-draft{
    background: #e6eaf3;
    color: #4b5874;
}
.es-scheduled{
    background: #d0ebff;
    color: #0059a6;
}
.es-sent{
    background: #99f2ed;
    color: #054541;
}
.es-active{
    background: #99f2ed;
    color: #054541;
}
.es-opened{
    background: #d0ddff;
    color: #21315a;
}
.es-suppressed{
    color: #7E1B57;
    background: #FFD0EC;
}
.template-edit-check-choose{
    font-size: 0;
}
.template-edit-check-choose span{
    display: inline-block;
    vertical-align: top;
}
.template-edit-check-choose span:nth-child(1){
    margin: 0 12px 0 0;
}
.template-edit-check-choose span a{
    display: block;
    height: 40px;
    width: 64px;
    text-align: center;
    border: #dfe1e4 1px solid;
    border-radius: 3px;
    line-height: 38px;
    box-sizing: border-box;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.template-edit-check-choose span a.onactive{
    color: #2b374d;
    border-color: #2196f3;
}
.template-edit-check-choose-tips{
    padding: 16px 0 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.3em;
}
.template-edit-section-text{
    margin: -12px 0 0 0;
    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;
}
.template-edit-section-preview-box{
    font-size: 0;
}
.template-edit-section-preview-box-left{
    display: inline-block;
    vertical-align: middle;
    margin: 0 32px 0 0;
}
.template-edit-section-preview-box-right{
    display: inline-block;
    vertical-align: middle;
}
.template-edit-section-preview-waitingroom{
    width: 560px;
    height: 380px;
    background: #fafbfd;
    padding: 120px 0 0 0;
    box-sizing: border-box;
    text-align: center;
}
.template-edit-section-preview-waitingroom-icon{
    width: 28px;
    margin: 0 auto 24px;
    border-radius: 6px;
    overflow: hidden;
}
.template-edit-section-preview-waitingroom-title{
    padding: 0 0 16px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.template-edit-section-preview-waitingroom-time{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.template-edit-section-preview-box-link a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #1089f5;
    letter-spacing: -0.2px;
}
.template-edit-proload-text{
    margin: -36px 0 0 0;
    padding: 0 0 32px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.template-edit-proload-list{
    border: #e9edf0 1px solid;
    border-radius: 6px;
    padding: 24px;
    margin: 0 0 24px 0;
}
.template-edit-proload-list-in{
    position: relative;
    padding: 0 170px 0 50px;
}
.template-edit-proload-list-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
}
.template-edit-proload-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: 500;
}
.template-edit-proload-list-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717e94;
    letter-spacing: -0.2px;
    line-height: 1.4em;
}
.template-edit-proload-list-btns{
    position: absolute;
    right: 0;
    top: 0;
}
.template-edit-proload-list-btns a{
    display: block;
    width: 160px;
    height: 40px;
    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;
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
}
.template-edit-proload-upload-type-title{
    padding: 0 0 4px 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.2px;
    font-weight: 600;
}
.template-edit-proload-upload-type-title span{
    font-weight: normal;
}
.template-edit-proload-upload-list{
    display: block;
    list-style: none;
}
.template-edit-proload-upload-list li{
    display: block;
    border-bottom: #f4f6f8 1px solid;
    padding: 24px 0;
}
.template-edit-proload-upload-list-in{
    position: relative;
    padding: 0 110px 0 40px;
}
.template-edit-proload-upload-list-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
}
.template-edit-proload-upload-list-name{
    position: relative;
    padding: 2px 160px 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2b374d;
    letter-spacing: -0.2px;
}
.template-edit-proload-upload-list-state{
    position: absolute;
    right: 0;
    top: 2px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
}
.template-edit-proload-upload-list-btns{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
}
.template-edit-proload-upload-list-btns span{
    display: inline-block;
    vertical-align: top;
    width: 13px;
}
.template-edit-proload-upload-list-btns span:last-child{
    margin: 0 0 0 32px;
}
.template-edit-proload-upload-list-add{
    position: relative;
    padding: 20px 0 0 0;
}
.template-edit-proload-upload-list-add a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #1089f5;
}
.body-host-temp-list-btn-box-edit a img{
    width: 16px;
    height: 16px;
}
.channel-tmp-more{
    text-align: center;
    padding: 0 0 20px 0;
}
.channel-tmp-more a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    border: #dee4ef 1px solid;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #17233f;
    font-weight: 500;
    letter-spacing: -0.01em;
    padding: 0 20px;
    height: 40px;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FB 100%);
}


/*added by gao*/
.body-host-template{
    float: left;
    height: 90px;
    overflow: hidden;
}
.body-dashboard-nav-list-2{
    font-size: 0;
    float: left;
}
.body-dashboard-nav-list-2 a{
    display: inline-block;
    margin: 0 32px 0 0;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #717e94;
    letter-spacing: -0.2px;
}
.body-dashboard-nav-list-2 a b{
    display: block;
    padding: 0 0 14px 0;
    text-align: center;
    font-weight: normal;
}
.body-dashboard-nav-list-2 a i{
    display: block;
    /*max-width: 24px;*/
    margin: 0 auto;
    height: 2px;
    background: #fff;
}
.body-dashboard-nav-list-2 a.onactive b{
    color: #2b374d;
    font-weight: 500;
}
.body-dashboard-nav-list-2 a.onactive i{
    background-image: linear-gradient(to left, #0390f5, #1db3fa);
}
.body-dashboard-nav-search-in-2{
    position: absolute;
    top: 12px;
    left: 11px;
    z-index: 1;
}
.body-dashboard-nav-search-icon-2{
    width: 16px;
    height: 16px;
}
.body-dashboard-nav-search-icon-2 svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #c1c9d6;
}
.body-dashboard-nav-serach-input-2{
    position: relative;
}
.body-dashboard-nav-serach-input-2 input{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    border: #dfe1e4 1px solid;
    border-radius: 4px;
    padding: 0 12px 0 39px;
    color: #2b374d;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: none;
}
.body-dashboard-nav-serach-input-2 input::-webkit-input-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input-2 input::-moz-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input-2 input::-ms-input-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input-2 input:-ms-input-placeholder{
    color:#a2abbb;
}
.body-dashboard-nav-serach-input-2 input::-o-placeholder{
    color:#a2abbb;
}
.channel-video-box-contents-list-icon-new{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

.channel-video-list-box-contents-list-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 94px;
    background-repeat: no-repeat;
    background-position: center;
    /*z-index: 3;*/
}
.show-list .body-dahsboard-elment-list-img{
    height: 170px;
    width: 292px;
}
.show-grid .body-dahsboard-elment-list-img{
    height: 94px;
}
.show-list .channel-video-box-contents-list-icon-new{
   background-size: 292px;
}
.show-list .channel-video-list-box-contents-list-icon{
    background-size: 168px;
}
.body-host-temp-list-btn-box-show{
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
  }
  .body-host-temp-list-btn-box-show a svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: #0390f5;
  }
  .body-host-temp-list-btn-box-show.hidden a svg{
    fill: #717e94;
  }
  .body-host-temp-list-btn-box-show a .js-hide-template{
    display: none;
  }
  .body-host-temp-list-btn-box-show.hidden a .js-show-template{
    display: none;
  }
  .body-host-temp-list-btn-box-show.hidden a .js-hide-template{
    display: block;
  }


.new-home-main-template-create-show{
    display: none;
    position: absolute;
    list-style: none;
    padding: 4px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16);
    background: #fff;
    width: 356px;
    z-index: 30;
    right: 0;
    top: 48px;
}
.new-home-main-template-create-show.onactive{
    display: block;
}
.new-home-main-template-create-show li{
    display: block;
}
.new-home-main-template-create-show li a{
    position: relative;
    display: block;
    padding: 14px 16px 14px 60px;
    width: auto;
    height: unset;
    background: none;
    text-align: left;
    line-height: normal;
}
.new-home-main-template-create-show-icon{
    position: absolute;
    left: 16px;
    top: 16px;
    width: 28px;
}
.new-home-main-template-create-show-title{
    padding: 0 0 4px 0;
    font-family: 'ModernSans';
    font-size: 14px;
    color: #263044;
    letter-spacing: -0.3px;
    font-weight: bold;
}
.new-home-main-template-create-show-text{
    font-family: 'ModernSans';
    font-size: 13px;
    color: #4c586e;
    letter-spacing: -0.2px;
    line-height: 1.23em;
    font-weight: normal;
}
.new-home-main-template-create-show li a:hover{
    background: #f5f7fa;
}
.body-main-preview-box{
    text-align: center;
    padding-top: 20px;
}




@media screen and (max-width:1277px){
    .host-first-step{
        top: 630px;
    }
    .host-third-step{
        left: 507px;
    }
}
@media screen and (max-width:1024px){
    .host-first-step{
        top: 423px;
        left: 12px;
    }
    .host-second-step{
        right: 24px;
    }
    .host-third-step{
        left: 234px;
    }
    .splash-list li{
        width: 30%;
    }
    .splash-list-in{
        padding: 35px 10px;
    }
}

@media screen and (max-width:1137px){
    .body-upcoming-full-title{
        font-size: 20px;
    }
    .body-upcoming-narrow-title{
        font-size:14px;
    }
}
@media screen and (max-width:1024px){
    .header-search-box{
        width: 45%;
    }
    .lhb-nav-box > li a{
        margin: 0 10px;
        min-width: inherit;
    }
}
@media screen and (max-width:1023px){
    .header-search-box{
        display: none;
        float: none;
        position: absolute;
        top: 50px;
        background: #fff;
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        z-index: 30;
    }
    .header-search-icon-mobile{
        display: block;
        float: left;
        font-size: 18px;
        line-height: 50px;
    }
    .header-search-icon-mobile a{
        display: block;
        padding: 0 15px;
        color: #d0d3d5;
    }
    .header-search-box.onactive{
        display: block;
    }
    .main-body.onactive .main-body-mnav{
        margin-left: -273px;
    }
    .body-left{
        bottom: 0;
    }
    .body-host-start-list li{
        display: block;
        margin: 0 auto 36px;
    }

    .splash-drawer{
        display: none;
    }
    .splash-footer-right a.splash-footer-btn-1{
        display: none;
    }
}
@media screen and (max-width:1023px) and (min-width:800px) {

    .header-user-host a{
        font-size:14px;
        padding: 7px 10px;
    }
    .header-user-name > a i{
        display:none;
    }
    .header-user-name > a span{
    }
    .header-user-tool .top-prong{
        left:83%;
    }

    .main-host-box-list, .main-host-box-list-2 a{
        font-size:18px;
    }
    .banner-conference-date{
        font-size:14px;
    }
    .banner-conferecne-date-time{
        padding:0 20px 0 0;
    }
    .body-upcoming-full-title{
        font-size:18px;
    }
    .body-upcoming-full-category, .body-upcoming-full-text{
        font-size:14px;
    }
    .body-upcoming-narrow-title{
        font-size:14px;
    }
    .body-upcoming-narrow-box li:nth-child(odd), .body-upcoming-narrow-box li:nth-child(even){
        float: none;
        width: auto;
    }
    .banner-conference-title{
        font-size: 18px;
    }
}
@media screen and (max-width:800px) {
    .main-conference-title a{
        font-size: 18px;
    }
    .header-user-name > a i{
        display:none;
    }
    .main-conference-price-in{
        display:block;
        width:auto;
    }
    .body-main-conference-box-list > li:hover .main-conference-long{
        display: block;
    }
    .main-conference-price{
        font-size:14px;
        padding: 9px 0 0 0;
        height: auto;
    }
    .main-conference-by{
        padding: 5px 0 0 0;
    }
    .main-conference-title{
        padding: 5px 0 0 0;
    }
    .main-conference-long, .main-conference-organizer{
        height: auto;
        line-height: normal;
    }

    .host-mask-box-out{
        display:none;
    }

    .body-left-menus > .host-tour-li{
        display:none;
    }

}
@media screen and (max-width:768px){
    .body-product-update-list{
        text-align: center;
    }
    .body-product-update-list li{
        width: auto;
        max-width: 384px;
    }

    .dashboard-2019-section-2-banner-img{
        margin-bottom:24px;
    }
}
@media screen and (max-width:767px) {
    .fxw, .fxw-m{
        flex-flow: row wrap;
    }
    body.onactive{
        -webkit-transform: translate(310px,0);
        -ms-transform: translate(310px,0);
        -o-transform: translate(310px,0);
         transform: translate(310px,0);
        transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        overflow-x: hidden;
    }
    .main-conference-price-in{
        display:block;
    }
    .body-main-conference-box-mask{
        padding: 10px;
    }
    .body-main-conference-box-list > li{
        display: block;
        margin: 0 auto 15px;
        width: auto;
        box-shadow: none;
        border-radius: 0px;
        background: #fff;
    }
    .body-main-conference-box-list-in{
        background: none;
        border-bottom: #e3e3e3 1px solid;
    }
    .body-main-conference-box-in{
        width: 94%;
        margin: 0 auto;
    }
    .body-main-conference-nothing-title{
        font-size: 24px;
    }
    .body-main-conference-nothing-btn span{
        display: block;
        width: auto;
        margin: 0 0 20px 0;
    }
    .body-main-conference-nothing-btn span a, .body-main-conference-box-btn a{
        margin: 0 auto;
    }
    .body-main-conference-box-text{
        text-align: center;
    }

    .main-confernce-img{
        position: absolute;
        width: 128px;
        height: 128px;
    }

    .body-main-curses-right-item{
        display: none;
    }

    .banner-conference-title{
        font-size: 26px;
    }
    .lhb-nav{
        display: none;
    }

    .main-host-box-list{
        display:block;
        padding:0 0 20px 0;
    }
    .main-host-box-list-2{
        display:block;
    }
    .body-main-conference-box-button{
        position:static;
        text-align:center;
    }
    .body-main-conference-box-titel{
        text-align:center;
    }

    .nudge-title{
        font-size:24px;
    }
    .nudge-sub-title{
        font-size:16px;
    }
    .nudge-box, .nudge-box > li{
        height:auto;
    }
    .nudge-box-in{
        height:auto;
    }
    .nudge-progress-box{
        position:static;
        padding:20px 0 10px 0;
        width:auto;
        max-width:250px;
    }
    .nudge-progress{
        float:left;
        width:100%;
        max-width:182px;
        margin:3px 0 0 0;
    }
    .nudge-progress-numb{
        float:right;
        font-size:22px;
        padding:0 0 0 15px;
    }
    .nudge-try-button{
        padding:0;
    }
    .nudge-try-button a, .nudge-host-button a{
        font-size:16px;
        padding:10px 48px 10px 15px;
    }
    .nudge-try-button a span, .nudge-host-button a span{
        right:15px;
    }
    .nudge-userphoto-button a{
        font-size:16px;
        padding: 10px 42px 10px 10px;
    }
    .nudge-userphoto-button a span{
        right:10px;
    }
    .header-host-nav{
        /*display:none;*/
    }

    .body-upcoming-full-title{
        font-size:18px;
    }
    .body-upcoming-full-category, .body-upcoming-full-text{
        font-size:14px;
    }
    .body-upcoming-narrow-title{
        font-size:14px;
    }
    .body-upcoming-full-img, .body-upcoming-narrow-img{
        float:none;
        width:auto;
        max-width:680px;
        margin:0 auto;
    }
    .body-upcoming-full-img a, .body-upcoming-narrow-img a{
        display: block;
        width: auto;
        height: auto;
    }
    .body-upcoming-full-right, .body-upcoming-narrow-right{
        float:none;
        margin:15px 0 0 0;
    }
    .body-upcoming-full-right-in, .body-upcoming-narrow-right-in{
        margin:0;
    }
    .body-upcoming-narrow-box li:nth-child(odd), .body-upcoming-narrow-box li:nth-child(even){
        float:none;
        width:auto;
    }
    .body-upcoming-narrow-date{
        left:5px;
    }
    .main-conference-title a{
        height: auto;
        overflow: visible;
        font-size: 16px;
        font-weight: 500;
    }
    .header-user-name > a{
        padding: 0;
    }
    .banner-feature-text, .banner-conference-details{
        max-height: none;
        overflow: visible;
    }
    .body-main-conference-box-sub-description{
        text-align: center;
    }
    .body-main-curses-header a{
        padding: 0 10px 0 0;
    }
    .banner-conference-buyorshare .banner-conference-buy-btn{
        margin: 0 0 20px 0;
    }
    .ne-creation-ticket a{
        width: 120px;
    }

    .body-host-left{
        float: none;
        margin: 0
    }
    .body-host-left-in{
        margin: 0;
    }
    .body-host-right{
        float: none;
        width: auto;
    }
    .body-host-scheduled-box-img, .body-host-scheduled-box-past, .body-host-scheduled-box-24{
        float: none;
        margin: 0 auto 20px;
    }
    .body-host-scheduled-box-right{
        float: none;
        margin: 0;
    }
    .body-host-scheduled-box-right-in{
        margin: 0;
        text-align: center;
    }
    .body-host-scheduled-box-in{
        padding: 0;
    }
    .body-host-scheduled-box-btn{
        position: static;
        width: auto;
        padding: 20px 0 0 0;
    }
    .actions-btn{
        margin: 0 auto;
    }
    .body-host-section-2{
        padding: 30px 0 25px 0;
    }
    .body-dashboard-nav-search.two-part{
        width: 120px;
    }
    .body-host-scheduled-box-title{
        border-bottom: none;
    }
    .body-host-scheduled-box li{
        border-bottom:#eaedf0 1px solid;
        padding: 30px 0 30px 0
    }
    .body-host-scheduled-box li:last-child{
        padding: 30px 0 30px 0
    }
    .liveon-btn{
        width: 100%
    }
    .body-dashboard-nav-list a:nth-child(2){
        left:30px;
    }

    .body-dashboard-nav-list a:nth-child(3){
        left:110px;
    }
    .body-dashboard-nav-list a:nth-child(4){
        left:145px;
    }
    .body-dashboard-nav-list a{
        top: 4px;
    }

    .splash-title{
        font-size:25px;
    }

    .splash-skip{
        display:none;
    }

    .splash-contents{
        padding-top: 25px;
    }

    .ne-form-box-title{
        font-size: 18px;
        padding: 0 0 15px 0;
    }


    .ns-main{
        display: block;
    }
    .ns-main-left{
        display: block;
        width: 100%;
    }
    .ns-main-right{
        display: block;
        width: 100%;
    }
    .ns-main-contents-r{
        padding: 30px 0 100px 0;
    }
    .ns-main-body{
        display: none;
    }
    .ns-main-signup-title{
        font-size: 26px;
    }

    .splash-main{
        display: block;
        overflow: visible;
    }
    .splash-list li{
        width: 264px;
        display: block;
        margin: 0 auto 20px;
    }
    .splash-list-in{
        padding: 35px 30px;
    }
    .splash-body{
        display: block;
    }
    .splash-contents{
        position: static;
    }
    .splash-footer{
        position: static;
    }
    .splash-footer-left{
        float: none;
        text-align: center;
        padding: 0 0 20px 0;
    }
    .splash-footer-right{
        float: none;
        text-align: center;
    }
    .cl-header-channel-box{
        margin: 0;
        width: auto;
    }
    .cl-header-channel-box-in{
        margin: 0;
    }
    .channel-header-left{
        width: 90px;
    }
    .cl-header-channel-name{
        display: none;
    }

    .list-email-unsubscribe-list-box-left{
        float: none;
        margin: 0;
    }
    .list-email-unsubscribe-list-box-left-in{
        margin: 0;
    }
    .list-email-unsubscribe-list-box-right{
        float: none;
        padding: 19px 0 0 0;
    }
    .list-email-unsubscribe-list-box-from-left{
        float: none;
        width: auto;
        padding: 0 0 16px 0;
    }
    .list-email-unsubscribe-list-box-from-right{
        float: none;
        width: auto;
    }
    .body-host-title{
        line-height: 1.3em;
    }
    .body-host-title > span{
        position: static;
        margin: 40px 0 0 0;
        max-width: 343px;
        width: 100%;
    }
    .body-host-top-btn-right{
        position: relative;
        margin: 40px 0 0 0;
        max-width: 343px;
        width: 100%;
    }
    .new-home-main-template-create-show{
        right: auto;
        left: -2px;
    }


}

@media  (max-width:580px){
    .main-host-box-list, .main-host-box-list-2 a{
        font-size:14px;
    }
    .header-left{
        width:200px;
    }
    .header-left.onactive .header-hamburger{
        left:0;
        right:auto;
    }
    .header-left.onactive .logo{
        margin:0 0 0 70px;
    }
    .header-right{
        margin:0 0 0 -200px;
    }
    .header-right-in{
        margin:0 0 0 200px;
    }
    .header-user-name{
        display: none;
    }
    .body-discover-tips{
        font-size:14px;
    }
    .body-discover-title-text{
        font-size:18px;
        text-align:center;
    }
    .body-discover-sub-title{
        font-size:14px;
        text-align:center;
    }
    .host .header-left{
        width: 200px;
    }
    .body-host-my-channels-box{
        text-align: center;
    }
    .body-host-section-title{
        text-align: center;
        padding: 0 0 20px 0;
        width: auto;
    }
    .body-host-section-title-link{
        /*display: none;*/
    }
    .header-host-nav li > a span{
        font-size: 13px;
    }
    .header-host-nav li.header-mw{
        display: none;
    }
    .body-host-title > span a{
        width: 180px;
    }

    .body-host-section-ltdf-box-left{
        display:none;
    }
    .body-host-section-ltdf-box-right{
        float:left;
    }

    .dashboard-2019-section-2-banner{
        background-image: none !important;

    }

}


@media screen and (min-width:480px) {
    .body-right-fullscreen{
        width: 234px;
    }
}

@media screen and (min-width:500px) {
    .body-right-fullscreen{
        width: 479px;
    }
}

@media screen and (min-width:640px) {
    .body-right-fullscreen{
        width: 479px;
    }
}

@media screen and (min-width:768px) {
    .body-right-fullscreen{
        width: 724px;
    }
}

@media screen and (min-width:992px) {
    .body-right-fullscreen{
        width: 724px;
    }
}

@media screen and (min-width:1024px) {
    .body-right-fullscreen{
        width: 724px;
    }
}

@media screen and (min-width:1280px) {
    .body-right-fullscreen{
        width: 969px;
    }
}

@media screen and (min-width:1366px) {
    .body-right-fullscreen{
        width: 969px;
    }
}

@media screen and (min-width:1440px) {
    .body-right-fullscreen{
        width: 969px;
    }
}

@media screen and (min-width:1600px) {
    .body-right-fullscreen{
        width: 1214px;
    }
}

@media screen and (min-width:1680px) {
    .body-right-fullscreen{
        width: 1214px;
    }
}

@media screen and (min-width:1920px) {
    .body-right-fullscreen{
        width: 1459px;
    }
}

@media screen and (min-width:2560px) {
    .body-right-fullscreen{
        width: 2194px;
    }
}
.blue-text{
    color: #0a9af6;
}
.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-live-experience {
    padding-top: 20px;
}
.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.manage-webinar-dashboard-settings-experience {
    padding-top: 0;
}
.new-dashboard-section-2-contents-list:last-child{
    border: none;
    padding-bottom: 0;
}
.new-dashboard-2019-section-list-title.ended,
.new-dashboard-2019-section-list-text.ended,
.webinar-ended .new-dashboard-2019-section-list-title.not-end,
.webinar-ended .new-dashboard-2019-section-list-text.not-end,
.new-dashboard-section-2-contents-list.webinar-ended #js-breakout-room-total-room,
.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,
.new-dashboard-section-2-contents-list.close,
.conf-waiting-room-attendee.disabled .manage-waiting-room-when-enter,
.conf-waiting-room-attendee.disabled .waiting-room-when-can-attendees-enter,
.conf-waiting-room-attendee.disabled .manage-waiting-room-when-enter-title {
    display: none;
}
.webinar-ended .new-dashboard-2019-section-list-title.ended,
.webinar-ended .new-dashboard-2019-section-list-text.ended {
    display: block;
}
.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-right{
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 16px;
}
.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;
}

#manage-recording-section {
    display: flex;
    flex-direction: column;
    margin: 0;
}
#manage-recording-section > li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0 0 0;
    padding: 0;
    font-size: 14px;
}
#manage-recording-section > li > a {
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1089f5;
    letter-spacing: -0.2px;
    font-weight: normal;
}
#manage-recording-section .new-dashboard-2019-audience-list-select {
    float: none;
    display: inline-block;
    width: auto;
}
#manage-recording-section .new-dashboard-2019-audience-list-select select {
    border-radius: 5px;
    height: 30px;
    padding: 0 24px 0 10px;
}
#manage-recording-section .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;*/
}
.new-dashboard-2019-audience-list-switch.force-disabled {
    opacity: 0.6;
}
#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;
}
.new-dashboard-2019-audience-list-switch.js-time-out span i{
    opacity: 0.6;
}
#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 a{
    color: #2b374d;
    text-decoration: underline;
}
.new-dashboard-2019-part-tips-text#clockdiv{
    min-height: 18px;
}
.new-dashboard-2019-part-tips-text .dial-in-info,
.new-dashboard-2019-part-tips-text .js-hide-dial-in-info,
.new-dashboard-2019-part-tips-text.show-info .js-show-dial-in-info {
    display: none;
}
.new-dashboard-2019-part-tips-text.show-info .dial-in-info,
.new-dashboard-2019-part-tips-text.show-info .js-hide-dial-in-info,
.new-dashboard-2019-part-tips-text .js-show-dial-in-info {
    display: block;
}
.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;
}
.integrations-ac-section-list-title.slack-notification {
    line-height: 24px;
}
.new-dashboard-2019-section-slack-send {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
#enabled-slack-noti-form-section .new-dashboard-2019-save-button {
    margin: 10px 0 0 0;
}
.new-dashboard-2019-section-slack-select{
    flex: 1;
    position: relative;
    border: #dfe1e4 1px solid;
    border-radius: 3px;
}
.new-dashboard-2019-section-slack-select.error {
    border: #f35b59 1px solid;
}
.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 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-section-list-text a{
    color: #1089f5;
}
.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 select#js-choose-live-room-template {
    padding: 0 10px;
}
.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,
#js-green-room-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: 'ModernSans', 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: 'ModernSans', 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: 'ModernSans', 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: 'ModernSans', 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: 'ModernSans', 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,
.new-dashboard-breakout-room-switch-out{
    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;
}

/* on-demand  Manage Recording start */
.new-webinar-dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #D1D8E7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.new-webinar-dashboard-section .new-dashboard-section-2-contents-list {
    padding: 0;
}
.new-webinar-dashboard-title {
    color: #09142F;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.15px;
}
.new-webinar-dashboard-description {
    color: #465679;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.14px;
}
.new-webinar-dashboard-learn-more {
    color: #0098E0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.14px;
    text-decoration-line: underline;
}
.new-webinar-dashboard-tab-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.new-webinar-dashboard-tab {
    display: flex;
    padding: 8px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    color: #637397;
    border: 1px solid #637397;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.15px;
    cursor: pointer;
}
.new-webinar-dashboard-tab.onactive {
    color: #09142F;
    border: 1px solid #0098E0;
}
/* on-demand  Manage Recording end */

.new-dashboard-section-2-top-nav{
    background: #f9fafc;
    border-radius: 3px 3px 0 0;
    padding: 16px 24px 0;
    border-bottom: #eaedf0 1px solid;
    font-size: 0;
    position: relative;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    box-shadow: 0px -3px 0px 0px #E7EBF2 inset;
    gap: 32px;
}
.new-dashboard-section-2-top-nav-stack{
    list-style: none;
    display: flex;
    justify-content: left;
    align-items: flex-end;
    gap: 30px;
}
.new-dashboard-section-2-top-nav-stack li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #263044;
    padding: 0 0 20px 0;
}
.new-dashboard-section-2-top-nav-stack li a::after{
    content: '';
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #1089f5;
}
.new-dashboard-section-2-top-nav-stack li a.onactive{
    font-weight: 600;
    color: #1089f5;
}
.new-dashboard-section-2-top-nav-stack li a.onactive::after{
    display: block;
}
.new-dashboard-section-2-title-nobg{
    border-radius: 3px 3px 0 0;
    padding: 16px 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.new-dashboard-section-2-title-nobg-left{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2b374d;
    font-weight: 500;
    letter-spacing: -0.2px;
}
.new-dashboard-download-section{
    padding: 0;
    float: none;
    margin: 0;
}
.new-dashboard-section-nobg-2{
    padding: 0 0 16px 0;
}
.new-dashboard-show-display-duration {
    margin-bottom: 20px;
}
.new-dashboard-waiting-room-settings {
    padding: 0;
}



/* 20241127 */
.new-dashboard-section-2-top{
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 12px;
    background: #E3DFFF;
    border-radius: 5px;
    padding: 12px;
    margin: 0 0 16px 0;
}
.new-dashboard-section-2-top-icon{
    width: 20px;
}
.new-dashboard-section-2-top-right{
    flex: 1;
}
.new-dashboard-section-2-top-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #240052;
    font-weight: 500;
    line-height: 1.35em;
    letter-spacing: -0.14px;
    padding: 0 0 4px 0;
}
.new-dashboard-section-2-top-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #240052;
    font-weight: 400;
    line-height: 1.28em;
    letter-spacing: -0.14px;
}
.new-dashboard-section-2-top-text a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #4E4CFF;
}
.new-dashboard-section-2-top-navbox{
    padding: 32px 0 24px 0;
}
.new-dashboard-section-2-top-nav li:last-child{
    margin: 0;
}
.new-dashboard-section-2-top-nav li a{
    position: relative;
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #465679;
    font-weight: 500;
    letter-spacing: -0.2px;
    padding: 14px 0;
}
.new-dashboard-section-2-top-nav li a:after{
    content: " ";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(107deg, #00A2D6 0%, #0088EA 100%);
}
.new-dashboard-section-2-top-nav li a.onactive{
    color: #4c586e;
}
.new-dashboard-section-2-top-nav li a.onactive:after{
    display: block;
}

.new-dashboard-section-ai-drive-tablebox{
    overflow: auto;
    max-height: 420px;
}
.new-dashboard-section-ai-drive-table{
    padding: 0 0 16px 0;
    width: 100%;
}
.new-dashboard-section-ai-drive-table table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.new-dashboard-section-ai-drive-table table tr th{
    padding: 16px 16px 15px 16px;
    border-bottom: #eff1f6 1px solid;
    text-align: left;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #838fa5;
    letter-spacing: -0.2px;
}
.new-dashboard-section-ai-drive-table table tr td{
    padding: 16px 16px 15px 16px;
    vertical-align: middle;
    border-bottom: #e6eaf3 1px solid;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #02091a;
    letter-spacing: -0.2px;
    white-space: nowrap;
}
.new-dashboard-section-ai-drive-table-header{
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.new-dashboard-section-ai-drive-table-header span{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #838FA5;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.2em;
    white-space: nowrap;
}
.new-dashboard-section-ai-drive-table-header i svg{
    display: block;
}
.new-dashboard-lead-score{
    padding: 8px 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.14px;
}
.new-dashboard-section-blank{
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 88px 48px;
}
.new-dashboard-section-blank-icon{
    width: 36px;
    margin: 0 auto 24px;
}
.new-dashboard-section-blank-title{
    text-align: center;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #09142F;
    font-weight: 600;
    line-height: 1.13em;
    letter-spacing: -0.15px;
    padding: 0 0 8px 0;
}
.new-dashboard-section-blank-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #465679;
    font-weight: 400;
    line-height: 1.29em;
    letter-spacing: -0.14px;
    text-align: center;
}
.new-dashboard-section-2-title-right-in{
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 16px;
}
.new-dashboard-section-2-title-right-in-link a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0098E0;
    font-weight: 500;
    line-height: 1.33em;
    letter-spacing: -0.15px;
}
.new-dashboard-section-2-title-right-in-more{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    position: relative;
}
.new-dashboard-section-2-title-right-in-more i svg{
    display: block;
}
.new-dashboard-section-2-title-right-in-more-show{
    display: none;
    position: absolute;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    padding: 4px 0;
    list-style: none;
    top: 22px;
    right: 0;
    z-index: 3;
    width: 120px;
}
.new-dashboard-section-2-title-right-in-more-show li a{
    display: flex;
    justify-content: left;
    padding: 8px 12px;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #09142F;
    font-weight: 400;
    line-height: 1.26em;
    letter-spacing: -0.15px;
}
.new-dashboard-section-2-title-right-in-more-show li a:hover{
    background: #F6F7FA;
}
.new-dashboard-section-2-title-right-in-more:hover .new-dashboard-section-2-title-right-in-more-show{
    display: block;
}

.new-dashboard-section-ai-card-stack{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 8px;
}
.new-dashboard-section-ai-card{
    padding: 20px 24px;
    border: #EBF0FA 1px solid;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    flex: 1;
}
.new-dashboard-section-ai-card-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #09142F;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.new-dashboard-section-ai-card-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #465679;
    font-weight: 400;
    line-height: 1.28em;
    letter-spacing: -0.14px;
}
.new-dashboard-section-ai-drive-table-action a{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0098E0;
    font-weight: 500;
    letter-spacing: -0.15px;
}
/* 20241127 end */


.ai-content-derivative-section-title{
    font-size: 23px;
    color: #09142F;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: -0.46px;
    padding: 0 0 24px 0;
}
.ai-content-derivative-content{
    padding: 0 32px;
    border-radius: 24px;
    border: 1px solid rgba(120, 128, 246, 0.10);
    background: radial-gradient(100% 100% at 100% 100%, #DEDFFF 0%, rgba(72, 78, 232, 0.00) 100%), rgba(255, 255, 255, 0.60);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 56px;
}
.ai-content-derivative-content-left{
    padding: 32px 0;
    flex: 1;
    max-width: 378px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ai-content-derivative-content-right{
    flex: 1;
    padding: 32px 0 0 0;
    display: flex;
}
.after{
    display: none;
}
.ai-content-derivative-content.onactive .before{
    display: none;
}
.ai-content-derivative-content.onactive .after{
    display: block;
}
.ai-content-derivative-content.onactive .ai-content-derivative-star{
    margin-bottom: 4px;
}
.ai-content-derivative-title{
    color: #0A105F;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.22px;
}
.ai-content-derivative-description{
    color: #0A105F;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.15px;
    padding: 24px 0;
}
.derivative-progress-box{
    padding-top: 12px;
}
.derivative-progress-bar{
    display: flex;
    height: 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid rgba(120, 128, 246, 0.20);
    background: #FFF;
}
.derivative-progress-line{
    height: 100%;
    border-radius: 4px;
    background: #9EAFDB;
}
.derivative-progress-bottom{
    margin-top: 6px;
    display: flex;
    gap: 24px;
}
.derivative-progress-text{
    flex: 1;
    color: #455199;
    font-family: "Neue Haas Grotesk Display Pro", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    letter-spacing: 0.26px;
}
.derivative-progress-number{
    color: #455199;
    font-family: "Neue Haas Grotesk Display Pro", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
}
.ai-content-derivative-operation{
    padding: 12px 0 0 0;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 8px;
}
.ai-content-derivative-operation .derivative-button{
    display: flex;
    height: 40px;
    padding: 4px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: #0A105F;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.16px;
    width: auto;
}
.derivative-learn-more{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgba(72, 86, 240, 0.6);
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: -0.16px;
    height: 40px;
    padding: 4px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #E0E2FF;
    background: #FFF;
    display: flex;
}
.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;
}
/* 20231102 dashboard warning */
.nd-top-tip-toasts{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 4px;
    margin: 0 0 24px 0;
    align-items: center;
}
.nd-top-tip-toasts-shadow{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}
.nd-top-tip-toasts i{
    display: block;
    width: 20px;
}
.nd-top-tip-toasts i svg{
    display: block;
    width: 20px;
    height: 20px;
}
.nd-top-tip-toasts-main{
    flex: 1;
}
.nd-top-tip-toasts-title{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 4px 0;
}
.nd-top-tip-toasts-text{
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29em;
    letter-spacing: -0.01em;
}
.nd-top-tip-toasts-right{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.nd-top-tip-toasts-close svg{
    display: block;
    width: 12px;
    height: 12px;
}
.nd-top-tip-toasts-li{
    padding: 8px 0 0 16px;
}
.nd-top-toasts-purple{
    background: #e3dfff;
}
.nd-top-toasts-green{
    background: #c4f6f7;
}
.nd-top-toasts-yellow{
    background: #ffeac8;
}
.nd-top-toasts-red{
    background: #ffd8e9;
}

.nd-top-tip-toasts.nd-top-toasts-red i svg{
    fill: #df005e;
}
.nd-top-tip-toasts.nd-top-toasts-red .nd-top-tip-toasts-text, .nd-top-tip-toasts.nd-top-toasts-red .nd-top-tip-toasts-title{
    color: #b8004d;
}
.nd-top-toasts-red .nd-top-tip-toasts-text a{
    color: #b8004d;
}
.nd-top-tip-toasts.nd-top-toasts-red .nd-top-tip-toasts-close svg{
    fill: #df005e;
}
.nd-top-tip-toasts.nd-top-toasts-yellow .nd-top-tip-toasts-text{
    color: #AD6B08;
}
.nd-top-tip-toasts.nd-top-toasts-yellow .nd-top-tip-toasts-close svg{
  fill: #AD6B08;
}
/* 20231102 dashboard warning end */







@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;
    }

}






.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;
    /*
      the slidout offer should cover the audience viewer.
     it should be bigger than `#js-audience-view-content.loaded`
    */
    z-index: 32;
    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;
}
.pm-create-list-error-text {
    display: none;
}
.pm-create-list-box-2.pm-error .pm-create-list-input-box .pm-create-list-error-text {
    display: block;
    font-family: 'ModernSans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #f35b59;
    letter-spacing: -0.2px;
    padding: 4px 0 0 0;
}

.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, .pre-load-offer-list-control-copy{
    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-copy a svg{
    fill: #ffffff;
}
.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;
    }
}
/*






*/