/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/dialerPop/DialerGuide.vue?vue&type=style&index=0&id=36ec4726&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-guide-popwin .guide-title-wrap { width: 760px; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-bottom: 1px solid #ebecf1; } .dialer-guide-popwin .guide-title-wrap .guide-title { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: normal; color: #515666; } .dialer-guide-popwin .guide-title-wrap .guide-title .line-1 { line-height: 20px; font-size: 16px; font-weight: 600; } .dialer-guide-popwin .guide-title-wrap .guide-title .line-2 { margin-top: 1px; line-height: 20px; font-size: 14px; } .dialer-guide-popwin .guide-title-wrap .icon-cancel_bold { position: absolute; top: 20px; right: 20px; margin: 0; height: 16px; width: 16px; } .dialer-guide-popwin .guide-title-wrap .icon-cancel_bold:before { position: absolute; top: 0; font-size: 16px; } .dialer-guide-popwin .guide-content-wrap { padding: 20px 40px 30px; width: 760px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fafbfd; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dialer-guide-popwin .guide-content-wrap .guide-content-item { cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 330px; height: 200px; margin: 0 20px 20px 0; border-radius: 4px; border: 1px solid #e1e2e6; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; } .dialer-guide-popwin .guide-content-wrap .guide-content-item:nth-of-type(2) { margin: 0 0 20px 0; } .dialer-guide-popwin .guide-content-wrap .guide-content-item:nth-of-type(3) { margin: 0 20px 0 0; } .dialer-guide-popwin .guide-content-wrap .guide-content-item:nth-of-type(4) { margin: 0; } .dialer-guide-popwin .guide-content-wrap .guide-content-item:hover { border: 1px solid var(--primary-color); -webkit-box-shadow: 0 8px 15px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 8px 15px 0 rgba(0, 10, 30, 0.1); } .dialer-guide-popwin .guide-content-wrap .guide-content-item .item-image { width: 145px; height: 110px; margin-top: 20px; } .dialer-guide-popwin .guide-content-wrap .guide-content-item .item-title { color: #515666; line-height: 20px; font-size: 14px; margin-top: 10px; } .dialer-guide-popwin .guide-content-wrap .guide-content-item .item-info { color: #a0a3af; line-height: 20px; font-size: 14px; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/adsPop/adsPop.vue?vue&type=style&index=0&id=63db6e60&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/aiPop/aiPop.vue?vue&type=style&index=0&id=0eeb7b48&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/postcardPop/postcardPop.vue?vue&type=style&index=0&id=cef5d464&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/realTransferPop/realTransferPop.vue?vue&type=style&index=0&id=36acfc40&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .realtransfer-pop { font-family: "SF UI Text"; } .realtransfer-pop-body { width: 560px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; padding: 20px 30px; } .realtransfer-pop-body .sub-title { color: #515666; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 10px; } .realtransfer-pop-body .sub-title:last-child { margin-bottom: 0; } .realtransfer-pop-body .third-title { font-weight: 400; font-size: 16px; line-height: 24px; color: #515666; margin-bottom: 10px; } .realtransfer-pop-body .third-title > a { color: var(--primary-color); text-decoration: underline; } .realtransfer-pop-body .desc-wrap { background: #f6f7fb; border-radius: 4px; padding: 10px 20px; margin-bottom: 20px; } .realtransfer-pop-body .desc-wrap .desc-item { font-weight: 400; font-size: 16px; line-height: 24px; color: #515666; } .realtransfer-pop-body .blank { width: 100%; height: 20px; } .realtransfer-pop-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 30px; } .realtransfer-pop-footer .chime-btn:first-child { margin-right: 10px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/pictureFramePop/index.vue?vue&type=style&index=0&id=3c8fe22c&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .framePop .pop-container { width: 540px; height: 480px; } .framePop .pop-container .pop-title { display: none; } .framePop .pop-container .pop-body { width: 100%; height: 100%; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .framePop .pop-container .pop-body .close-btn { position: absolute; right: 21px; top: 21px; color: #1b1e2a; width: 14px; height: 14px; text-align: center; cursor: pointer; } .framePop .pop-container .pop-body .close-btn:hover { color: var(--primary-color); } .framePop .pop-container .pop-body .content { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .framePop .pop-container .pop-body .content .photo-box { margin-top: 50px; width: 100px; height: 100px; position: relative; } .framePop .pop-container .pop-body .content .photo-box > .frame { -o-object-fit: contain; object-fit: contain; z-index: 2; position: absolute; } .framePop .pop-container .pop-body .content .photo-box > .user { width: 100px; height: 100px; position: absolute; -o-object-fit: contain; object-fit: contain; z-index: 1; border-radius: 50px; max-height: 100px; max-width: 100px; -o-object-fit: cover; object-fit: cover; } .framePop .pop-container .pop-body .content .festival { margin-top: 30px; font-weight: 700; font-size: 22px; color: #202437; text-align: center; } .framePop .pop-container .pop-body .content .des { margin-top: 10px; font-weight: 400; font-size: 14px; color: #797e8b; text-align: center; width: 460px; } .framePop .pop-container .pop-body .content .des .underline { text-decoration: underline; } .framePop .pop-container .pop-body .content .save { margin-top: 30px; width: 280px; height: 40px; border-radius: 20px; color: white; line-height: 280px; font-size: 16px; text-align: center; background: var(--primary-color); overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .framePop .pop-container .pop-body .content .save:hover { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), var(--primary-color); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--primary-color); background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--primary-color); } .framePop .pop-container .pop-body .content .save:active { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), var(--primary-color); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--primary-color); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--primary-color); } .framePop .pop-container .pop-body .content .cancel { cursor: pointer; margin-top: 22px; color: var(--primary-color); line-height: 16px; } .framePop .pop-container .pop-body .content .cancel:hover { text-decoration: underline; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/securityPop/securityPop.vue?vue&type=style&index=0&id=3f7158f1&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .security-pop { font-family: "SF UI Text"; text-align: center; } .security-pop-body { padding: 40px; } .security-pop-body-img { width: 198px; height: 200px; margin-bottom: 20px; } .security-pop-body-title { font-weight: 700; font-size: 32px; line-height: 38px; color: #202437; margin-bottom: 20px; } .security-pop-body-desc1, .security-pop-body-desc2 { width: 560px; text-align: left; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #515666; margin-bottom: 20px; } .security-pop-body-desc2 { margin-bottom: 40px; } .security-pop-body-btns .chime-btn { width: 320px; height: 40px; } .security-pop-body-btns .chime-btn:nth-child(1) { margin-bottom: 20px; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/reminderLearnPop/index.vue?vue&type=style&index=0&id=619b3678&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .reminder-learn-pop .pop-container { width: 500px; padding: 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .reminder-learn-pop .pop-container .flexbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .reminder-learn-pop .pop-container .flexbox img { margin-top: 28px; width: 270px; height: 160px; -o-object-fit: contain; object-fit: contain; } .reminder-learn-pop .pop-container .flexbox p { margin-top: 10px; color: #515666; text-align: center; font-weight: 400; font-size: 16px; line-height: 24px; } .reminder-learn-pop .pop-container .flexbox > span { margin-top: 10px; margin-bottom: 10px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #c6c8d1; } .reminder-learn-pop .pop-container .flexbox .chime-btn { width: 147px; } .reminder-learn-pop .pop-footer { border-top: none !important; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/TCPAPop/index.vue?vue&type=style&index=0&id=69d35856&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .tcpa-reminder-pop .pop-container { width: 700px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tcpa-reminder-pop .pop-container .link { color: var(--primary-color); } .tcpa-reminder-pop .pop-container .tcpa-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-title { padding: 15px 30px 0; color: #204437; font-size: 16px; line-height: 20px; border: none; font-weight: 500; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-intro { color: #515666; font-size: 14px; line-height: 20px; padding: 10px 30px 14px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-link { padding: 16px 30px 20px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des { border-top: 1px solid #ebecf1; padding: 15px 30px; max-height: 265px; overflow: auto; overflow-x: hidden; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box { background: #f6f7fb; border: 1px solid #e1e2e6; border-bottom: none; padding: 15px; line-height: 20px; color: #515666; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-title { font-weight: 500; color: #515666; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-title .icon2017 { display: inline-block; color: #515666; font-size: 16px; margin-right: 6px; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-question { font-weight: 500; margin-top: 15px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-question.primaryColor { color: #2492fc; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-answer { color: #797e8b; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-answer.primaryColor { color: rgba(36, 146, 252, 0.8); } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-item-title { color: #797e8b; margin-top: 10px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-item-content { color: #797e8b; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-des .des-box .des-footer { color: #515666; margin-top: 6px; } .tcpa-reminder-pop .pop-container .tcpa-content .tcpa-content-step .content-help { color: #515666; padding: 0 30px 25px; margin-top: 11px; } .tcpa-reminder-pop .pop-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 30px; } .tcpa-reminder-pop .pop-footer .com-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #797e8b; } .tcpa-reminder-pop .pop-footer .chime-btn { margin-left: auto; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/TOUPop/index.vue?vue&type=style&index=0&id=bdf423fe&prod&lang=less& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .tou-reminder-pop { color: #515666; font-family: "SF UI Text"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .tou-reminder-pop a { text-decoration: underline; color: var(--primary-color); cursor: pointer; } .tou-reminder-pop .ul, .tou-reminder-pop ol { list-style: initial; } .tou-reminder-pop .link { color: var(--primary-color); text-decoration: underline; cursor: pointer; } .tou-reminder-pop .tou-content { min-height: 44px; width: 480px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tou-reminder-pop .pop-footer { text-align: right; border-top: none; padding: 20px; padding-top: 0; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/campaignExcessPop/index.vue?vue&type=style&index=0&id=fabe04c0&prod&lang=less&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-fabe04c0] { color: var(--primary-color) !important; } .hover-underline[data-v-fabe04c0]:hover { text-decoration: underline; } .campaign-excess-pop-body[data-v-fabe04c0] { width: 720px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px 23px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-excess-pop-body_icon[data-v-fabe04c0] { color: #ffa600; font-size: 50px; } .campaign-excess-pop-body .title[data-v-fabe04c0] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #515666; font-size: 18px; line-height: 22px; margin-top: 20px; word-break: break-word; font-weight: 700; text-align: center; } .campaign-excess-pop-body .one-percent-title[data-v-fabe04c0] { font-weight: 400 !important; font-size: 14px !important; line-height: 22px; } .campaign-excess-pop-body .note[data-v-fabe04c0] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fef8e4; border-radius: 4px; margin-top: 20px; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .campaign-excess-pop-body .note_label[data-v-fabe04c0] { color: #ffa200; font-size: 12px; font-weight: 600; line-height: 18px; } .campaign-excess-pop-body .note_value[data-v-fabe04c0] { font-size: 14px; color: #ffa200; line-height: 18px; word-break: break-word; font-weight: 400; margin-left: 15px; } .campaign-excess-pop-body .tip[data-v-fabe04c0] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #797e8b; font-size: 12px; font-weight: 400; margin-top: 20px; } .campaign-excess-pop-body .tip[data-v-fabe04c0] a { color: var(--primary-color); cursor: pointer; } .campaign-excess-pop-body .tip[data-v-fabe04c0] a:hover { text-decoration: underline; } .campaign-excess-pop-footer[data-v-fabe04c0] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .campaign-excess-pop-footer button + button[data-v-fabe04c0] { margin-left: 10px; } .campaign-excess-pop-footer .btn-skip[data-v-fabe04c0] { color: #797e8b; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/campaignExcessPop/index.vue?vue&type=style&index=1&id=fabe04c0&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .campaign-excess-pop-title { height: 30px !important; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/textLimitPop/index.vue?vue&type=style&index=0&id=3e16956b&prod&lang=less&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-3e16956b] { color: var(--primary-color) !important; } .hover-underline[data-v-3e16956b]:hover { text-decoration: underline; } .text-limit-pop-body[data-v-3e16956b] { width: 720px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px 23px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .text-limit-pop-body_icon[data-v-3e16956b] { color: #ffa600; font-size: 50px; } .text-limit-pop-body .title[data-v-3e16956b] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #515666; font-size: 18px; line-height: 22px; margin-top: 10px; word-break: break-word; font-weight: 700; text-align: center; } .text-limit-pop-body .note[data-v-3e16956b] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; position: relative; padding-left: 15px; line-height: 21px; color: #515666; font-size: 14px; font-weight: 400; word-break: break-word; } .text-limit-pop-body .note + .note[data-v-3e16956b] { margin-top: 10px; } .text-limit-pop-body .note[data-v-3e16956b]::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: #c6c8d1; position: absolute; left: 0; top: 8px; } .text-limit-pop-body .tip[data-v-3e16956b] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #797e8b; font-size: 12px; font-weight: 400; margin-top: 20px; } .text-limit-pop-body .tip[data-v-3e16956b] a { color: var(--primary-color); cursor: pointer; } .text-limit-pop-body .tip[data-v-3e16956b] a:hover { text-decoration: underline; } .text-limit-pop-footer[data-v-3e16956b] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .text-limit-pop-footer button + button[data-v-3e16956b] { margin-left: 10px; } .text-limit-pop-footer .btn-skip[data-v-3e16956b] { color: #797e8b; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/textLimitPop/index.vue?vue&type=style&index=1&id=3e16956b&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .text-limit-pop-title { height: 30px !important; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/obReminderPop/index.vue?vue&type=style&index=0&id=10fa25ce&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .ob-reminder-pop .pop-container { width: 640px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ob-reminder-pop .pop-container .ob-reminder-content { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px; } .ob-reminder-pop .pop-container .ob-reminder-content > img { margin-top: 20px; } .ob-reminder-pop .pop-container .ob-reminder-content p { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; font-size: 14px; line-height: 150%; color: #797e8b; margin-top: 30px; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box { margin-top: 20px; width: 100%; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box .supplement-item { width: 100%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; border: 1px solid #ebecf1; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box .supplement-item:hover { background: #f6f7fb; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box .supplement-item span { color: #202437; font-size: 14px; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box .supplement-item:last-child { margin-bottom: 0; } .ob-reminder-pop .pop-container .ob-reminder-content .supplement-box .supplement-item .chime-btn { height: 30px; line-height: 30px; } .ob-reminder-pop .pop-footer { border-top: none !important; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/adsSetUpPop/adsSetUpPop.vue?vue&type=style&index=0&id=3c2ef44e&prod&lang=less&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-3c2ef44e] { color: var(--primary-color) !important; } .hover-underline[data-v-3c2ef44e]:hover { text-decoration: underline; } .ads-set-up-pop .content-area[data-v-3c2ef44e] { padding: 0 30px 20px 30px; } .ads-set-up-pop .content-area .desc[data-v-3c2ef44e] { color: #515666; font-size: 16px; font-weight: 400; line-height: 24px; } .ads-set-up-pop[data-v-3c2ef44e] .pop-footer { border-top: 0; } .ads-set-up-pop .footer-btn-area[data-v-3c2ef44e] { padding: 20px 30px; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/brokerAgentAlertPop/index.vue?vue&type=style&index=0&id=08eceb45&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .broker-agent-alert-popwin .link { color: var(--primary-color); cursor: pointer; } .broker-agent-alert-popwin .desc > p { margin-bottom: 10px; } .broker-agent-alert-popwin .desc > p:nth-last-child(1) { margin-bottom: 0; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/payment/payValidateItem.vue?vue&type=style&index=0&id=5253e1c8&prod&scoped=true&lang=css& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .validate-item[data-v-5253e1c8] { display: inline-block; } .full-width[data-v-5253e1c8] { width: 100%; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/addPaymentMethod/addPaymentMethod.vue?vue&type=style&index=0&id=67c7466f&prod&scoped=true&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-67c7466f] { color: var(--primary-color) !important; } .hover-underline[data-v-67c7466f]:hover { text-decoration: underline; } .add-payment-method-pop .payment-method-pop-content[data-v-67c7466f] { padding: 15px 30px 20px 30px; width: 740px; min-height: 150px; } .add-payment-method-pop .payment-method-pop-content .content-title[data-v-67c7466f] { font-size: 14px; font-weight: 700; color: #515666; line-height: 24px; } .add-payment-method-pop .payment-method-pop-content .content-text[data-v-67c7466f] { font-size: 14px; color: #515666; line-height: 20px; } .add-payment-method-pop .payment-method-pop-content .content-payment-desc[data-v-67c7466f] { font-size: 12px; line-height: 18px; color: #797e8b; margin-top: 5px; } .add-payment-method-pop .payment-method-pop-content .payment-card[data-v-67c7466f] { border: 1px solid #e1e2e6; border-radius: 4px; margin-bottom: 5px; } .add-payment-method-pop .payment-method-pop-content .payment-card .radio-card-item[data-v-67c7466f] { padding: 15px; } .add-payment-method-pop .payment-method-pop-content .payment-card .radio-card-item .card-desc[data-v-67c7466f] { font-size: 14px; line-height: 20px; color: #a0a3af; padding-left: 25px; } .add-payment-method-pop .payment-method-pop-content .weight700[data-v-67c7466f] { font-weight: 700; } .add-payment-method-pop .payment-method-pop-content .credit-card-item[data-v-67c7466f] { padding: 15px; border-top: 1px solid #ebecf1; } .add-payment-method-pop .payment-method-pop-content .credit-card-item .card-row[data-v-67c7466f] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .add-payment-method-pop .payment-method-pop-content .credit-card-item .card-form-item[data-v-67c7466f] { width: 350px; } .add-payment-method-pop .payment-method-pop-content .credit-card-item .card-form-item .card-form-label[data-v-67c7466f] { margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: 600; color: #515666; } .add-payment-method-pop .payment-method-pop-content .ach-card-item[data-v-67c7466f] { padding: 0 0 15px 15px; min-height: unset; } .add-payment-method-pop .payment-method-footer[data-v-67c7466f] { text-align: right; padding: 20px 30px; } .add-payment-method-pop .payment-method-footer .chime-btn[data-v-67c7466f] { line-height: 40px; margin-right: 10px; } .add-payment-method-pop .payment-method-footer .chime-btn[data-v-67c7466f]:nth-last-of-type(1) { margin-right: 0; } .add-payment-method-pop .marTop5[data-v-67c7466f] { margin-top: 5px; } .add-payment-method-pop .marTop10[data-v-67c7466f] { margin-top: 10px; } .add-payment-method-pop .marTop20[data-v-67c7466f] { margin-top: 20px; } .account-access-name[data-v-67c7466f] { font-size: 14px; line-height: 24px; font-weight: 700; color: #515666; } .account-access-text[data-v-67c7466f] { font-size: 14px; line-height: 20px; font-weight: 400; color: #515666; margin-top: 10px; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/referralPop/index.vue?vue&type=style&index=0&id=4e169eda&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .referral-pop .pop-container .referral-content-1 { width: 580px; height: 700px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 50px 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .referral-pop .pop-container .referral-content-1 img { width: 480px; height: 360px; -o-object-fit: cover; object-fit: cover; } .referral-pop .pop-container .referral-content-1 .flex-right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 0px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .referral-pop .pop-container .referral-content-1 .flex-right p { font-weight: 700; font-size: 24px; line-height: 32px; color: #202437; text-align: center; } .referral-pop .pop-container .referral-content-1 .flex-right .des { font-size: 14px; line-height: 20px; color: #515666; text-align: center; } .referral-pop .pop-container .referral-content-1 .flex-right .btn-warp { margin-top: 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .referral-pop .pop-container .referral-content-1 .flex-right .btn-warp .chime-btn { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); font-weight: normal; } .referral-pop .pop-container .referral-content-1 .flex-right .btn-warp .chime-btn.ghost-blue { border-width: 1px; } .referral-pop .pop-container .referral-content-2 { position: relative; width: 720px; height: 505px; } .referral-pop .pop-container .referral-content-2 .down-btn { margin-top: 30px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .referral-pop .pop-container .referral-content-2 .down-btn button { width: 240px; } .referral-pop .pop-container .referral-content-3 { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 720px; height: 828px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; } .referral-pop .pop-container .referral-content-3 .icon-box { width: 70px; height: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: rgba(var(--primary-color-rgb), 0.1); } .referral-pop .pop-container .referral-content-3 .icon-box span { color: var(--primary-color); font-size: 30px; } .referral-pop .pop-container .referral-content-3 .title-2 { font-weight: 700; font-size: 24px; line-height: 32px; color: #202437; padding-bottom: 10px; } .referral-pop .pop-container .referral-content-3 .des-list-item { width: 100%; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #515666; font-size: 14px; line-height: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .referral-pop .pop-container .referral-content-3 .des-list-item .item-index { margin-right: 8px; width: 20px; height: 20px; font-weight: 500; font-size: 12px; border-radius: 10px; line-height: 20px; text-align: center; color: var(--primary-color); border-radius: 50%; background: rgba(var(--primary-color-rgb), 0.1); } .referral-pop .pop-container .referral-content-3 .des-list-item .item-url { color: var(--primary-color); text-decoration: underline; } .referral-pop .pop-container .referral-content-3 .email-content { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); position: relative; border-radius: 12px; margin-top: 30px; height: auto; } .referral-pop .pop-container .referral-content-3 .email-content::before { content: ""; width: 100%; height: 24px; border-radius: 12px; position: absolute; z-index: 0; background: var(--primary-color); } .referral-pop .pop-container .referral-content-3 .email-content .email-warp { width: 100%; height: auto; position: absolute; z-index: 1; border-radius: 12px; border: 1px solid #ebecf1; border-top: none; top: 3px; left: 0; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 27px 20px 30px; } .referral-pop .pop-container .referral-content-3 .email-content .email-title { font-weight: 700; font-size: 18px; line-height: 26px; color: #202437; } .referral-pop .pop-container .referral-content-3 .email-content .email-content-1 { font-size: 14px; line-height: 20px; color: #515666; font-weight: 700; } .referral-pop .pop-container .referral-content-3 .email-content .email-content-2 { font-size: 14px; line-height: 20px; color: #515666; } .referral-pop .pop-container .referral-content-3 .email-content .item-url { text-decoration: underline; color: var(--primary-color); cursor: pointer; } .referral-pop .pop-container .referral-content-3 .email-content .item-url2 { font-weight: 700; cursor: pointer; } .referral-pop .pop-container .referral-content-3 .down-btn { margin-top: 486px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .referral-pop .pop-container .referral-content-3 .down-btn button { width: 300px; } .referral-pop .pop-container .chime-btn { border-radius: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .referral-pop .pop-container .close-btn-1 { position: absolute; top: 15px; right: 15px; width: 26px; height: 26px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-radius: 4px; } .referral-pop .pop-container .close-btn-1 span { color: #a0a3af; font-size: 14px; } .referral-pop .pop-container .close-btn-1:hover { background: rgba(var(--primary-color-rgb), 0.1); } .referral-pop .pop-container .close-btn-1:hover span { color: var(--primary-color); } .referral-pop .pop-container .close-btn-1:active { background: rgba(var(--primary-color-rgb), 0.3); } .referral-pop .pop-container .close-btn-1:active span { color: var(--primary-color); } .referral-pop .pop-container .close-btn-2 { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 1; border-radius: 15px; background: rgba(0, 0, 0, 0.4); } .referral-pop .pop-container .close-btn-2 span { color: rgba(255, 255, 255, 0.6); font-size: 14px; } .referral-pop .pop-container .close-btn-2 span:hover { color: white; } .referral-pop .pop-footer { border-top: none !important; } .referral-pop .flex-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .referral-pop .flex-col { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/Menu.vue?vue&type=style&index=0&id=0a424b3a&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } #dialer-menu-new.new { height: 100%; font-size: 12px; background-color: #fff; position: absolute !important; z-index: 9999; -webkit-box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); bottom: 0; left: 0; right: 0; width: 100%; height: 95px; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #ebecf1; } #dialer-menu-new.new .menu-list { height: 100%; } #dialer-menu-new.new .menu-list .menu-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; overflow-y: auto; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; gap: 54px; } #dialer-menu-new.new .menu-list .menu-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border: none; font-size: 14px; line-height: 20px; font-weight: 400; color: #797e8b; padding: 5px 0; cursor: pointer; } #dialer-menu-new.new .menu-list .menu-item .icon-box { width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 12px; margin-bottom: 4px; } #dialer-menu-new.new .menu-list .menu-item .icon2017 { font-size: 20px; line-height: 1; font-weight: 100; color: #515666; } #dialer-menu-new.new .menu-list .menu-item:hover { color: var(--primary-color); } #dialer-menu-new.new .menu-list .menu-item:hover .icon-box { background: rgba(59, 92, 222, 0.05); } #dialer-menu-new.new .menu-list .menu-item:hover .icon2017 { color: var(--primary-color); } #dialer-menu-new.new .menu-list .menu-item.active { color: var(--primary-color); } #dialer-menu-new.new .menu-list .menu-item.active .icon-box { background-color: var(--primary-color); } #dialer-menu-new.new .menu-list .menu-item.active .icon2017 { color: #fff; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/SwitchAvailable.vue?vue&type=style&index=0&id=2dbb44d6&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .com-dropdown-content.switch-available-new-dropdown { border: 1px solid #ebecf1; margin-top: -4px; } .switch-available-new .status { padding: 3px 8px; font-size: 12px; border-radius: 10px; margin-left: 6px; color: #797e8b; line-height: 14px; background: rgba(32, 36, 55, 0.05); cursor: pointer; } .switch-available-new .status .icon2017 { color: #c6c8d1; font-size: 10px; margin-left: 6px; } .switch-available-new .status.Available { background: rgba(32, 196, 114, 0.1); color: #20c472; } .switch-available-new .status.Available .icon2017 { color: #20c472; } .switch-available-new .switch { width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; padding: 0 10px 0 18px; height: 20px; line-height: 18px; margin-top: 10px; position: relative; cursor: pointer; } .switch-available-new .switch.Available { background-color: var(--primary-color); border: 1px solid var(--primary-color); color: #fff; text-align: left; } .switch-available-new .switch.Available:after { -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); } .switch-available-new .switch.Unavailable { background-color: #f6f7fb; border: 1px solid #c6c8d1; -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); color: #a0a3af; text-align: right; } .switch-available-new .switch.Unavailable:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .switch-available-new .switch:after { display: block; content: ""; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .switch-available-new-dropdown { margin-top: 4px; } .switch-available-new-dropdown .switch-available-new-content { min-width: 216px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; border-radius: 6px; } .switch-available-new-dropdown .switch-available-new-content-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; gap: 10px; } .switch-available-new-dropdown .switch-available-new-content .agent-name { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 600; color: #202437; } .switch-available-new-dropdown .switch-available-new-content .cellphone, .switch-available-new-dropdown .switch-available-new-content .caller-id { font-size: 14px; line-height: 17px; font-weight: 400; color: #515666; margin-bottom: 10px; } .switch-available-new-dropdown .switch-available-new-content .goto-dialer { font-size: 12px; line-height: 14px; font-weight: 400; color: #a0a3af; } .switch-available-new-dropdown .switch-available-new-content .goto-dialer a { text-decoration: none; color: var(--primary-color); } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/ModuleHead.vue?vue&type=style&index=0&id=5075712c&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-module-head-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 60px; font-weight: 500; color: #fff; height: 60px; width: 100%; border-bottom: 1px solid #ebecf1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: unset; color: #515666; } .dialer-module-head-new .dialer-module-head_left, .dialer-module-head-new .dialer-module-head_right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-module-head-new .dialer-module-head_left { padding-left: 20px; } .dialer-module-head-new .dialer-module-head_left .icon-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 14px; height: 14px; font-size: 14px; color: #515666; margin-right: 10px; cursor: pointer; } .dialer-module-head-new .dialer-module-head_right { gap: 10px; padding-right: 15px; } .dialer-module-head-new .dialer-module-head_right .icon-box { width: 24px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; } .dialer-module-head-new .dialer-module-head_right .icon-box .icon2017 { color: #a0a3af; font-size: 14px; } .dialer-module-head-new .menu-switch { width: 60px; text-align: center; cursor: pointer; margin-left: 0; } .dialer-module-head-new .menu-switch.show-menu { background-color: rgba(0, 0, 0, 0.12); } .dialer-module-head-new .base-head-title { padding: 0; font-size: 15px; line-height: 24px; font-weight: 500; } .dialer-module-head-new .search, .dialer-module-head-new .add, .dialer-module-head-new .delete-all, .dialer-module-head-new .base-head-close { font-size: 14px; opacity: 0.6; width: 44px; text-align: center; cursor: pointer; } .dialer-module-head-new .icon-tip_02 { font-size: 14px; opacity: 0.6; cursor: pointer; margin-left: 4px; } .dialer-module-head-new .search, .dialer-module-head-new .base-head-close { margin-left: auto; } .dialer-module-head-new .head-fill { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 120px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-module-head-new .search-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 0; height: 30px; border-radius: 4px; background-color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; margin: 0 5px 0 auto; } .dialer-module-head-new .search-box input { width: 226px; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; } .dialer-module-head-new .search-box .icon2017 { cursor: pointer; margin-right: 10px; font-size: 12px; line-height: 1; font-weight: 400; color: #c6c8d1; } .dialer-module-head-new .search-box_strech { width: 282px; padding-left: 10px; z-index: inherit; } .dialer-module-head-new .search-call-lists { position: absolute; left: 26px; top: 44px; width: 280px; max-height: 160px; overflow-y: auto; background-color: #fff; border-radius: 4px; border: 1px solid #e1e2e6; z-index: 1; } .dialer-module-head-new .search-call-lists .list-item { padding: 0 20px; cursor: pointer; font-size: 14px; line-height: 50px; font-weight: 300; color: #404453; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-module-head-new .search-call-lists .list-item:not(first-child) { border-top: 1px solid #e1e2e6; } .dialer-module-head-new .search-call-lists .list-item:hover { background-color: #f6f7fb; } .dialer-module-head-new .search-call-lists .list-item .list-name { width: 220px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-module-head-new .search-call-lists .list-item .list-call { color: var(--primary-color); } .dialer-module-head-new .search-call-lists .list-item .list-delete { color: #f0454c; } .dialer-module-head-new .search-call-lists .list-item .search-item { color: var(--primary-color); } .dialer-module-head-new .search-call-lists .result-empty { font-size: 14px; line-height: 50px; font-weight: 600; color: var(--primary-color); } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallBtn.vue?vue&type=style&index=0&id=26802ec1&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-footer-btn { width: 160px; height: 48px; font-size: 32px; line-height: 48px; font-weight: 400; color: #ffffff; border-radius: 100px; cursor: pointer; text-align: center; } .dialer-footer-btn.hang-up { background-color: #f0454c; } .dialer-footer-btn.hang-up:hover { background: #f2585e; } .dialer-footer-btn.to-call { background-color: #20c472; } .dialer-footer-btn.to-call:hover { background-color: #1cb066; } .dialer-footer-btn .icon-call_02 { font-size: 24px; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallIdList.vue?vue&type=style&index=0&id=4e3cff41&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-id-list-new .no-number-text { font-size: 20px; line-height: 26px; font-weight: 500; color: #202437; margin-top: 5px; } .call-id-list-new .call-id-number { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 26px; line-height: 34px; font-weight: 400; color: #404453; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .call-id-list-new .call-id-number .number-info-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-id-list-new .call-id-number .icon-box { display: block; width: 20px; height: 20px; border: 1px solid #ebecf1; margin-left: auto; border-radius: 4px; line-height: 20px; text-align: center; font-size: 12px; color: #a0a3af; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-id-list-new .call-id-number .icon-box.active, .call-id-list-new .call-id-number .icon-box:hover { color: var(--primary-color); border: 1px solid rgba(var(--primary-color-rgb), 0.1); background: rgba(var(--primary-color-rgb), 0.1); } .call-id-list-new .call-id-number .icon-plain-box { display: block; width: 20px; height: 20px; margin-left: auto; line-height: 20px; text-align: center; font-size: 12px; color: #a0a3af; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -9px; } .call-id-list-new .call-id-number .select-label { font-size: 12px; margin-right: 5px; color: #515666; } .call-id-list-new .call-id-number .call-id-list-tag { margin-left: 5px; } .call-id-list-new .call-id-number .call-id-list-tag.NeedVerify { display: block; line-height: 20px; max-width: 102px; padding-left: 8px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .call-id-list-new .call-id-number .call-id-list-tag .tag-text { max-width: 78px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .call-id-list-new .icon.icon-sel-triangle.right::before { color: #c6c8d1; } .call-id-list-new .com-dropdown-label { height: 31px; } .call-id-list-new .com-dropdownbox .com-dropdown-label { padding-right: 0; } .call-id-list-tag { margin-left: 5px; width: 76px; height: 18px; border-radius: 10px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .call-id-list-tag.Personal, .call-id-list-tag.VerifiedNum { width: unset; padding-left: 5px; padding-right: 5px; color: var(--primary-color); background-color: rgba(var(--primary-color-rgb), 0.1); border: 1px solid rgba(var(--primary-color-rgb), 0.2); } .call-id-list-tag.Company { color: #ffa600; border: solid 1px #faefc0; background-color: #fef8e4; } .call-id-list-tag.Bridge { color: #20c472; border: solid 1px #bff6c5; background-color: #e7ffe3; } .call-id-list-tag.AI { color: var(--primary-color); border: solid 1px var(--primary-color-9); background-color: var(--primary-color-10); } .call-id-list-tag.NeedVerify { color: #797e8b; border: 1px solid rgba(121, 126, 139, 0.2); background-color: rgba(121, 126, 139, 0.1); width: unset; padding-left: 8px; padding-right: 8px; } .callId-select-dropdown { max-width: 330px; } .callId-select-dropdown .com-select-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding-top: 5px; padding-bottom: 5px; width: auto; height: 32px; padding-right: 40px; } .callId-select-dropdown .com-select-item .com-select-item-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .callId-select-dropdown .com-select-item .com-select-item-text.verifyDisabled:hover { background-color: #f6f7fb; } .callId-select-dropdown .com-select-item .com-select-item-text.verifyDisabled span { opacity: 0.4; } .callId-select-dropdown .com-select-item .com-select-item-text span { text-overflow: ellipsis; overflow: hidden; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/UpsellGuide.vue?vue&type=style&index=0&id=27f39768&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .upsell-guide { font-family: "SF UI Text"; width: 340px; margin: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: -webkit-calc(100% - 50px); height: calc(100% - 50px); position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .upsell-guide-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; } .upsell-guide-wrapper-top { margin-top: 20px; width: 260px; height: 260px; margin-left: 40px; } .upsell-guide-wrapper-title { margin-top: 20px; margin-bottom: 15px; font-size: 20px; font-weight: 600; text-align: center; color: #202437; } .upsell-guide-wrapper-desc { margin-bottom: 20px; font-size: 14px; line-height: 1.43; color: #797e8b; } .upsell-guide-wrapper-desc > b { color: #515666; } .upsell-guide-wrapper-card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 340px; height: 94px; padding: 15px 15px 15px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; background-image: -webkit-linear-gradient(345deg, #91a2c4, #697793 98%); background-image: linear-gradient(105deg, #91a2c4, #697793 98%); } .upsell-guide-wrapper-card .card-left { padding-right: 11px; margin-right: 13px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .upsell-guide-wrapper-card .card-left .card-title, .upsell-guide-wrapper-card .card-right .card-title { opacity: 0.8; font-size: 12px; font-weight: 500; color: #ffffff; margin-bottom: 8px; } .upsell-guide-wrapper-card .card-left .card-body, .upsell-guide-wrapper-card .card-right .card-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .upsell-guide-wrapper-card .card-left .card-body-item.line, .upsell-guide-wrapper-card .card-right .card-body-item.line { width: 11px; height: 1px; margin: 12px 10px 8px; background-color: #ffffff; } .upsell-guide-wrapper-card .card-left .card-body-item-num, .upsell-guide-wrapper-card .card-right .card-body-item-num { font-size: 18px; font-weight: bold; color: #ffffff; } .upsell-guide-wrapper-card .card-left .card-body-item-num .icon2017, .upsell-guide-wrapper-card .card-right .card-body-item-num .icon2017 { font-size: 14px; } .upsell-guide-wrapper-card .card-left .card-body-item-mark, .upsell-guide-wrapper-card .card-right .card-body-item-mark { opacity: 0.6; font-size: 12px; color: #ffffff; } .upsell-guide-footer { width: 100%; height: 84px; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .upsell-guide-footer-button { position: relative; width: 340px; height: 44px; border-radius: 25px; cursor: pointer; overflow: hidden; font-size: 16px; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #ffffff; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .upsell-guide-footer-button:hover::before { content: ""; display: block; width: 100%; height: 100%; background: #ffffff; position: absolute; top: 0; left: 0; opacity: 0.1; } .upsell-guide-footer-button:active::before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.1; } .upsell-guide-footer-button.blue { -webkit-box-shadow: 0 5px 10px 0 rgba(var(--primary-color-rgb), 0.3); box-shadow: 0 5px 10px 0 rgba(var(--primary-color-rgb), 0.3); background-image: -webkit-gradient(linear, left top, right top, from(var(--primary-color-5)), to(var(--primary-color))); background-image: -webkit-linear-gradient(left, var(--primary-color-5), var(--primary-color)); background-image: linear-gradient(to right, var(--primary-color-5), var(--primary-color)); } .upsell-guide-footer-button.orange { -webkit-box-shadow: 0 5px 10px 0 rgba(255, 166, 0, 0.3); box-shadow: 0 5px 10px 0 rgba(255, 166, 0, 0.3); background-image: -webkit-gradient(linear, left top, right top, from(#ffd200), to(#ff8900)); background-image: -webkit-linear-gradient(left, #ffd200, #ff8900 100%); background-image: linear-gradient(to right, #ffd200, #ff8900 100%); } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallPad.vue?vue&type=style&index=0&id=4e01f4e6&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-pad-drop { width: 360px; } .dialer-pad-module-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-pad-module-new .call-pad-callid .com-select { display: block; max-width: 100%; } .dialer-pad-module-new .call-pad-callid .com-dropdownbox .com-dropdown-label { padding: 0; } .dialer-pad-module-new .call-pad-callid .com-dropdown-label { padding: 0; } .dialer-pad-module-new .call-pad-callid .com-dropdown-label .call-id-list-tag { height: 20px; } .dialer-pad-module-new .dialer-pad-content { width: 360px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow-y: auto; padding: 20px; height: auto; } .dialer-pad-module-new .dialer-pad-content-head { background: rgba(59, 92, 222, 0.05); border-radius: 12px; padding: 12px 15px; margin-bottom: 20px; } .dialer-pad-module-new .dialer-pad-content-head .call-id-title { font-size: 14px; line-height: 1; font-weight: 400; color: #8f929f; margin-bottom: 5px; margin-top: 0; } .dialer-pad-module-new .dialer-pad-content-head .call-id-list-new .com-dropdown-label { height: 26px; } .dialer-pad-module-new .dialer-pad-content-head .call-id-list-new .call-id-number { line-height: 26px; } .dialer-pad-module-new .dialer-pad-content-head .call-id-list-new .call-id-number .number { font-size: 20px; line-height: 26px; font-weight: 700; color: #202437; } .dialer-pad-module-new .dialer-pad-content-head .call-id-list-new .call-id-number .call-id-list-tag { padding: 0 8px; font-size: 12px; max-width: 94px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 10px; margin-left: 5px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialer-pad-module-new .dialer-pad-content-head .call-id-list-new .call-id-number .icon-box { margin-left: 10px; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #ebecf1; background: #fff; color: #a0a3af; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 10px; } .dialer-pad-module-new .dialer-pad-content .call-pad { width: 360px; height: 400px; border: none; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input { position: relative; height: 60px; margin-bottom: 30px; background: none; border: none; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .pad-input { width: 100%; height: 40px; line-height: 40px; font-size: 30px; padding: 0; text-align: center; background: none; color: #202437; border: none; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box { position: absolute; top: 100%; left: 30px; width: 300px; border-radius: 4px; border: 1px solid #e1e2e6; overflow: hidden; background-color: #fff; color: #515666; padding: 6px 0; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown { width: 300px; max-height: 160px; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown div { height: 32px; font-size: 14px; line-height: 32px; font-weight: 400; color: #515666; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .lead-count { cursor: default; padding: 0 15px; font-weight: 500; font-size: 14px; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .category-name { padding: 0 15px; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .lead-item { font-size: 14px; line-height: 32px; padding: 0 15px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .lead-item:hover { background-color: #f6f7fb; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .lead-name { width: 220px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-dropdown-box .lead-dropdown .lead-call { color: var(--primary-color); } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-name-wrap { position: relative; width: 100%; text-align: center; height: 20px; line-height: 20px; margin-top: 0; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-name-wrap .current-name { color: #a0a3af; font-size: 14px; line-height: 20px; height: 20px; cursor: pointer; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-input .lead-name-wrap .current-name::after { display: none; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number { padding: 0; width: 260px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 40px; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item { width: 60px; height: 60px; border-radius: 50%; background-color: #f6f7fb; margin: 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item:hover { background-color: var(--primary-color); color: #fff; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item:hover .td, .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item:hover .td-des { color: #fff; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item .td { font-size: 22px; line-height: 30px; font-weight: 500; color: #202437; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item .td.td-* { margin-top: 6px; } .dialer-pad-module-new .dialer-pad-content .call-pad .call-number .call-number-item .td-des { font-size: 12px; line-height: 16px; color: #797e8b; font-weight: 400; } .dialer-pad-module-new .call-btn { width: 260px; margin: 30px auto 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: none; } .dialer-pad-module-new .call-btn .dialer-footer-btn, .dialer-pad-module-new .call-btn .btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; } .dialer-pad-module-new .call-btn .btn { padding: 0; background: none; } .dialer-pad-module-new .call-btn .btn .icon2017 { font-size: 24px; color: #a0a3af; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallListItem.vue?vue&type=style&index=0&id=39e9782f&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-item-new { width: 360px; height: 60px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; background: #fafbfd; border: 1px solid #ebecf1; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-item-new:hover { background-color: #fff; } .call-list-item-new:hover .item-right .now-hover { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-list-item-new:hover .item-right .not-hover { display: none; } .call-list-item-new:not(:last-child) { margin-bottom: 10px; } .call-list-item-new .item-left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-item-new .item-left .com-checkbox { margin-right: 12px; } .call-list-item-new .item-left .item-point { width: 8px; height: 8px; margin-right: 15px; border-radius: 5px; background-color: #c6c8d1; } .call-list-item-new .item-left .item-point.hasTouch { background-color: #20c472; } .call-list-item-new .item-left .icon-call_out, .call-list-item-new .item-left .icon-call_in { font-size: 16px; margin-right: 12px; } .call-list-item-new .item-left .icon-call_out.made, .call-list-item-new .item-left .icon-call_in.made, .call-list-item-new .item-left .icon-call_out.taken, .call-list-item-new .item-left .icon-call_in.taken { color: #4fe499; } .call-list-item-new .item-left .icon-call_out.failed, .call-list-item-new .item-left .icon-call_in.failed, .call-list-item-new .item-left .icon-call_out.missed, .call-list-item-new .item-left .icon-call_in.missed { color: #fb6f67; } .call-list-item-new .item-main { height: 36px; line-height: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-list-item-new .item-main div { max-width: 250px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .call-list-item-new .item-main .item-name { font-size: 14px; line-height: 16px; font-weight: 400; color: #515666; } .call-list-item-new .item-main .item-touch, .call-list-item-new .item-main .item-number { font-size: 12px; line-height: 16px; font-weight: 400; color: #a0a3af; } .call-list-item-new .item-right { font-size: 16px; line-height: 36px; font-weight: 400; color: #fff; } .call-list-item-new .item-right .now-hover { display: none; } .call-list-item-new .item-right .now-hover .call { color: var(--primary-color); } .call-list-item-new .item-right .now-hover .call:hover { color: #3553c8; } .call-list-item-new .item-right .now-hover .archived { color: #a0a3af; margin-left: 20px; } .call-list-item-new .item-right .now-hover .archived:hover { color: var(--primary-color); } .call-list-item-new .item-right .now-hover.add .icon-plus_01 { font-size: 16px; line-height: 1; font-weight: 400; color: #a0a3af; cursor: pointer; } .call-list-item-new .item-right .now-hover.delete_01 { color: #a0a3af; } .call-list-item-new .item-right .now-hover.delete_01:hover { color: #f0454c; } .call-list-item-new .item-right .now-hover .handle-action { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 400; color: #a0a3af; } .call-list-item-new .item-right .now-hover .handle-action.icon-play_02:hover { color: var(--primary-color); } .call-list-item-new .item-right .item-date { font-size: 14px; line-height: 36px; font-weight: 400; color: #797e8b; font-weight: 500; } .call-list-item-new .item-right .rate { font-size: 14px; line-height: 36px; font-weight: 400; color: #797e8b; } .call-list-item-new .call-list-items .item-main { width: 254px; } .call-list-item-new .call-history-items .item-main { width: 165px; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallListEmpty.vue?vue&type=style&index=0&id=721c5ff2&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-empty-new { width: 100%; height: 100%; -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-empty-new .list-empty { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-empty-new .icon-doc { font-size: 40px; line-height: 40px; font-weight: 400; color: #c6c8d1; margin-bottom: 20px; } .call-list-empty-new .empty-text { font-size: 12px; line-height: 18px; font-weight: 600; color: #a0a3af; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallListLoadmore.vue?vue&type=style&index=0&id=10a236e8&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-loadmore { position: absolute; bottom: -100px; height: 100px; overflow: hidden; width: 100%; background-color: #fff; -webkit-transition: all 0.6s linear; transition: all 0.6s linear; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 65px; font-weight: 400; color: #999; } .call-list-loadmore.show-load { bottom: 0; } .call-list-loadmore .icon-chime { margin-right: 15px; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CollapseTemplate.vue?vue&type=style&index=0&id=c8d980fa&prod&lang=less&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-c8d980fa] { color: var(--primary-color) !important; } .hover-underline[data-v-c8d980fa]:hover { text-decoration: underline; } .collapse-box[data-v-c8d980fa] { width: 360px; } .collapse-box .collapse-box-title[data-v-c8d980fa] { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 50px; cursor: pointer; font-size: 14px; line-height: 20px; color: #515666; font-weight: 700; } .collapse-box .collapse-box-title .icon-arrow-box[data-v-c8d980fa] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #ebecf1; border-radius: 4px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .collapse-box .collapse-box-title .icon-arrow-box .icon2017[data-v-c8d980fa] { color: #a0a3af; font-size: 10px; } .collapse-box .collapse-box-title .icon-arrow-box[data-v-c8d980fa]:hover { background-color: #ebecf1; border-color: #e1e2e6; } .collapse-box .collapse-box-title .icon-arrow-box:hover .icon2017[data-v-c8d980fa] { color: #515666; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallListFilter.vue?vue&type=style&index=0&id=658e5fe2&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .com-dropdown .date-option .com-date-picker { width: unset; padding-right: 10px; } .com-dropdown .picker-body { border: 0; } .com-dropdown .picker-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .com-dropdown .picker-btns { height: 40px; padding: 10px 20px 0 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .com-dropdown .picker-btns button { width: 90px; height: 28px; border-radius: 3px; border: none; outline: none; background-color: var(--primary-color); font-size: 14px; line-height: 1; font-weight: 600; color: #fff; } .com-dropdown .picker-btns .date-picker-clear { margin-right: 12px; } .com-dropdown .picker-btns .disable { opacity: 0.6; cursor: not-allowed; } .com-dropdown .type-option-new { width: 180px; padding: 6px 0; } .com-dropdown .type-item-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; padding: 0 9px; } .com-dropdown .type-item-new:hover { background: #f6f7fb; } .com-dropdown .type-item-new:hover .type-cate { color: var(--primary-color); } .com-dropdown .type-item-new .type-cate { font-size: 13px; line-height: 1; font-weight: 400; color: #515666; } .com-dropdown .type-item-new .com-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .com-dropdown .type-item-new .icon2017 { margin: 0 10px 0 0; } .com-dropdown .archived .type-cate { margin-left: 5px; } .com-dropdown .token, .com-dropdown .Answered, .com-dropdown .missed, .com-dropdown .Unanswered { margin: 0 5px; font-size: 14px !important; } .com-dropdown .token, .com-dropdown .Answered { color: #4fe499 !important; } .com-dropdown .missed, .com-dropdown .Unanswered { color: #fb6f67 !important; } .com-dropdown .voice-msg { color: #FFA600 !important; } .dialer-app-new .call-filter .com-dropdown-label { padding: 10px 30px 10px 15px; width: 179px; -webkit-box-shadow: none; box-shadow: none; border: none; border-right: 1px solid #e1e2e6; border-radius: 0; font-size: 14px; line-height: 14px; font-weight: 400; color: #515666; } .call-filter { width: 360px; border-radius: 4px; border: 1px solid #e1e2e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-filter .type-icon { margin-left: auto; font-size: 10px; line-height: 1; font-weight: 400; color: #a0a3af; } .call-filter .com-dropdownbox:last-child .com-dropdown-label { border-right: 0; } .call-filter .type-text, .call-filter .date-text { font-weight: 600; position: relative; } .call-filter .type-text .type-dropdown, .call-filter .date-text .type-dropdown { display: none; position: absolute; top: 24px; left: -12px; width: 179px; border-radius: 4px; background-color: #ffffff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); border: solid 1px #c6c8d1; padding: 0 10px; z-index: 1; } .call-filter .type-text .type-dropdown .token, .call-filter .date-text .type-dropdown .token, .call-filter .type-text .type-dropdown .Answered, .call-filter .date-text .type-dropdown .Answered, .call-filter .type-text .type-dropdown .missed, .call-filter .date-text .type-dropdown .missed, .call-filter .type-text .type-dropdown .Unanswered, .call-filter .date-text .type-dropdown .Unanswered { margin: 0 5px; font-size: 14px !important; } .call-filter .type-text .type-dropdown .token, .call-filter .date-text .type-dropdown .token, .call-filter .type-text .type-dropdown .Answered, .call-filter .date-text .type-dropdown .Answered { color: #4fe499; } .call-filter .type-text .type-dropdown .missed, .call-filter .date-text .type-dropdown .missed, .call-filter .type-text .type-dropdown .Unanswered, .call-filter .date-text .type-dropdown .Unanswered { color: #fb6f67; } .call-filter .type-text .type-dropdown .type-item-new, .call-filter .date-text .type-dropdown .type-item-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; } .call-filter .type-text .type-dropdown .type-item-new .type-cate, .call-filter .date-text .type-dropdown .type-item-new .type-cate { font-size: 13px; line-height: 1; font-weight: 400; color: #515666; } .call-filter .type-text .type-dropdown .type-item-new .com-checkbox, .call-filter .date-text .type-dropdown .type-item-new .com-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-filter .type-text .type-dropdown .type-item-new .icon2017, .call-filter .date-text .type-dropdown .type-item-new .icon2017 { margin: 0 2px 0 6px; } .call-filter .type-text .type-dropdown .archived .type-cate, .call-filter .date-text .type-dropdown .archived .type-cate { margin-left: 5px; } .call-filter .type-text .date-dropdown, .call-filter .date-text .date-dropdown { display: block; position: absolute; top: 24px; left: -110px; width: 280px; padding: 0 20px; border: 1px solid #dddddd; background-color: #fff; } .call-filter .type-text .date-dropdown .com-calendar-table, .call-filter .date-text .date-dropdown .com-calendar-table { max-width: 200px; } .call-filter .type-text .date-dropdown .picker-header input, .call-filter .date-text .date-dropdown .picker-header input { margin: 6px 0 0 0; border: 1px solid #eee !important; } .call-filter .type-text .date-dropdown .picker-body, .call-filter .date-text .date-dropdown .picker-body { border: none; } .call-filter .type-text .date-dropdown .picker-input i, .call-filter .date-text .date-dropdown .picker-input i { top: 14px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallArchivedList.vue?vue&type=style&index=0&id=acab38f2&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-archived-list-new { position: relative; } .call-archived-list-new .call-archived-items-box { margin-top: 10px; } .call-archived-list-new .call-archived-items-box .load-more-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 43px; font-size: 12px; color: #797e8b; cursor: pointer; } .call-archived-list-new .call-archived-items-box .load-more-btn .icon-arrow_01_down { font-size: 10px; margin-left: 10px; } .call-archived-list-new .show-de { height: -webkit-calc(100% - 100px); height: calc(100% - 100px); } .call-archived-list-new .call-archived-items { height: 100%; } .call-archived-list-new .delete-btn { width: 100%; height: 80px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; bottom: 0; left: 0; background-color: #f6f7fb; border-top: 1px solid #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-archived-list-new .btn { width: 160px; height: 40px; cursor: pointer; text-align: center; border-radius: 4px; background-color: #f0454c; font-size: 18px; line-height: 40px; font-weight: 600; color: #fff; } .call-archived-list-new .btn:hover { background-color: #d73d44; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallList.vue?vue&type=style&index=0&id=03b23fce&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-module-new .call-list-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-module-new .archived-list-collapse { border-top: 1px solid #ebecf1; border-bottom: 1px solid #ebecf1; padding: 10px 0; } .call-list-module-new .standard-list-collapse { padding: 10px 0; margin-top: 10px; border-top: 1px solid #ebecf1; } .call-list-module-new .call-list-header_right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .call-list-module-new > .call-list-name { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 10px; width: 100%; height: 50px; cursor: pointer; } .call-list-module-new > .call-list-name .icon2017 { color: #e1e2e6; font-size: 10px; } .call-list-module-new .call-list-name { font-size: 14px; line-height: 20px; font-weight: 700; color: #515666; } .call-list-module-new .call-list-date { font-size: 12px; line-height: 20px; font-weight: 100; color: #a0a3af; } .call-list-module-new .smart-list-box { width: 360px; border-radius: 4px; margin-top: 8px; } .call-list-module-new .call-list-items-box { overflow: hidden; height: auto; width: 360px; } .call-list-module-new .call-list-items-box .load-more-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 43px; font-size: 12px; color: #797e8b; cursor: pointer; } .call-list-module-new .call-list-items-box .load-more-btn .icon-arrow_01_down { font-size: 10px; margin-left: 10px; } .call-list-module-new .call-list-items-box .not-hover { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-weight: 500; } .call-list-module-new .call-list-items { overflow-x: hidden; height: auto; } .call-list-module-new .call-list-item-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .call-list-module-new .smart-list-item { height: 60px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; background: #fafbfd; border: 1px solid #ebecf1; border-radius: 6px; font-size: 14px; line-height: 36px; font-weight: 400; color: #515666; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-module-new .smart-list-item:not(.show-loading):hover { background-color: #fff; } .call-list-module-new .smart-list-item:not(.show-loading):hover .item-hover { display: block; } .call-list-module-new .smart-list-item:not(.show-loading):hover .item-notHover { display: none; } .call-list-module-new .smart-list-item:not(:last-child) { margin-bottom: 10px; } .call-list-module-new .smart-list-item .item-notHover { min-width: 20px; height: 20px; text-align: center; border-radius: 12px; padding: 0 6px; background-color: var(--primary-color); font-size: 12px; line-height: 20px; font-weight: 400; color: #fff; } .call-list-module-new .smart-list-item .item-hover { display: none; } .call-list-module-new .smart-list-item .item-hover span { font-size: 16px; line-height: 36px; font-weight: 400; color: #fff; } .call-list-module-new .smart-list-item .item-hover .list-call-icon { margin-right: 20px; color: var(--primary-color); } .call-list-module-new .smart-list-item .item-hover .list-call-icon:hover { color: #3553c8; } .call-list-module-new .smart-list-item .item-hover .list-setting-icon { margin-right: 4px; color: #a0a3af; } .call-list-module-new .smart-list-item .item-hover .list-setting-icon:hover { color: var(--primary-color); } .call-list-module-new .dialer-loading { width: 16px; height: 16px; display: inline-block; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); position: relative; top: 0; margin-right: 10px; left: 0; } .call-list-module-new .dialer-loading span { position: absolute; padding: 2px; border-radius: 50%; background: #828285; margin-right: 10px; animation: load 1.2s ease infinite; -webkit-animation: load 1.2s ease infinite; } .call-list-module-new .dialer-loading span:nth-child(1) { -webkit-transform: translate(6px, 0px); -ms-transform: translate(6px, 0px); transform: translate(6px, 0px); -webkit-animation-delay: 0.2s; } .call-list-module-new .dialer-loading span:nth-child(2) { -webkit-transform: translate(12px, 3px); -ms-transform: translate(12px, 3px); transform: translate(12px, 3px); -webkit-animation-delay: 0.4s; } .call-list-module-new .dialer-loading span:nth-child(3) { -webkit-transform: translate(12px, 9px); -ms-transform: translate(12px, 9px); transform: translate(12px, 9px); -webkit-animation-delay: 0.6s; } .call-list-module-new .dialer-loading span:nth-child(4) { -webkit-transform: translate(6px, 12px); -ms-transform: translate(6px, 12px); transform: translate(6px, 12px); -webkit-animation-delay: 0.8s; } .call-list-module-new .dialer-loading span:nth-child(5) { -webkit-transform: translate(0px, 9px); -ms-transform: translate(0px, 9px); transform: translate(0px, 9px); -webkit-animation-delay: 1s; } .call-list-module-new .dialer-loading span:nth-child(6) { -webkit-transform: translate(0px, 3px); -ms-transform: translate(0px, 3px); transform: translate(0px, 3px); -webkit-animation-delay: 1.2s; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallHistoryItem.vue?vue&type=style&index=0&id=64372c10&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-64372c10] { color: var(--primary-color) !important; } .hover-underline[data-v-64372c10]:hover { text-decoration: underline; } .call-history-item-wrapper-new[data-v-64372c10] { width: 360px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fafbfd; border: 1px solid #ebecf1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; border-radius: 6px; } .call-history-item-wrapper-new[data-v-64372c10]:nth-of-type(n + 2) { margin-top: 6px; } .call-history-item-wrapper-new[data-v-64372c10]:hover { background-color: #fff; } .call-history-item-wrapper-new:hover.has-lead .item-main .item-name[data-v-64372c10] { text-decoration: underline; } .call-history-item-wrapper-new:hover .item-right .item-date[data-v-64372c10] { display: none; } .call-history-item-wrapper-new:hover .item-right .item-action[data-v-64372c10] { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .call-history-item-wrapper-new.extend[data-v-64372c10] { background-color: #fff; } .call-history-item-wrapper-new.extend .item-right .item-date[data-v-64372c10] { display: none; } .call-history-item-wrapper-new.extend .item-right .item-action[data-v-64372c10] { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .call-history-item-wrapper-new .item-body-wrapper[data-v-64372c10] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-history-item-wrapper-new .item-body-wrapper .call-item-icon[data-v-64372c10] { font-size: 16px; margin-right: 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .call-history-item-wrapper-new .item-body-wrapper .call-item-icon.made[data-v-64372c10], .call-history-item-wrapper-new .item-body-wrapper .call-item-icon.taken[data-v-64372c10] { color: #4fe499; } .call-history-item-wrapper-new .item-body-wrapper .call-item-icon.failed[data-v-64372c10], .call-history-item-wrapper-new .item-body-wrapper .call-item-icon.missed[data-v-64372c10] { color: #fb6f67; } .call-history-item-wrapper-new .item-body-wrapper .call-item-icon.icon-call_voicemall[data-v-64372c10] { color: #FFA600; } .call-history-item-wrapper-new .item-body-wrapper .item-main[data-v-64372c10] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-history-item-wrapper-new .item-body-wrapper .item-main .item-name[data-v-64372c10] { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 16px; font-weight: 400; color: #515666; } .call-history-item-wrapper-new .item-body-wrapper .item-main .item-number[data-v-64372c10] { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 12px; line-height: 16px; font-weight: 400; color: #a0a3af; margin-top: 3px; } .call-history-item-wrapper-new .item-body-wrapper .item-right[data-v-64372c10] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 10px; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-date[data-v-64372c10] { font-size: 12px; line-height: 36px; font-weight: 400; color: #797e8b; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action[data-v-64372c10] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action[data-v-64372c10] { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 400; color: #a0a3af; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action + .handle-action[data-v-64372c10] { margin-left: 10px; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.icon2017[data-v-64372c10]:hover { color: var(--primary-color); } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.icon-arrow_07_up_1[data-v-64372c10] { color: #f6f7fb; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.pack-up[data-v-64372c10] { width: 16px; height: 16px; border-radius: 100%; background-color: #f6f7fb; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.pack-up i[data-v-64372c10] { color: #a0a3af; } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.pack-up[data-v-64372c10]:hover { background-color: var(--primary-color); } .call-history-item-wrapper-new .item-body-wrapper .item-right .item-action .handle-action.pack-up:hover i[data-v-64372c10] { color: #ffffff; font-size: 12px; } .call-history-item-wrapper-new .item-extend-wrapper[data-v-64372c10] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; } .call-history-item-wrapper-new .item-extend-wrapper[data-v-64372c10] .common-record { padding: 0; margin-top: 0; border-top: 1px solid #ebecf1; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallHistoryList.vue?vue&type=style&index=0&id=09b74c3f&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-history-module-new .call-history-items-box { overflow: hidden; height: -webkit-calc(100% - 40px); height: calc(100% - 40px); margin-top: 6px; } .call-history-module-new .call-history-items { height: 100%; overflow-x: hidden; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallWorkHours.vue?vue&type=style&index=0&id=5ec2ad1f&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .weekday-item-drop { width: 105px; overflow-x: hidden; } .weekday-item-drop .item-dropdown { max-height: 300px; width: 120px; overflow-y: auto; padding-right: 20px; } .weekday-item-drop .item-dropdown .hour-item { padding: 8px 26px 8px 9px; position: relative; width: 80px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 30px; font-weight: 400; color: #787878; } .weekday-item-drop .item-dropdown .hour-item:hover { background-color: #f6f7fb; } .weekday-item-drop .item-dropdown .hour-item.item-limited { opacity: 0.6; cursor: not-allowed; } .weekday-item-drop .item-dropdown .hour-item .dropdown-item-active { display: none; } .weekday-item-drop .item-dropdown .hour-item.item-active .dropdown-item-active { display: inline-block; } .weekday-item-drop .item-dropdown .hour-item.item-active .dropdown-item-active:after { position: absolute; top: 16px; right: 20px; } .call-work-hours-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .call-work-hours-new .work-hours-box { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; width: 360px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-y: auto; } .call-work-hours-new .work-hours-title { font-size: 20px; line-height: 28px; font-weight: 300; color: #515666; width: 100%; text-align: center; } .call-work-hours-new .time-zone { width: 100%; } .call-work-hours-new .time-zone .time-zone-title { margin-top: 20px; } .call-work-hours-new .time-zone input { width: 100%; border-radius: 4px; margin-top: 6px; background-color: #f6f7fb; border: 1px solid #ebecf1; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; padding: 14px 12px; height: 44px; } .call-work-hours-new .limited-workdays-setting { opacity: 0.4; cursor: not-allowed; pointer-events: none; } .call-work-hours-new .limited-workdays-setting .com-dropdown-label { background-color: #eee; } .call-work-hours-new .workdays-setting .com-radiobox { margin-top: 16px; font-size: 14px; line-height: 19px; font-weight: 400; color: #515666; } .call-work-hours-new .workdays-setting .weekday-items { margin: 16px 0 0 22px; } .call-work-hours-new .workdays-setting .weekday-item { height: 36px; margin-bottom: 12px; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-work-hours-new .workdays-setting .com-dropdownbox { width: 90px; } .call-work-hours-new .workdays-setting .com-dropdownbox .com-dropdown-label { padding: 0 10px; } .call-work-hours-new .workdays-setting .icon-sel-triangle { display: none; } .call-work-hours-new .workdays-setting .checkbox-label { display: inline-block; width: 80px; } .call-work-hours-new .workdays-setting .weekday-to { margin: 0 8px; } .call-work-hours-new .work-hours-save { width: 100%; height: 80px; background-color: #fff; border-top: 1px solid #ebecf1; margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-work-hours-new .work-hours-save .save-btn { width: 360px; text-align: center; border-radius: 4px; background-color: var(--primary-color); cursor: pointer; font-size: 18px; line-height: 40px; font-weight: 600; color: #fff; } .call-work-hours-new .work-hours-save .save-btn:not(.disable):hover { background-color: #2083e2; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/components/CallAutoText.vue?vue&type=style&index=0&id=21748102&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .auto-text-template-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 5px 0 10px; } .auto-text-template-new .com-text-template { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .auto-text-template-new .com-text-template:last-child { margin-right: 0; } .auto-text-template-new .com-text-template .com-dropdown-label { padding: 0 30px 0 10px; height: 36px; font-weight: 400; font-size: 14px; color: #515666; } .auto-text-template-new .crm-text-info-item.language-status-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body { position: relative; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name { font-weight: 400; font-size: 14px; color: #515666; height: 36px; overflow: auto; position: initial; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .arrow { right: 10px; font-size: 12px; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .language-name-box { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 145px; overflow: auto; padding-right: 15px; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .language-name-box::-webkit-scrollbar { display: none; } .call-auto-text-new { width: 100%; margin: 6px 0 50px; } .call-auto-text-new .auto-text-title { width: 100%; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-auto-text-new .auto-text-title .checkbox-label { font-size: 14px; line-height: 1; font-weight: bold; color: #515666; } .call-auto-text-new .auto-text-title .com-dropdown-label { -webkit-box-shadow: none; box-shadow: none; } .call-auto-text-new .auto-text-input { border: 1px solid #ebecf1; border-radius: 4px; height: 106px; } .call-auto-text-new .auto-text-input .el-textarea { height: 100%; width: 100%; border: none; font-size: 14px; line-height: 20px; font-weight: 400; color: #202437; } .call-auto-text-new .auto-text-input .el-textarea.is-exceed .el-textarea__inner { border: 1px solid #f0454c; background-color: #fff; } .call-auto-text-new .auto-text-input .el-textarea textarea { height: 100%; border: none; resize: none; } .call-auto-text-new .com-dropdownbox { width: auto; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/CallSettings.vue?vue&type=style&index=0&id=2c26f3cf&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-settings-new .dialer-sub-title { margin: 30px 0 10px 0; } .call-settings-new .sub-des-text { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .call-settings-new .settings-title { margin-top: 0; } .call-settings-new .synchronization { font-size: 14px; line-height: 19px; font-weight: 400; color: #797e8b; } .call-settings-new .callback-calllist, .call-settings-new .synch-calllist { width: 100%; height: 44px; border-radius: 4px; margin-top: 5px; background-color: #fff; border: 1px solid #ebecf1; padding: 0 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; } .call-settings-new .call-auto-text-new { margin-bottom: 30px; margin-top: 20px; } .call-settings-new .callback-calllist { border-bottom-left-radius: none; border-bottom-right-radius: none; margin-top: 20px; } .call-settings-new .callback-calllist.autoType { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .call-settings-new .callback-calllist .callback-switch { min-width: 118px; border-radius: 4px; border: 1px solid #ebecf1; cursor: default; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-settings-new .callback-calllist .callback-switch div { width: 50%; height: 22px; text-align: center; font-size: 12px; line-height: 22px; font-weight: 400; color: #a0a3af; } .call-settings-new .callback-calllist .callback-switch div:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .call-settings-new .callback-calllist .callback-switch div:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .call-settings-new .callback-calllist .callback-switch div.on { background-color: var(--primary-color); color: #fff; } .call-settings-new .synch-calllist .synch-switch { position: relative; background-color: #f6f7fb; width: 40px; height: 20px; border-radius: 20px; cursor: pointer; -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); border: 1px solid #c6c8d1; } .call-settings-new .synch-calllist .synch-switch:before { content: ""; position: absolute; top: 0; left: 0; background-color: #fff; width: 18px; height: 18px; border-radius: 9px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .call-settings-new .synch-calllist .synch-switch.on { background-color: var(--primary-color-5); border: 1px solid var(--primary-color); -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .call-settings-new .synch-calllist .synch-switch.on:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .call-settings-new .synch-calllist .overdue-task-range { width: 130px; } .call-settings-new .smart-call-setting { width: 100%; padding: 12px; border: 1px solid #ebecf1; border-top: none; background-color: #fff; border-radius: 0 0 4px 4px; } .call-settings-new .smart-call-setting .leads-type, .call-settings-new .smart-call-setting .next-time-title { font-size: 14px; line-height: 19px; font-weight: 400; color: #515666; margin-top: 15px; } .call-settings-new .smart-call-setting .assign-to { font-size: 14px; line-height: 19px; font-weight: 400; color: #515666; } .call-settings-new .smart-call-setting .leads-type-items, .call-settings-new .smart-call-setting .contact-next-times { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-settings-new .smart-call-setting .leads-type-items label, .call-settings-new .smart-call-setting .contact-next-times label { height: 32px; width: 50%; } .call-settings-new .smart-call-setting .leads-type-items label .checkbox-label, .call-settings-new .smart-call-setting .contact-next-times label .checkbox-label, .call-settings-new .smart-call-setting .leads-type-items label .radio-label, .call-settings-new .smart-call-setting .contact-next-times label .radio-label { font-size: 14px; line-height: 32px; font-weight: 400; color: #797e8b; } .call-settings-new .smart-call-setting .leads-type-items .other-day-open, .call-settings-new .smart-call-setting .contact-next-times .other-day-open { width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-settings-new .smart-call-setting .leads-type-items .other-day-open label, .call-settings-new .smart-call-setting .contact-next-times .other-day-open label { width: 24px; height: auto; } .call-settings-new .smart-call-setting .leads-type-items .other-day-open input, .call-settings-new .smart-call-setting .contact-next-times .other-day-open input { width: 60px; height: 24px; border-radius: 4px; -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 10, 30, 0.1); box-shadow: inset 0 2px 4px 0 rgba(0, 10, 30, 0.1); border: 1px solid #c6c8d1 !important; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; } .call-settings-new .smart-call-setting .leads-type-items .other-day-open .radio-des, .call-settings-new .smart-call-setting .contact-next-times .other-day-open .radio-des { font-size: 14px; line-height: 32px; font-weight: 400; color: #797e8b; } .call-settings-new .auto-text-title { height: 20px; } .call-settings-new .auto-text-title .com-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-settings-new .auto-text-title .checkbox-label { font-weight: 400; color: #797e8b; } .call-settings-new .script-question-title { font-size: 14px; line-height: 19px; font-weight: 400; color: #797e8b; margin-top: 20px; margin-bottom: 5px; } .call-settings-new .call-script-dropdown { margin-top: 5px; } .call-settings-new .time-zone { margin-bottom: 20px; } .call-settings-new .time-zone .time-zone-title { font-size: 14px; line-height: 20px; font-weight: 400; color: #515666; margin-bottom: 10px; } .call-settings-new .time-zone .time-zone-input { width: 100%; height: 40px; } .call-settings-new .time-zone .time-zone-input input { background-color: #f6f7fb; color: #c6c8d1; border: 1px solid #ebecf1; border-radius: 6px; height: 40px; } .call-settings-new .time-zone .time-zone-input input:hover { border: none; } .call-settings-new .workhours-setting { cursor: pointer; } .call-settings-new .workhours-setting .workhours-setting-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 36px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 20px; color: #515666; } .call-settings-new .workhours-setting .workhours-setting-title_right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #a0a3af; } .call-settings-new .workhours-setting .workhours-setting-title_right .icon2017 { margin-left: 10px; font-size: 10px; } .call-settings-new .workhours-setting .workhours-setting-list { margin-top: 10px; border: 1px solid #ebecf1; border-radius: 6px; padding: 0 10px; } .call-settings-new .workhours-setting .workhours-setting-list .workhours-setting-list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 20px; color: #515666; } .call-settings-new .workhours-setting .workhours-setting-list .workhours-setting-list-item:not(:first-child) { border-top: 1px solid #ebecf1; } .call-settings-new .workhours-setting .workhours-setting-list .workhours-setting-list-item_time { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #a0a3af; font-size: 12px; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-module/Index.vue?vue&type=style&index=0&id=0e2b8604&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-modules-new { height: 100%; bottom: 0; right: 0; font-size: 12px; background-color: #fff; position: absolute !important; z-index: 2000; -webkit-box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 400px; height: -webkit-calc(100% - 95px); height: calc(100% - 95px); -webkit-box-shadow: none; box-shadow: none; bottom: 95px; overflow: hidden; } .dialer-modules-new div { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .dialer-modules-new .dialer-pad-module-new { display: block; width: 100%; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); overflow: hidden auto; } .dialer-modules-new .call-work-hours-new { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); overflow: hidden; } .dialer-modules-new .call-settings-new { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: -webkit-calc(100% - 95px); height: calc(100% - 95px); -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden auto; padding: 20px; } .dialer-modules-new .call-list-module-new, .dialer-modules-new .call-history-module-new, .dialer-modules-new .call-archived-list-new { width: 100%; height: -webkit-calc(100% - 95px); height: calc(100% - 95px); -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 20px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-modules-new .call-list-module-new { padding-top: 10px; overflow: hidden auto; } .dialer-modules-new .call-list-module-new .call-archived-list-new { padding: 0; width: 360px; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-guide/GuideItem.vue?vue&type=style&index=0&id=f756531c&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-guide-item { padding: 0 30px 0 30px; width: 340px; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; overflow-x: hidden; overflow-y: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; } .dialer-guide-item img { width: 400px; height: 264px; -o-object-fit: contain; object-fit: contain; margin: 50px 0 0 -30px; } .dialer-guide-item .discount-img { width: 300px; height: 360px; -o-object-fit: contain; object-fit: contain; margin: 50px auto 0; display: block; } .dialer-guide-item .guide-item-title { margin-top: 30px; font-size: 20px; line-height: 24px; font-weight: 600; color: #202437; } .dialer-guide-item .guide-items-des { margin-top: 20px; } .dialer-guide-item .guide-items-des .des { font-size: 12px; line-height: 15px; font-weight: 400; color: #515666; padding-left: 10px; position: relative; } .dialer-guide-item .guide-items-des .des + .des { margin-top: 12px; } .dialer-guide-item .guide-items-des .des:before { position: absolute; content: ""; width: 4px; height: 4px; display: inline-block; left: 2px; top: 5px; background-color: #515666; border-radius: 50%; } .dialer-guide-item .btn-handle { display: block; margin: 40px auto 0; width: 170px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 16px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-guide/Index.vue?vue&type=style&index=0&id=47c02534&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-guide { overflow-x: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-guide .guide-header { height: 50px; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-guide .guide-header span { font-size: 16px; line-height: 1; font-weight: 400; color: #e1e2e6; cursor: pointer; } .dialer-guide .guide-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dialer-guide .guide-footer { width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-guide .guide-footer .tip-text { width: 340px; margin-top: 10px; margin-bottom: 30px; color: var(--primary-color); } .dialer-guide .guide-footer .guide-btn { position: relative; width: 170px; height: 40px; border-radius: 4px; background-color: var(--primary-color); font-size: 16px; line-height: 40px; font-weight: 600; color: #fff; text-align: center; cursor: pointer; } .dialer-guide .guide-footer .guide-btn:hover { background-color: var(--primary-color-5); } .dialer-guide .guide-footer .guide-btn .discount { width: 78px; height: 34px; background: url("http://static.chimeroi.com/crm/image/dialer-discount/tag-discount@2x.png") no-repeat; background-size: 100%; position: absolute; left: 140px; top: -13px; } .dialer-guide .guide-footer ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-guide .guide-footer ul li { width: 20px; height: 20px; border-radius: 50%; text-align: center; cursor: pointer; border: 1px solid #e1e2e6; font-size: 12px; line-height: 20px; font-weight: 600; color: #e1e2e6; margin-right: 12px; } .dialer-guide .guide-footer ul li:nth-last-of-type(1) { margin-right: 0; } .dialer-guide .guide-footer ul li.active { color: #fff; background: var(--primary-color); border-color: transparent; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallHeader.vue?vue&type=style&index=0&id=703b01fc&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .__call-header-new { width: 100%; } .__call-header-new .__call-header_header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; padding: 0 20px; color: #515666; background-color: #fff; border-bottom: 1px solid #ebecf1; } .__call-header-new .__call-header_header .header-dial { font-size: 15px; line-height: 20px; font-weight: 500; color: #fff; color: #515666; } .__call-header-new .__call-header_header .__call-header_header-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .__call-header-new .__call-header_header .dialer-panel-voice-setting, .__call-header-new .__call-header_header .hide-dialer { width: 24px; height: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #a0a3af; cursor: pointer; } .__call-header-new .__call-header_header .dialer-panel-voice-setting .hide-icon, .__call-header-new .__call-header_header .hide-dialer .hide-icon { width: 14px; height: 1px; background-color: #a0a3af; } .__call-header-new .__call-header_header .dialer-panel-voice-setting .hide-icon:hover, .__call-header-new .__call-header_header .hide-dialer .hide-icon:hover { background-color: var(--primary-color); } .__call-header-new .__call-header_content { margin: 20px auto 0; width: 360px; border-radius: 12px; padding: 20px; background: url(https://cdn.lofty.com/image/fs/servicetool/20251028/5/original_f65d364e4fb34f6e.png) center / cover no-repeat; } .__call-header-new .__call-header_content .__call-header_content-call-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 20px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .__call-header-new .__call-header_content .__call-header_content-call-info .call-time-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #515666; } .__call-header-new .__call-header_content .__call-header_content-call-info .call-time-info .circle-icon { width: 8px; height: 8px; border-radius: 50%; background-color: #20c472; margin-right: 4px; } .__call-header-new .__call-header_content .dialer-user { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3px; } .__call-header-new .__call-header_content .dialer-user .dialer-user-name { font-size: 20px; line-height: 30px; font-weight: 500; color: #fff; color: #202437; } .__call-header-new .__call-header_content .dialer-user .dialer-user-order { font-size: 14px; line-height: 30px; font-weight: 400; color: #fff; color: #797e8b; margin-left: 4px; } .__call-header-new .__call-header_content .dialer-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; margin-top: 3px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; line-height: 20px; font-weight: 400; color: #fff; color: #515666; } .__call-header-new .header-mask { height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2)); position: absolute; top: 0; left: 0; -webkit-animation: calling linear 4s infinite; animation: calling linear 4s infinite; } .__call-header-new .name-status { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .__call-header-new .name-status .name { max-width: 290px; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .__call-header-new .name-status .lead-calling { font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; } .__call-header-new .caller-id { font-size: 12px; line-height: 20px; font-weight: 400; color: #515666; margin-top: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .__call-header-new .caller-id .call-method-type { margin-left: auto; } .__call-header-new .task-des { margin-top: 8px; color: rgba(255, 255, 255, 0.6); overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .__call-header-new .agent-status, .__call-header-new .lead-status { height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .__call-header-new .agent-status .agent-name, .__call-header-new .lead-status .agent-name, .__call-header-new .agent-status .lead-name, .__call-header-new .lead-status .lead-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 20px; line-height: 1; font-weight: 600; color: #fff; color: #515666; } .__call-header-new .agent-status .label, .__call-header-new .lead-status .label { width: 51px; font-size: 14px; line-height: 1; font-weight: 400; color: #fff; color: #515666; } .__call-header-new .agent-status .connected, .__call-header-new .lead-status .connected { margin-left: auto; } .__call-header-new .agent-status .status, .__call-header-new .lead-status .status { width: 22px; height: 22px; margin-left: 6px; border-radius: 11px; font-size: 10px; line-height: 22px; font-weight: 400; color: #fff; text-align: center; } .__call-header-new .agent-status .bg-start, .__call-header-new .lead-status .bg-start { background-color: #f5b700; } .__call-header-new .agent-status .bg-failed, .__call-header-new .lead-status .bg-failed { background-color: #f37979; } .__call-header-new .agent-status .bg-succ, .__call-header-new .lead-status .bg-succ { background-color: #2cd781; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallOutcome.vue?vue&type=style&index=0&id=79d6126c&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-outcomes-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-outcomes-new .out-come-item { width: 112px; height: 28px; text-align: center; border-radius: 4px; background-color: #f6f7fb; font-size: 12px; line-height: 28px; font-weight: 400; color: #515666; cursor: pointer; margin-bottom: 12px; } .call-outcomes-new .out-come-item.active { background-color: var(--primary-color); border: none; color: #fff; } .call-outcomes-new .out-come-item:nth-child(5) { margin: 0 auto 0 12px; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallNote.vue?vue&type=style&index=0&id=e669168a&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-note-new { height: 100px; } .call-note-new .note-input { padding: 10px 12px; height: 100px; width: 100%; border: 1px solid #ebecf1; border-radius: 6px; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallSendText.vue?vue&type=style&index=0&id=24d24a80&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .auto-text-template-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 5px 0 10px; } .auto-text-template-new .com-text-template { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .auto-text-template-new .com-text-template:last-child { margin-right: 0; } .auto-text-template-new .com-text-template .com-dropdown-label { padding: 0 30px 0 10px; height: 36px; font-weight: 400; font-size: 14px; color: #515666; } .auto-text-template-new .crm-text-info-item.language-status-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body { position: relative; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name { font-weight: 400; font-size: 14px; color: #515666; height: 36px; overflow: auto; position: initial; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .arrow { right: 10px; font-size: 12px; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .language-name-box { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 145px; overflow: auto; padding-right: 15px; } .auto-text-template-new .crm-text-info-item.language-status-wrap .language-box .com-dropdown-body .language-name .language-name-box::-webkit-scrollbar { display: none; } .call-send-text-new .error-tip { color: #f0454c; font-size: 12px; line-height: 14px; margin-top: 4px; } .call-send-text-new .to-number { color: #515666; } .call-send-text-new #template-select-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(81, 86, 102, 0.8); height: 20px; background-color: #f6f7fb; padding-left: 8px; height: 30px; border-radius: 4px; } .call-send-text-new #template-select-title .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; padding-right: 30px; margin-top: 0; font-size: 12px; line-height: 1; font-weight: 400; color: rgba(81, 86, 102, 0.8); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-send-text-new #template-select-title .com-dropdown-label .icon-sel-traiangle { right: 10px; } .call-send-text-new .text-input-box { width: 100%; height: 130px; border-radius: 6px; border: 1px solid #ebecf1; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-send-text-new .text-input-box textarea { height: 95px; width: 100%; padding: 0 12px; border: none; margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; } .call-send-text-new .text-input-box .content-length { width: 100%; color: #c6c8d1; text-align: right; margin-top: 6px; padding: 0 12px; } .call-send-text-new .text-send { width: 100%; height: 32px; text-align: center; border-radius: 6px; margin-top: 10px; background-color: var(--primary-color); cursor: pointer; font-size: 14px; line-height: 32px; font-weight: 400; color: #fff; } .call-send-text-new .text-send:hover { background-color: var(--primary-color-5); } .call-send-text-new .phone-tip { font-size: 12px; line-height: 14px; color: #f0454c; margin-top: 4px; } .call-send-text-new .send-text-tip { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 6px 0 10px; } .call-send-text-new .send-text-tip i { color: #a0a3af; font-size: 12px; } .call-send-text-new .send-text-tip span { color: #a0a3af; font-size: 12px; line-height: 16px; font-weight: 400; margin-left: 5px; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/callPinToTop.vue?vue&type=style&index=0&id=308d8eab&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-308d8eab] { color: var(--primary-color) !important; } .hover-underline[data-v-308d8eab]:hover { text-decoration: underline; } .dialer-timeline-pin-to-top-new[data-v-308d8eab] { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; background-color: #f6f7fb; padding: 5px 10px; margin-bottom: 6px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-timeline-pin-to-top-new[data-v-308d8eab] .com-checkbox .checkbox-check { margin-right: 5px; } .dialer-timeline-pin-to-top-new[data-v-308d8eab] .com-checkbox .checkbox-label { font-size: 12px; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallBody.vue?vue&type=style&index=0&id=730c2cc0&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-body-new { height: -webkit-calc(100% - 280px); height: calc(100% - 280px); width: 360px; padding: 0 20px 20px 20px; margin-top: 10px; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; overflow-y: auto; overflow-x: hidden; } .call-body-new > div { width: 360px; } .call-body-new.smart { height: -webkit-calc(100% - 80px); height: calc(100% - 80px); } .call-body-new .note-title { margin-top: 10px; margin-bottom: 10px; } .call-body-new .text-title, .call-body-new .out-comes-title { margin: 20px 0 10px; } .call-body-new .template-select-title, .call-body-new .call-outcomes { margin-top: 6px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/CallBtn.vue?vue&type=style&index=0&id=54702066&prod&lang=less&scoped=true& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-54702066] { color: var(--primary-color) !important; } .hover-underline[data-v-54702066]:hover { text-decoration: underline; } .__call-btn-new[data-v-54702066] { max-width: 360px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; border-radius: 100px; cursor: pointer; text-align: center; position: relative; font-size: 24px; line-height: 40px; font-weight: 400; color: #ffffff; } .__call-btn-new.hang-up[data-v-54702066] { background-color: #f0454c; } .__call-btn-new.hang-up[data-v-54702066]:hover { background: #f2585e; } .__call-btn-new.to-call[data-v-54702066] { background-color: #20c472; } .__call-btn-new.to-call[data-v-54702066]:hover { background-color: #1cb066; } .__call-btn-new .icon-call_02[data-v-54702066] { font-size: 24px; } .__call-btn-new .dropdown-icon[data-v-54702066] { position: absolute; font-size: 14px; right: 20px; } .__call-btn-new .icon-sel-triangle[data-v-54702066] { color: #ffffff; } .__call-btn-new .rotate-180[data-v-54702066] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/dialerPad.vue?vue&type=style&index=0&id=834e2d96&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .__chime-dialer-panel-new { -webkit-box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); font-family: "SF UI Text"; width: 300px; background-color: #fff; border-radius: 12px; overflow: hidden; } .__chime-dialer-panel-new .panel-input { padding: 20px 30px 0; } .__chime-dialer-panel-new .panel-input input { border: solid 1px #ebecf1 !important; } .__chime-dialer-panel-new .panel-keyboard { background-color: #fff; padding: 30px 30px 20px; padding-top: 20px; display: grid; width: 240px; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 10px; } .__chime-dialer-panel-new .panel-keyboard .panel-key { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 16px; background-color: #f6f7fb; width: 60px; height: 60px; border-radius: 30px; padding: 7px; cursor: pointer; } .__chime-dialer-panel-new .panel-keyboard .panel-key.is44 .panel-key-main { font-size: 44px; line-height: 60px; } .__chime-dialer-panel-new .panel-keyboard .panel-key.full-line-height .panel-key-main { line-height: 43px; } .__chime-dialer-panel-new .panel-keyboard .panel-key .panel-key-main { color: #202437; font-size: 24px; line-height: 30px; } .__chime-dialer-panel-new .panel-keyboard .panel-key .panel-key-sub { color: #797e8b; font-size: 12px; line-height: 16px; } .__chime-dialer-panel-new .panel-keyboard .panel-key:hover { background-color: rgba(var(--primary-color-rgb), 0.1); } .__chime-dialer-panel-new .panel-keyboard .panel-key:hover .panel-key-main, .__chime-dialer-panel-new .panel-keyboard .panel-key:hover .panel-key-sub { color: var(--primary-color); } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/OptionBar.vue?vue&type=style&index=0&id=453a3cce&prod&lang=less&scoped=true& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-453a3cce] { color: var(--primary-color) !important; } .hover-underline[data-v-453a3cce]:hover { text-decoration: underline; } [data-v-453a3cce] .com-dropdownbox .option-bar-dialer-pad { border: none; background: #ffffff; -webkit-box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); border-radius: 12px; } .more-activated[data-v-453a3cce] { background-color: var(--primary-color) !important; color: #fff !important; border-radius: 12px; } .btn-activated[data-v-453a3cce] { background-color: var(--primary-color) !important; color: #fff !important; } .com-dropdown .voice-list-new[data-v-453a3cce] { width: 180px; max-height: 80px; overflow-y: auto; border: 1px solid #ebecf1; border-radius: 6px; background-color: #fff; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); box-shadow: 0px 5px 30px rgba(32, 36, 55, 0.06); } .com-dropdown .voice-list-new .voice-item[data-v-453a3cce] { padding: 8px 26px 8px 9px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 1.2; font-weight: 400; color: #787878; } .com-dropdown .voice-list-new .voice-item[data-v-453a3cce]:hover { background-color: #f6f7fb; } .com-dropdown .more-list-new[data-v-453a3cce] { width: 240px; padding: 10px; } .com-dropdown .more-list-new .more-item[data-v-453a3cce] { cursor: pointer; background-color: #fff; color: #515666; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-size: 14px; line-height: 20px; height: 36px; border-radius: 4px; padding: 0 10px; } .com-dropdown .more-list-new .more-item .more-item-text[data-v-453a3cce] { font-size: 14px; line-height: 20px; color: #515666; } .com-dropdown .more-list-new .more-item .icon2017[data-v-453a3cce] { color: #797e8b; font-size: 16px; margin-right: 10px; } .com-dropdown .more-list-new .more-item[data-v-453a3cce]:hover { background-color: #f6f7fb; } [data-v-453a3cce] .com-dropdownbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [data-v-453a3cce] .com-dropdownbox .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } [data-v-453a3cce] .com-dropdownbox .icon.right { display: none; } [data-v-453a3cce] .com-dropdownbox .more-activated { background-color: var(--primary-color) !important; color: #fff !important; border-radius: 12px; } .__option-bar-new[data-v-453a3cce] { height: 60px; background-color: #fff; border-top: 1px solid #ebecf1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .__option-bar-new > span[data-v-453a3cce] { cursor: pointer; width: 40px; border-radius: 12px; text-align: center; font-size: 20px; line-height: 40px; font-weight: 400; color: #515666; } .__option-bar-new > span[data-v-453a3cce]:not(.disable):hover { background-color: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); } .__option-bar-new .more-list-new[data-v-453a3cce] { position: absolute; bottom: 51px; right: -13px; width: 400px; height: 96px; display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px; background-color: #fff; border-radius: 12px 12px 0 0; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #ebecf1; } .__option-bar-new .more-list-new.open[data-v-453a3cce] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .__option-bar-new .more-list-new .more-item[data-v-453a3cce] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .__option-bar-new .more-list-new .more-item:hover .icon2017[data-v-453a3cce] { background-color: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); } .__option-bar-new .more-list-new .more-item:hover .more-item-text[data-v-453a3cce] { color: var(--primary-color); } .__option-bar-new .more-list-new .more-item .icon2017[data-v-453a3cce] { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 16px; padding: 10px; color: #515666; background-color: #f6f7fb; border-radius: 12px; margin-right: 10px; } .__option-bar-new .more-list-new .more-item .more-item-text[data-v-453a3cce] { font-size: 14px; line-height: 20px; color: #515666; } .__option-bar-new .icon-call_voicemall[data-v-453a3cce], .__option-bar-new .icon-keyboard_01[data-v-453a3cce], .__option-bar-new .icon-more_01[data-v-453a3cce] { position: relative; } .__option-bar-new .com-dropdownbox[data-v-453a3cce] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .__option-bar-new .com-dropdownbox .com-dropdown-label[data-v-453a3cce] { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .__option-bar-new .com-dropdownbox .icon.right[data-v-453a3cce] { display: none; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/components/outside/CallingScriptCard/CallingScriptContent.vue?vue&type=style&index=0&id=a7483154&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-a7483154] { color: var(--primary-color) !important; } .hover-underline[data-v-a7483154]:hover { text-decoration: underline; } .calling-script-content-wrapper[data-v-a7483154] { position: relative; } .calling-script-content-wrapper .calling-script-content[data-v-a7483154] { overflow: hidden; -webkit-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .calling-script-content-wrapper .calling-script-content.expanded[data-v-a7483154] { overflow: visible; } .calling-script-content-wrapper .calling-script-content .content-section[data-v-a7483154] { margin-bottom: 15px; } .calling-script-content-wrapper .calling-script-content .content-section[data-v-a7483154]:last-child { margin-bottom: 0; } .calling-script-content-wrapper .calling-script-content .content-section .section-title[data-v-a7483154] { font-size: 14px; font-weight: 600; line-height: 20px; color: #515666; margin-bottom: 8px; } .calling-script-content-wrapper .calling-script-content .content-section .section-content[data-v-a7483154] { font-weight: 400; font-size: 14px; line-height: 20px; color: #515666; word-break: break-word; } .calling-script-content-wrapper .calling-script-content .content-section .section-list[data-v-a7483154] { padding-left: 20px; margin: 0; list-style-type: decimal; } .calling-script-content-wrapper .calling-script-content .content-section .section-list li[data-v-a7483154] { font-weight: 400; font-size: 14px; line-height: 20px; color: #515666; } .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item[data-v-a7483154] { margin-bottom: 8px; } .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item[data-v-a7483154]:last-child { margin-bottom: 0; } .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item .point-title[data-v-a7483154] { font-size: 14px; font-weight: 600; line-height: 20px; color: #202437; } .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item .point-list[data-v-a7483154] { padding-left: 20px; margin: 0; list-style-type: disc; } .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item .point-list li[data-v-a7483154] { font-size: 14px; font-weight: 400; line-height: 20px; color: #515666; } .calling-script-content-wrapper .expand-button-wrapper[data-v-a7483154] { position: relative; margin-top: 15px; } .calling-script-content-wrapper .expand-button-wrapper .expand-button[data-v-a7483154] { font-size: 12px; font-weight: 400; line-height: 100%; color: #797e8b; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .calling-script-content-wrapper .expand-button-wrapper .expand-button .icon2017[data-v-a7483154] { margin-left: 10px; font-size: 10px; color: #797e8b; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .calling-script-content-wrapper .expand-button-wrapper .expand-button .icon2017.rotated[data-v-a7483154] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calling-script-content-wrapper .expand-button-wrapper .expand-button[data-v-a7483154]:hover { color: var(--primary-color); } .calling-script-content-wrapper .expand-button-wrapper .expand-button:hover .icon2017[data-v-a7483154] { color: var(--primary-color); } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-outbound-call/Calling.vue?vue&type=style&index=0&id=3b71f531&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .hangeup-dropdown { width: 155px; height: 94px; border-radius: 4px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); border: 1px solid #c6c8d1; background: #fff; padding: 7px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hangeup-dropdown .dropdown-item { font-size: 14px; line-height: 40px; font-weight: 400; color: #515666; padding: 0 20px; cursor: pointer; } .hangeup-dropdown .dropdown-item:hover { background-color: #f6f7fb; } .com-dropdown .voice-list-new { width: 180px; max-height: 80px; overflow-y: auto; border-radius: 6px; border: 1px solid #ebecf1; background-color: #fff; } .com-dropdown .voice-list-new .voice-item { padding: 8px 26px 8px 9px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 1.2; font-weight: 400; color: #787878; } .com-dropdown .voice-list-new .voice-item:hover { background-color: #f6f7fb; } .single-call-calling-new { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .single-call-calling-new .ai-call-script-sidebar { position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); width: 360px; height: 100%; background-color: #f6f7fb; -webkit-backdrop-filter: blur(80px); backdrop-filter: blur(80px); -webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2); border-right: 1px solid #ebecf1; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .single-call-calling-new .ai-call-script-sidebar .sidebar-header { height: 60px; padding: 18px 20px; border-bottom: 1px solid #ebecf1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .single-call-calling-new .ai-call-script-sidebar .sidebar-header .sidebar-title { font-size: 15px; font-weight: 500; line-height: 24px; color: #515666; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; min-height: 0; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content { background-color: #fff; padding: 12px 0; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper { height: 100%; overflow-y: auto; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper::-webkit-scrollbar { width: 4px; border-radius: 6px; display: none; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper::-webkit-scrollbar-thumb { background-color: #c5c6ce; border-radius: 6px; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper::-webkit-scrollbar-track { background-color: transparent; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper:hover::-webkit-scrollbar { display: block; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section { margin-bottom: 20px; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .section-title { margin-bottom: 10px; color: #202437; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .section-content { color: #202437; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .section-list li { color: #202437; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item { margin-bottom: 10px; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item:last-child { margin-bottom: 0; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item .point-title { color: #202437; } .single-call-calling-new .ai-call-script-sidebar .sidebar-body .sidebar-body-content .calling-script-content-wrapper .calling-script-content .content-section .talking-points .talking-point-item .point-list li { color: #202437; } .single-call-calling-new .call-header-body .header-dial { font-size: 16px; line-height: 20px; font-weight: 400; color: #fff; } .single-call-calling-new .call-header-body .name-status { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .single-call-calling-new .call-header-body .name-status .name { max-width: 290px; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .single-call-calling-new .call-header-body .name-status .lead-calling { font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; } .single-call-calling-new .call-header-body .caller-id { font-size: 12px; line-height: 20px; font-weight: 600; color: rgba(255, 255, 255, 0.6); margin-top: 8px; } .single-call-calling-new .call-header-body .agent-name, .single-call-calling-new .call-header-body .lead-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 15px; line-height: 1; font-weight: 500; color: #fff; color: #515666; } .single-call-calling-new .call-header-body .phone-number { font-size: 12px; line-height: 1; font-weight: 400; color: #fff; color: #515666; margin-top: 10px; } .single-call-calling-new .call-header-body .agent-status, .single-call-calling-new .call-header-body .lead-status { height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .single-call-calling-new .call-header-body .agent-status .label, .single-call-calling-new .call-header-body .lead-status .label { width: 51px; font-size: 15px; line-height: 1; font-weight: 500; color: #fff; color: #515666; } .single-call-calling-new .call-header-body .agent-status .connected, .single-call-calling-new .call-header-body .lead-status .connected { margin-left: auto; } .single-call-calling-new .call-header-body .agent-status .status, .single-call-calling-new .call-header-body .lead-status .status { width: 22px; height: 22px; margin-left: 6px; border-radius: 11px; font-size: 10px; line-height: 22px; font-weight: 400; color: #fff; text-align: center; } .single-call-calling-new .call-header-body .agent-status .status.started, .single-call-calling-new .call-header-body .lead-status .status.started { background-color: #f5b700; } .single-call-calling-new .call-header-body .agent-status .status.disconnected, .single-call-calling-new .call-header-body .lead-status .status.disconnected, .single-call-calling-new .call-header-body .agent-status .status.failed, .single-call-calling-new .call-header-body .lead-status .status.failed { background-color: #f37979; } .single-call-calling-new .call-header-body .agent-status .status.connected, .single-call-calling-new .call-header-body .lead-status .status.connected { background-color: #2cd781; } .single-call-calling-new .call-calling-footer { width: 100%; margin-top: auto; position: relative; } .single-call-calling-new .call-calling-footer .icon-row { height: 48px; background-color: #f6f7fb; -webkit-box-shadow: inset 0 1px 0 0 #c6c8d1; box-shadow: inset 0 1px 0 0 #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .single-call-calling-new .call-calling-footer .icon-row span { cursor: pointer; position: relative; width: 48px; text-align: center; font-size: 24px; line-height: 48px; font-weight: 400; color: var(--primary-color); } .single-call-calling-new .call-calling-footer .icon-row span:hover { background-color: var(--primary-color); color: #fff; } .single-call-calling-new .call-calling-footer .icon-row .com-dropdownbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .single-call-calling-new .call-calling-footer .icon-row .com-dropdownbox .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .single-call-calling-new .call-calling-footer .icon-row .com-dropdownbox .icon.right { display: none; } .single-call-calling-new .call-calling-footer .dialer-footer-btn { margin: 16px auto 16px; } .single-call-calling-new .call-calling-footer .dialer-footer-btn .hang-up-btn { height: 100%; padding-top: 10px; } .single-call-calling-new .call-calling-footer .dialer-footer-btn .com-dropdown-label { font-size: 18px; line-height: initial; font-weight: 600; color: #fff; border: none; height: initial; -webkit-box-shadow: none; box-shadow: none; padding: 0 40px 0 30px; } .single-call-calling-new .call-calling-footer .dialer-footer-btn .com-dropdown-label .icon.right { right: 30px; width: 16px; height: 16px; } .single-call-calling-new .call-calling-footer .dialer-footer-btn .com-dropdown-label .icon.right:before { font-size: 16px; line-height: 1; font-weight: 400; color: #fff; } .single-call-calling-new .call-calling-footer .call-btn-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px auto 16px; } .single-call-calling-new .from-income-body { margin: 20px auto 0; width: 360px; border-radius: 12px; padding: 20px; color: #515666; background: url(https://cdn.lofty.com/image/fs/servicetool/20251028/5/original_f65d364e4fb34f6e.png) center / cover no-repeat; } .single-call-calling-new .from-income-body .from-income-left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .single-call-calling-new .from-income-body .name-type { height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: normal; font-weight: bold; color: #fff; } .single-call-calling-new .from-income-body .lead-name { text-decoration: underline; cursor: pointer; } .single-call-calling-new .from-income-body .calling-connected { position: absolute; top: 30px; right: 20px; } .single-call-calling-new .from-income-body .com-dropdownbox { height: 30px; } .single-call-calling-new .from-income-body .com-dropdown-label { border: 0; -webkit-box-shadow: none; box-shadow: none; padding-right: 30px; padding-left: 0; text-decoration: underline; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; } .single-call-calling-new .from-income-body .com-dropdown-label .icon.right::before { color: #fff; } .single-call-calling-new .dnc-tip { width: 100%; padding: 11px 12px; text-align: center; font-size: 14px; line-height: 18px; color: #ed1941; border: 1px solid #fcd7d2; background: #fdece9; } .income-connected { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 110px; } .income-connected.call-connected .call-rec-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .income-connected.call-connected .call-rec-btn span { line-height: 16px; } .income-connected.call-connected .time { width: 50px; margin-left: auto; display: inline-block; text-align: right; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallApptTaskTime.vue?vue&type=style&index=0&id=712d31fc&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .appointment-time { position: relative; } .appointment-time-title { margin-top: 8px; font-size: 12px; line-height: 16px; font-weight: 400; color: #a0a3af; } .appointment-time .time-input .icon2017 { margin-right: 5px; } .appointment-time input[type="range"] { width: 140px; height: 12px; border: 1px solid #dddddd; border-radius: 2px; -webkit-appearance: none; position: relative; } .appointment-time input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border: 1px solid #c5c5c5; border-radius: 3px; background-color: #f6f6f6; } .appointment-time .date-picker-box { position: absolute; top: 60px; left: 0; background-color: #fff; border: 1px solid #c6c8d1; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); border-radius: 4px; height: auto; width: 250px; padding-bottom: 20px; z-index: 300; } .appointment-time .picker-body { border: 0; } .appointment-time .picker-box-hour, .appointment-time .picker-box-time { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; padding: 0 10px; } .appointment-time .range-whole-item { width: 140px; border-bottom: 1px solid #555; } .appointment-time .time-title { color: #333; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-outbound-call/CallTransfer.vue?vue&type=style&index=0&id=00574ba8&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-transfer-new { width: 220px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; bottom: 0; right: 0; font-size: 12px; background-color: #fff; position: absolute !important; z-index: 299; -webkit-box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); right: 400px; -webkit-box-shadow: none; box-shadow: none; border-right: 1px solid #ebecf1; border-left: 1px solid #ebecf1; } .call-transfer-new .transfer-title { line-height: 60px; padding-left: 20px; font-size: 15px; font-weight: 500; color: #515666; border-bottom: 1px solid #ebecf1; width: 100%; } .call-transfer-new .transfer-search { position: relative; width: 180px; height: 30px; margin-top: 20px; padding-left: 30px; border: 1px solid #ebecf1; border-radius: 4px; } .call-transfer-new .transfer-search input { font-size: 12px; line-height: 28px; font-weight: 400; color: #515666; background-color: initial; } .call-transfer-new .transfer-search input::-webkit-input-placeholder { font-size: 12px; line-height: 14px; color: #c6c8d1; } .call-transfer-new .transfer-search input::-webkit-input-placeholder, .call-transfer-new .transfer-search input::placeholder, .call-transfer-new .transfer-search input::-moz-placeholder { font-size: 12px; line-height: 14px; color: #c6c8d1; } .call-transfer-new .transfer-search span { position: absolute; left: 10px; top: 7px; height: 12px; font-size: 12px; color: #c6c8d1; } .call-transfer-new ul { margin-top: 10px; font-size: 14px; line-height: 40px; font-weight: 400; color: #515666; width: 100%; height: -webkit-calc(100% - 140px); height: calc(100% - 140px); overflow: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-transfer-new ul li { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; padding-left: 20px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } .call-transfer-new ul li:hover { background-color: #f6f7fb; } .call-transfer-new ul .agent-list-empty { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-transfer-new ul .list-empty { font-size: 40px; color: #ebecf1; margin-top: 40px; } .call-transfer-new ul .list-empty-text { font-size: 12px; line-height: 16px; color: #c6c8d1; margin-top: 20px; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/AppointmentPop/components/Organizer.vue?vue&type=style&index=0&id=62d7e091&prod&lang=less&scoped=true& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-62d7e091] { color: var(--primary-color) !important; } .hover-underline[data-v-62d7e091]:hover { text-decoration: underline; } .com-organizer-select[data-v-62d7e091] { width: 100%; height: 36px; } .com-organizer-select-body[data-v-62d7e091] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .com-organizer-select-body_label[data-v-62d7e091] { color: #202437; font-size: 14px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; } .com-organizer-select-body_status[data-v-62d7e091] { margin-left: 5px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/AppointmentPop/components/Organizer.vue?vue&type=style&index=1&id=62d7e091&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .com-organizer-dropdown__option { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; cursor: pointer; } .com-organizer-dropdown__option_avatar { width: 40px; height: 40px; border-radius: 100%; margin-right: 10px; background-color: #c6c8d1; } .com-organizer-dropdown__option_shorthand { width: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; font-weight: 700; background-color: #aebbf7; margin-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-organizer-dropdown__option_info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-organizer-dropdown__option_name { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #515666; line-height: 18px; } .com-organizer-dropdown__option_email { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #a0a3af; line-height: 14px; margin-top: 5px; } .com-organizer-dropdown_empty { line-height: 36px; font-size: 14px; width: 100%; opacity: 0.4; text-align: center; color: #515666; padding: 10px 0; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/AppointmentPop/components/PartcipantsItem.vue?vue&type=style&index=0&id=c3ea9088&prod&lang=less&scoped=true& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-c3ea9088] { color: var(--primary-color) !important; } .hover-underline[data-v-c3ea9088]:hover { text-decoration: underline; } .custom-tips[data-v-c3ea9088] { position: absolute; width: 300px; left: 48%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -31px; background: #333; color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 12px; white-space: wrap; z-index: 1000; } .custom-tips[data-v-c3ea9088]::after { content: ""; position: absolute; left: 6%; top: -6px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-width: 0 6px 6px 6px; border-style: solid; border-color: transparent transparent #333 transparent; } .com-partcipants-item[data-v-c3ea9088] { position: relative; width: 100%; min-height: 60px; overflow: visible; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .com-partcipants-item[data-v-c3ea9088]:hover { background-color: #f6f7fb; } .com-partcipants-item_avatar[data-v-c3ea9088] { width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain; margin-right: 10px; } .com-partcipants-item_shorthand[data-v-c3ea9088] { width: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; font-weight: 700; background-color: #aebbf7; margin-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-partcipants-item__info[data-v-c3ea9088] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-partcipants-item__info_name[data-v-c3ea9088] { width: 100%; color: #515666; font-size: 14px; left: 17px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .com-partcipants-item__info_email[data-v-c3ea9088] { color: #a0a3af; font-size: 12px; margin-top: 5px; line-height: 14px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .com-partcipants-item_tag[data-v-c3ea9088] { background: #e7f6ff; border: 1px solid #ceedfe; border-radius: 2px; color: var(--primary-color); font-size: 12px; padding: 0 8px; height: 24px; line-height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/AppointmentPop/components/Partcipants.vue?vue&type=style&index=0&id=aca7d100&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .com-partcipants-dropdown__body { width: 360px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 4px; } .com-partcipants-dropdown__body_nav { width: 100%; height: 38px; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebecf1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .com-partcipants-dropdown__body_nav .cell { display: inline-block; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border-bottom: 4px solid transparent; font-size: 14px; color: #797e8b; line-height: 34px; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-overflow: ellipsis; white-space: nowrap; min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .com-partcipants-dropdown__body_nav .cell.active { color: var(--primary-color); border-color: var(--primary-color); } .com-partcipants-dropdown__body_scroll { min-height: 150px; max-height: 220px; overflow-y: auto; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 0; position: relative; } .com-partcipants-dropdown__body_scroll .level { width: 100%; overflow: visible; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-partcipants-dropdown__body_scroll .level .level-item-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; } .com-partcipants-dropdown__body_scroll .empty { width: 100%; height: 60px; line-height: 60px; text-align: center; color: #c8c8c8; font-size: 14px; position: absolute; top: 50%; margin-top: -30px; } .com-partcipants-dropdown__body .external { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; margin: 6px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .com-partcipants-dropdown__body .external:hover { background-color: #f6f7fb; } .com-partcipants-dropdown__body .external-icon { width: 40px; height: 40px; border-radius: 50%; background-color: #f6f7fb; } .com-partcipants-dropdown__body .external-name { color: #515666; font-size: 14px; line-height: 16px; margin-left: 10px; word-break: break-word; } .com-partcipants-dropdown__body_footer { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; height: 70px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #ebecf1; } .com-partcipants-dropdown__body_footer button { width: 80px; height: 30px; min-width: initial; } .com-partcipants-dropdown__body_footer button + button { margin-left: 10px; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/AppointmentPop/components/Partcipants.vue?vue&type=style&index=1&id=aca7d100&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-aca7d100] { color: var(--primary-color) !important; } .hover-underline[data-v-aca7d100]:hover { text-decoration: underline; } .com-partcipants-container[data-v-aca7d100] { width: 100%; } .com-partcipants-container .com-partcipants-selected[data-v-aca7d100] { width: 100%; } .com-partcipants-container .com-partcipants-selected .participant[data-v-aca7d100] { width: 100%; min-height: 36px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f7fb; border-radius: 4px; margin: 10px 0; padding: 4px 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .com-partcipants-container .com-partcipants-selected .participant-avatar[data-v-aca7d100] { width: 28px; height: 28px; border-radius: 50%; -o-object-fit: contain; object-fit: contain; } .com-partcipants-container .com-partcipants-selected .participant-external[data-v-aca7d100] { width: 28px; height: 28px; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 28px; text-align: center; border-radius: 50%; font-weight: 700; background-color: #aebbf7; } .com-partcipants-container .com-partcipants-selected .participant-name[data-v-aca7d100] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .com-partcipants-container .com-partcipants-selected .participant-name_value[data-v-aca7d100] { color: #515666; font-size: 14px; line-height: 18px; word-break: break-word; } .com-partcipants-container .com-partcipants-selected .participant-name_status[data-v-aca7d100] { margin-left: 5px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .com-partcipants-container .com-partcipants-selected .participant-name_tag[data-v-aca7d100] { height: 20px; background: #e7f6ff; border: 1px solid #ceedfe; border-radius: 2px; color: var(--primary-color); font-size: 12px; line-height: 20px; padding: 0 8px; margin-left: 5px; } .com-partcipants-container .com-partcipants-selected .participant-delete[data-v-aca7d100] { color: #c6c8d1; font-size: 12px; cursor: pointer; } .com-partcipants-container .com-partcipants-selected .participant-delete[data-v-aca7d100]:hover { color: #a0a3af; } .com-partcipants-container .com-partcipants-selected .participant-delete[data-v-aca7d100]:active { color: #a0a3af; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallApptTask.vue?vue&type=style&index=0&id=dbd1a4e6&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-appt-task-new { height: 100%; bottom: 0; right: 0; font-size: 12px; background-color: #fff; position: absolute !important; z-index: 299; -webkit-box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); width: 100%; right: 400px; overflow: hidden; border-right: 1px solid #ebecf1; border-left: 1px solid #ebecf1; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-appt-task-new > div { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .call-appt-task-new .appt-task-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; border-bottom: 1px solid #ebecf1; height: 60px; width: 100%; font-size: 15px; line-height: 1; font-weight: 500; color: #515666; } .call-appt-task-new .appt-task-title span { font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; opacity: 0.6; } .call-appt-task-new .appt-task-content { width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; height: -webkit-calc(100% - 160px); height: calc(100% - 160px); } .call-appt-task-new .appt-task-content > div, .call-appt-task-new .appt-task-content > input { width: 100%; } .call-appt-task-new .appt-task-content > div::-webkit-input-placeholder, .call-appt-task-new .appt-task-content > input::-webkit-input-placeholder { /* WebKit browsers Adapt to Google */ color: #c6c8d1; } .call-appt-task-new .appt-task-content > div:-moz-placeholder, .call-appt-task-new .appt-task-content > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 Adapt to Firefox */ color: #c6c8d1; } .call-appt-task-new .appt-task-content > div::-moz-placeholder, .call-appt-task-new .appt-task-content > input::-moz-placeholder { /* Mozilla Firefox 19+ Adapt to Firefox */ color: #c6c8d1; } .call-appt-task-new .appt-task-content > div:-ms-input-placeholder, .call-appt-task-new .appt-task-content > input:-ms-input-placeholder { /* Internet Explorer 10+ adaptation ie*/ color: #c6c8d1; } .call-appt-task-new .appt-task-content .dialer-sub-title { margin: 30px 0 10px; } .call-appt-task-new .appt-task-content .dialer-sub-title:first-child { margin-top: 0; } .call-appt-task-new .appt-task-content .com-dropdown-label { margin-top: 4px; } .call-appt-task-new .appt-task-content .all-day-check { margin-top: 18px; } .call-appt-task-new .appt-task-content .all-day-check span:last-child { font-size: 14px; line-height: 19px; font-weight: 400; color: #515666; } .call-appt-task-new .appt-task-content .appoint-note { background: #f6f7fb; border: 1px solid #ebecf1; border-radius: 4px; margin-top: 20px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .call-appt-task-new .appt-task-content .appoint-note_label { color: #515666; font-size: 12px; font-weight: 600; line-height: 18px; margin-right: 5px; } .call-appt-task-new .appt-task-content .appoint-note_content { color: #a0a3af; font-size: 12px; font-weight: 400; line-height: 18px; word-break: break-word; } .call-appt-task-new .appt-task-content .due-date-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .call-appt-task-new .appt-task-content .due-date-items .due-date-item { height: 30px; width: 106px; text-align: center; border-radius: 4px; background-color: #f6f7fb; cursor: pointer; margin-bottom: 10px; font-size: 14px; line-height: 28px; font-weight: 400; color: #515666; } .call-appt-task-new .appt-task-content .due-date-items .due-date-item:last-child { margin-right: 128px; } .call-appt-task-new .appt-task-content .due-date-items .due-date-item:hover, .call-appt-task-new .appt-task-content .due-date-items .due-date-item.active { background-color: var(--primary-color); color: #fff; border-color: transparent; } .call-appt-task-new .appt-task-content .date-empty { width: 100%; height: 38px; border-radius: 4px; border: 1px solid #e1e2e6; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 1; font-weight: 400; color: #515666; } .call-appt-task-new .appt-task-content .date-empty .icon2017 { margin-right: 10px; } .call-appt-task-new .appt-task-content .date-empty span:last-child { font-size: 14px; } .call-appt-task-new .appt-task-content .com-date-picker .com-dropdown-label { margin-top: 0; } .call-appt-task-new .appt-task-content .date-input { text-align: center; position: relative; overflow: initial; } .call-appt-task-new .appt-task-content .date-input .com-date-picker { position: absolute; top: 40px; left: 0; z-index: 300; width: 358px; line-height: initial; } .call-appt-task-new .appt-task-content .special-time { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-appt-task-new .appt-task-content .special-time .special-time-switch { width: 40px; height: 20px; border-radius: 20px; background-color: #f6f7fb; -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: inset 0 2px 5px 0 rgba(0, 10, 30, 0.1); border: 1px solid #c6c8d1; cursor: pointer; } .call-appt-task-new .appt-task-content .special-time .special-time-switch:before { width: 18px; height: 18px; content: ""; display: inline-block; border-radius: 10px; background: #fff; position: relative; top: 0; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 10, 30, 0.1); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .call-appt-task-new .appt-task-content .special-time .special-time-switch.on { background-color: var(--primary-color-5); border: 1px solid var(--primary-color); } .call-appt-task-new .appt-task-content .special-time .special-time-switch.on:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .call-appt-task-new .appt-task-content .special-time .special-time-text { font-size: 14px; line-height: 1; font-weight: 400; color: #515666; margin-left: 5px; } .call-appt-task-new .appt-task-content .special-time-selects { margin-top: 15px; } .call-appt-task-new .appt-task-content .special-time-selects .selects { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-appt-task-new .appt-task-content .special-time-selects .selects .com-dropdownbox { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .call-appt-task-new .appt-task-content .special-time-selects .selects .com-dropdownbox:nth-of-type(2) { margin: 0 20px; } .call-appt-task-new .appt-task-content .task-name, .call-appt-task-new .appt-task-content .appoint-title, .call-appt-task-new .appt-task-content .appoint-location { position: relative; } .call-appt-task-new .appt-task-content .task-name .validate-tip, .call-appt-task-new .appt-task-content .appoint-title .validate-tip, .call-appt-task-new .appt-task-content .appoint-location .validate-tip { top: 60px; } .call-appt-task-new .appt-task-content .date-empty { position: relative; } .call-appt-task-new .appt-task-content .date-empty .validate-tip { top: 40px; left: 0; } .call-appt-task-new .appt-task-content .com-partcipants-container .chime-input { border: solid 1px #c6c8d1; } .call-appt-task-new .appt-task-content .appoiontment-container-form { margin-top: 30px; } .call-appt-task-new .appt-task-content .appoiontment-container-form .com-form-item { margin-bottom: 30px; } .call-appt-task-new .appt-task-footer { height: 80px; width: 100%; padding: 0 20px; margin-top: auto; background-color: #fff; border-top: 1px solid #ebecf1; gap: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-appt-task-new .appt-task-footer .btns { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 120px; height: 40px; border-radius: 6px; text-align: center; cursor: pointer; } .call-appt-task-new .appt-task-footer .btns.cancel { color: #797e8b; opacity: 0.8; background-color: #f6f7fb; border: none; } .call-appt-task-new .workinghours { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: solid 1px #ebecf1; background-color: #f6f7fb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; color: #a0a3af; font-size: 12px; margin: 10px 0 20px; line-height: 16px; } .call-appt-task-new .workinghours i { color: #a0a3af; font-size: 16px; margin-right: 10px; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-outbound-call/Index.vue?vue&type=style&index=0&id=85bbceba&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-single-call { height: 100%; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistScrQue.vue?vue&type=style&index=0&id=c74fc88e&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .scr-que-new { position: absolute; top: 0; right: 100%; background-color: #fff; border-right: 1px solid #ebecf1; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #ebecf1; width: 100%; height: 100%; } .scr-que-new .show-pop { width: 20px; height: 50px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #c6c8d1; -webkit-box-shadow: -7px 0 rgba(0, 0, 0, 0); box-shadow: -7px 0 rgba(0, 0, 0, 0); background-color: #fff; position: absolute; top: 0; right: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .scr-que-new .show-pop:before { font-size: 10px; color: #a0a3af; } .scr-que-new .sq-tabs { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #ebecf1; height: 60px; padding: 0 20px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .scr-que-new .only-que { height: 50px; -webkit-box-shadow: 0 1px 0 0 #e1e2e6; box-shadow: 0 1px 0 0 #e1e2e6; font-size: 18px; line-height: 50px; font-weight: 600; color: 515666; padding-left: 30px; } .scr-que-new .tabs-content { height: -webkit-calc(100% - 110px); height: calc(100% - 110px); padding: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow-y: auto; color: #515666; position: relative; } .scr-que-new .tabs-content .script-text { width: 100%; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); border-radius: 4px; background-color: #fff; border: 1px solid #ebecf1; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; padding: 10px 12px; margin-top: 10px; overflow: auto; } .scr-que-new .tabs-content .script-text ul li, .scr-que-new .tabs-content .script-text ol li { margin-left: 10px; } .scr-que-new .tabs-content .script-text ul { list-style: initial; } .scr-que-new .tabs-content .script-text ol { list-style: decimal; } .scr-que-new .tab { padding: 8px 10px; color: #797e8b; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 4px; } .scr-que-new .tab:hover { color: var(--primary-color); } .scr-que-new .tab.active { background-color: rgba(59, 92, 222, 0.05); font-weight: 500; color: var(--primary-color); } .scr-que-new .question-item .title { font-size: 14px; line-height: 19px; font-weight: bold; color: #515666; margin-top: 30px; } .scr-que-new .question-item .des { margin: 10px 0; } .scr-que-new .question-item .que-text { width: 100%; padding: 10px; height: 100px; border-radius: 4px; border: 1px solid #ebecf1; font-size: 14px; line-height: normal; font-weight: 400; color: #515666; } .scr-que-new .com-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; white-space: normal; } .scr-que-new .com-checkbox .checkbox-label { word-break: break-word; } .scr-que-new .com-checkbox .checkbox-check { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .scr-que-new .com-radiobox { margin-bottom: 18px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .scr-que-new .com-radiobox .radio-label { word-break: break-word; } .scr-que-new .com-radiobox .radio-input { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .scr-que-new .empty-text { color: #c6c8d1; font-size: 14px; margin-top: 15px; white-space: nowrap; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/CallResult.vue?vue&type=style&index=0&id=58663095&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-call-result-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-call-result-new .call-head .head-label { font-size: 15px; line-height: 1; font-weight: 500; color: #fff; color: #515666; } .dialer-call-result-new .call-head .call-close { width: 14px; height: 14px; font-size: 14px; line-height: 1; font-weight: 400; color: #fff; } .dialer-call-result-new .call-result-body { height: -webkit-calc(100% - 130px); height: calc(100% - 130px); width: 360px; overflow-y: auto; padding: 0 35px 0 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dialer-call-result-new .call-result-body > div { width: 360px; } .dialer-call-result-new .call-result-body .title { margin: 25px 0 10px; font-size: 14px; line-height: 16px; font-weight: bold; color: #515666; } .dialer-call-result-new .call-result-body .call-detail .title { margin-top: 20px; } .dialer-call-result-new .call-result-body .detail-content { padding: 6px 12px; width: 360px; background-color: #f6f7fb; border-radius: 4px; border: 1px solid #ebecf1; } .dialer-call-result-new .call-result-body .content-item { font-size: 14px; line-height: 30px; font-weight: 400; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-call-result-new .call-result-body .label { width: 93px; color: #a0a3af; } .dialer-call-result-new .call-result-body .data { color: #515666; margin-left: 12px; } .dialer-call-result-new .call-result-body .not-ready { height: 44px; background-color: #f6f7fb; border: 1px solid #ebecf1; text-align: center; border-radius: 4px; font-size: 12px; line-height: 44px; font-weight: 400; color: #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-call-result-new .call-result-body .loading-text { color: #c6c8d1; margin-left: 10px; line-height: 12px; } .dialer-call-result-new .call-result-body .record-loading { position: relative; top: 0; left: 0; width: 16px; height: 16px; margin-left: 8px; } .dialer-call-result-new .call-result-body .record-loading span { position: absolute; padding: 2px; border-radius: 50%; background: #828285; margin-right: 10px; animation: load 1.2s ease infinite; -webkit-animation: load 1.2s ease infinite; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(1) { -webkit-transform: translate(6px, 0px); -ms-transform: translate(6px, 0px); transform: translate(6px, 0px); -webkit-animation-delay: 0.2s; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(2) { -webkit-transform: translate(12px, 3px); -ms-transform: translate(12px, 3px); transform: translate(12px, 3px); -webkit-animation-delay: 0.4s; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(3) { -webkit-transform: translate(12px, 9px); -ms-transform: translate(12px, 9px); transform: translate(12px, 9px); -webkit-animation-delay: 0.6s; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(4) { -webkit-transform: translate(6px, 12px); -ms-transform: translate(6px, 12px); transform: translate(6px, 12px); -webkit-animation-delay: 0.8s; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(5) { -webkit-transform: translate(0px, 9px); -ms-transform: translate(0px, 9px); transform: translate(0px, 9px); -webkit-animation-delay: 1s; } .dialer-call-result-new .call-result-body .record-loading span:nth-child(6) { -webkit-transform: translate(0px, 3px); -ms-transform: translate(0px, 3px); transform: translate(0px, 3px); -webkit-animation-delay: 1.2s; } .dialer-call-result-new .call-result-body .no-record { height: 44px; background-color: #f6f7fb; border: 1px solid #ebecf1; text-align: center; font-size: 12px; line-height: 44px; font-weight: 400; color: #c6c8d1; border-radius: 4px; margin-top: 6px; } .dialer-call-result-new .call-result-body .call-outcomes { margin-top: 8px; } .dialer-call-result-new .call-result-body .call-result-payload { margin-top: 20px; } .dialer-call-result-new .call-result-body .call-result-payload .payload-labels { width: 100%; height: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-call-result-new .call-result-body .call-result-payload .payload-label { font-size: 14px; line-height: 19px; font-weight: 400; color: #a0a3af; border-bottom: 3px solid transparent; cursor: pointer; } .dialer-call-result-new .call-result-body .call-result-payload .payload-label:not(:first-child) { margin-left: 24px; } .dialer-call-result-new .call-result-body .call-result-payload .payload-label.active, .dialer-call-result-new .call-result-body .call-result-payload .payload-label:hover { color: #515666; font-weight: 600; border-bottom-color: var(--primary-color); } .dialer-call-result-new .call-result-body .call-result-payload .appt-task { height: 100px; border-radius: 4px; background-color: #f6f7fb; border: 1px solid #ebecf1; padding: 0 12px; margin-bottom: 5px; } .dialer-call-result-new .call-result-body .call-result-payload .appt-task-empty { text-align: center; font-size: 12px; line-height: 16px; font-weight: 400; color: #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dialer-call-result-new .call-result-body .call-result-payload .appt-task-empty .btn-add { margin-top: 20px; height: 30px; } .dialer-call-result-new .call-result-body .call-result-payload .card-head { font-size: 12px; line-height: 34px; font-weight: 400; color: #a0a3af; border-bottom: 1px solid #e1e2e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-call-result-new .call-result-body .call-result-payload .card-head .icon-edit_01 { margin-left: auto; cursor: pointer; } .dialer-call-result-new .call-result-body .call-result-payload .card-head .icon-delete_01 { margin-left: 10px; cursor: pointer; } .dialer-call-result-new .call-result-body .call-result-payload .card-content div { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-call-result-new .call-result-body .call-result-payload .card-content div span:last-child { color: #797e8b; margin-left: 4px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-call-result-new .call-result-body .call-result-rate { margin-top: 36px; height: 64px; border-radius: 4px; position: relative; border: 1px solid #ebecf1; } .dialer-call-result-new .call-result-body .call-result-rate .rate-stars { height: 100%; padding-top: 23px; text-align: center; } .dialer-call-result-new .call-result-body .call-result-rate .rate-stars span { font-size: 20px; line-height: 24px; font-weight: 400; color: #ffa600; cursor: pointer; } .dialer-call-result-new .call-result-body .call-result-rate .rate-stars span:not(:first-child) { margin-left: 36px; } .dialer-call-result-new .call-result-body .call-result-rate .rate-des { padding: 0 20px; background-color: #fff; font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; position: absolute; top: -9px; -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); } .dialer-call-result-new .call-result-body .call-summary-btn { margin-top: 15px; height: 30px; padding: 7px 15px; font-weight: 500; font-size: 12px; line-height: 16px; } .dialer-call-result-new .call-result-body .call-summary-btn .icon-AI-box { margin-right: 3px; width: 14px; height: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: -webkit-linear-gradient(303deg, #859eff -33.53%, #3052da 85.53%); background: linear-gradient(147deg, #859eff -33.53%, #3052da 85.53%); } .dialer-call-result-new .call-result-body .call-summary-btn .icon-AI-box .icon-AI { font-size: 8px; color: #fff; display: inline-block; margin-right: 0; } .dialer-call-result-new .call-result-footer { height: 80px; width: 100%; padding: 20px 0 0; margin-top: auto; background-color: #fff; border-top: 1px solid #ebecf1; } .dialer-call-result-new .call-result-footer .save-btn { margin: 0 auto; width: 360px; height: 40px; border-radius: 6px; text-align: center; cursor: pointer; background-color: var(--primary-color); font-size: 18px; line-height: 40px; font-weight: 400; color: #fff; } .dialer-call-result-new .arrow-strech { width: 20px; height: 50px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #c6c8d1; -webkit-box-shadow: -7px 0 rgba(0, 0, 0, 0); box-shadow: -7px 0 rgba(0, 0, 0, 0); background-color: #fff; position: absolute; left: -20px; top: 0; text-align: center; line-height: 50px; } .dialer-call-result-new .arrow-strech:before { font-size: 10px; color: #a0a3af; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallUnknowHead.vue?vue&type=style&index=0&id=6cac022c&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-head-img { width: 120px; height: 120px; border-radius: 50%; background-color: var(--primary-color-6); position: relative; margin-top: 110px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .call-head-img.conected { margin-top: 40px; } .call-head-img img { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .call-head-img .circle { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #fff; } .call-head-img .circle:nth-of-type(1) { -webkit-animation: ripple 3.3s linear -3.3s infinite; } .call-head-img .circle:nth-of-type(2) { -webkit-animation: ripple 3.3s linear -2.2s infinite; } .call-head-img .circle:nth-of-type(3) { -webkit-animation: ripple 3.3s linear -1.1s infinite; } .call-head-img .circle:nth-of-type(4) { -webkit-animation: ripple 3.3s linear 0 infinite; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallUnknowTitle.vue?vue&type=style&index=0&id=79f50a37&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-app-new .call-head.unknow-head .call-close { margin-left: 0; } .dialer-app-new .call-head.unknow-head .income-started { margin-left: auto; } .dialer-app-new .call-head.unknow-head .flex-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallAddLead.vue?vue&type=style&index=0&id=f6426d36&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .slot-lead-search { max-height: 150px; overflow-y: auto; width: 326px; } .slot-lead-search .instance-item { height: 60px; font-weight: 600; padding: 0 20px; border-bottom: 1px solid #e1e2e6; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 16px; line-height: 1; font-weight: 400; color: #494453; line-height: 60px; } .slot-lead-search .lead-item { height: 60px; padding: 0 20px 0 40px; border-bottom: 1px solid #e1e2e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .slot-lead-search .lead-item .lead-name { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 16px; line-height: 1; font-weight: 400; color: #494453; } .slot-lead-search .lead-item .lead-name span.search-item { color: #1f7bfb; } .slot-lead-search .lead-item .add-lead { width: 30px; height: 30px; border-radius: 15px; text-align: center; background-color: var(--primary-color); font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; } .call-add-lead { width: 100%; } .call-add-lead .add-lead-ways { width: 100%; } .call-add-lead .create-lead { margin-top: 20px; } .call-add-lead .associate-lead { margin-top: 30px; } .call-add-lead .lead-search { width: 100%; margin-top: 30px; } .call-add-lead .lead-search .slot-body { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; padding: 0 16px; background-color: #fff; border: 1px solid #c6c8d1; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1), inset 0 2px 4px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1), inset 0 2px 4px 0 rgba(0, 10, 30, 0.1); height: 46px; } .call-add-lead .lead-search input { height: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 5px; font-size: 16px; line-height: 1; font-weight: 400; color: #515666; } .call-add-lead .lead-search input::-webkit-input-placeholder { font-size: 12px; line-height: 1; font-weight: 400; color: #c6c8d1; } .call-add-lead .lead-search .icon-search_01, .call-add-lead .lead-search .icon-cancel { font-size: 16px; line-height: 1; font-weight: 400; color: #c6c8d1; } .call-add-lead .bold-border { border-radius: 4px; height: 44px; cursor: pointer; width: 100%; background-color: rgba(255, 255, 255, 0.12); border: 2px solid rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 1; font-weight: 500; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-add-lead .bold-border .text { margin-left: 4px; } .call-add-lead .bold-border:hover { background-color: rgba(0, 0, 0, 0.06); } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-common/CallUnknowTpl.vue?vue&type=style&index=0&id=1b688eb5&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .unknow-tpl { position: relative; background-image: -webkit-linear-gradient(246deg, #2d69c9, #4de3ff); background-image: linear-gradient(204deg, #2d69c9, #4de3ff); overflow: hidden; } .unknow-tpl .dialer-panel-income-footer { position: absolute; bottom: 30px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .unknow-tpl .dialer-panel-income-footer .dialer_call-btn { height: 48px; line-height: 48px; font-size: 24px; text-align: center; width: 154px; left: 1076px; top: 822px; border-radius: 100px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); color: #fff; cursor: pointer; } .unknow-tpl .dialer-panel-income-footer .dialer_call-btn.pick-up { background-color: #20c472; margin-right: 20px; } .unknow-tpl .dialer-panel-income-footer .dialer_call-btn.hang-up { background-color: #f0454c; } .unknow-tpl .bg-circle { background-color: #fff; position: absolute; border-radius: 50%; } .unknow-tpl .bg-circle.bg-circle1 { top: 19px; left: 37px; opacity: 0.05; width: 136px; height: 136px; } .unknow-tpl .bg-circle.bg-circle2 { top: 170px; right: -83px; height: 166px; width: 166px; opacity: 0.05; } .unknow-tpl .bg-circle.bg-circle3 { top: 161px; left: -40px; height: 154px; width: 154px; opacity: 0.1; } .unknow-tpl .bg-circle.bg-circle4 { bottom: 140px; left: 162px; width: 76px; height: 76px; opacity: 0.2; } .unknow-tpl .bg-circle.bg-circle5 { bottom: -166px; right: -156px; width: 332px; height: 332px; opacity: 0.1; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/UnknowOutbound.vue?vue&type=style&index=0&id=edabf874&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-unknow-call { position: relative; background-image: -webkit-linear-gradient(246deg, #2d69c9, #4de3ff); background-image: linear-gradient(204deg, #2d69c9, #4de3ff); } .dialer-unknow-call .bg-circle { background-color: #fff; position: absolute; border-radius: 50%; z-index: -1; } .dialer-unknow-call .bg-circle.bg-circle1 { top: 19px; left: 37px; opacity: 0.05; width: 136px; height: 136px; } .dialer-unknow-call .bg-circle.bg-circle2 { top: 170px; right: -83px; height: 166px; width: 166px; opacity: 0.05; } .dialer-unknow-call .bg-circle.bg-circle3 { top: 161px; left: -40px; height: 154px; width: 154px; opacity: 0.1; } .dialer-unknow-call .bg-circle.bg-circle4 { bottom: 140px; left: 162px; width: 76px; height: 76px; opacity: 0.2; } .dialer-unknow-call .bg-circle.bg-circle5 { bottom: -166px; right: -156px; width: 332px; height: 332px; opacity: 0.1; } .dialer-unknow-call .unknow-call-body { height: -webkit-calc(100% - 50px); height: calc(100% - 50px); padding: 0 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-unknow-call .unknow-call-body .lead-phone { font-size: 20px; line-height: 1; font-weight: bold; color: #fff; margin-top: 25px; } .dialer-unknow-call .unknow-call-body .dialer-footer-btn { margin: auto auto 30px; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/KnowIncome.vue?vue&type=style&index=0&id=eb567a04&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-know-income { width: 400px; overflow: hidden; } .dialer-know-income .know-income-body { width: 328px; height: -webkit-calc(100% - 130px); height: calc(100% - 130px); padding: 0 51px 0 36px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow-y: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-know-income .know-income-body .from-instance { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-left: -36px; margin-top: 20px; max-width: 300px; padding: 0 10px; height: 24px; line-height: 24px; background-color: rgba(0, 0, 0, 0.1); color: #fff; border-radius: 0 12px 12px 0; font-size: 12px; } .dialer-know-income .know-income-body .from-instance .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dialer-know-income .lead-info { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; } .dialer-know-income .lead-info .icon2017 { width: 20px; height: 20px; text-align: center; display: inline-block; } .dialer-know-income .lead-info .icon2017:first-child { margin: 0 4px; } .dialer-know-income .show-phone { margin-top: 4px; font-size: 16px; line-height: 19px; font-weight: 400; color: #fff; } .dialer-know-income .answer-tip { text-align: center; margin-top: 16px; font-size: 14px; line-height: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .dialer-know-income .empty-tip { margin-top: 10px; font-size: 12px; line-height: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .dialer-know-income .last-touch { margin-top: 50px; width: 100%; } .dialer-know-income .last-touch-head { font-size: 14px; line-height: 28px; font-weight: bold; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.21); } .dialer-know-income .touch-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .dialer-know-income .touch-item:nth-child(2) { margin-top: 20px; } .dialer-know-income .touch-item:nth-child(2) .outcome:before { border-color: var(--primary-color); } .dialer-know-income .touch-item:nth-child(3) .outcome:before { border-color: #96efb4; } .dialer-know-income .touch-item:nth-child(4) .outcome:before { border-color: #fce989; } .dialer-know-income .touch-item:nth-child(4) .touch-line { background-color: transparent; } .dialer-know-income .touch-item:last-child .touch-line { background-color: transparent; } .dialer-know-income .touch-item .touch-line { width: 2px; margin: 12px 17px 0; background-color: rgba(255, 255, 255, 0.2); } .dialer-know-income .touch-item .touch-time { width: 80px; text-align: right; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px; line-height: 14px; font-weight: 400; color: #fff; } .dialer-know-income .touch-item .touch-content { margin-bottom: 24px; } .dialer-know-income .touch-item .touch-content .touch-key { font-size: 12px; line-height: 1.2; font-weight: bold; color: #fff; opacity: 0.6; position: relative; } .dialer-know-income .touch-item .touch-content .outcome::before { content: ""; display: inline-block; position: absolute; width: 8px; height: 8px; border-radius: 6px; left: -24px; top: 0px; z-index: 1; border-width: 2px; border-style: solid; } .dialer-know-income .touch-item .touch-content .call-note { margin-top: 8px; } .dialer-know-income .touch-item .touch-content .touch-value { font-size: 14px; line-height: 1.2; font-weight: 400; color: #fff; word-break: break-word; max-width: 236px; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/UnknowIncome.vue?vue&type=style&index=0&id=60e0353d&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-unknow-income .from-instance { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-left: -36px; margin-top: 20px; max-width: 300px; padding: 0 10px; height: 24px; line-height: 24px; background-color: rgba(0, 0, 0, 0.1); color: #fff; border-radius: 0 12px 12px 0; font-size: 12px; } .dialer-unknow-income .from-instance .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dialer-unknow-income .know-income-body { height: -webkit-calc(100% - 130px); height: calc(100% - 130px); overflow-y: auto; padding: 0 36px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip { position: absolute; top: 20px; left: 20px; right: 20px; z-index: 1; padding: 10px 15px; border-left: 3px solid #ffa600; background: rgba(255, 255, 255, 0.98); -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip .tip-cls { font-weight: 400; font-size: 14px; height: 20px; color: #515666; } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip .close-box { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: 50%; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; cursor: pointer; } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip .close-box .icon2017 { font-size: 12px; color: #a0a3af; } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip .close-box:hover .icon2017 { color: var(--primary-color); } .dialer-unknow-income .know-income-body .unkonwn-cvn-tip:hover .close-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .dialer-unknow-income .show-phone { margin-top: 25px; font-size: 20px; line-height: 28px; font-weight: bold; color: #fff; } .dialer-unknow-income .answer-tip { text-align: center; margin-top: 16px; font-size: 14px; line-height: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .dialer-unknow-income .dialer-footer-btn { margin: auto auto 30px; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistFilter.vue?vue&type=style&index=0&id=13500262&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-filter { border: 1px solid #e1e2e6; border-top-right-radius: 4px; border-top-left-radius: 4px; margin-bottom: 10px; } .call-list-filter .filter-content { overflow: hidden; } .call-list-filter .filter-title { cursor: pointer; text-align: center; font-size: 14px; line-height: 34px; font-weight: 600; color: var(--primary-color-6); } .call-list-filter .filter-type-title { padding-left: 10px; border-bottom: 1px solid #e1e2e6; border-top: 1px solid #e1e2e6; background: #f6f7fb; font-size: 14px; line-height: 30px; font-weight: 600; color: #797e8b; } .call-list-filter .filter-type-muti { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-filter .com-checkbox, .call-list-filter .com-radiobox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-filter .com-checkbox .radio-label, .call-list-filter .com-radiobox .radio-label, .call-list-filter .com-checkbox .checkbox-label, .call-list-filter .com-radiobox .checkbox-label { max-width: 100px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; display: inline-block; } .call-list-filter .filter-type-content { max-height: 140px; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .call-list-filter .filter-type-content.expand { max-height: initial; } .call-list-filter .filter-type-content .filter-item { width: 50%; padding-left: 10px; height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 34px; font-weight: 400; color: #515666; } .call-list-filter .filter-type-content .filter-item.filter-item-group { width: 100%; padding: 0 10px; } .call-list-filter .filter-type-content .filter-item_left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-filter .filter-type-content .filter-item .group-tag { color: #a0a3af; font-size: 14px; margin-left: 8px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .call-list-filter .filter-type-content .count { margin-left: 2px; } .call-list-filter .extend { height: 30px; color: #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistFooter.vue?vue&type=style&index=0&id=aa4fc5ce&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-footer-new { height: 80px; width: 100%; padding: 0 30px; margin-top: auto; background: #fff; border-top: 1px solid #ebecf1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .call-list-footer-new .cancel { background-color: #f6f7fb; font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; } .call-list-footer-new .cancel:hover { background: #ebecf1; } .call-list-footer-new div.btn { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; line-height: 40px; border-radius: 5px; padding: 0 12px; cursor: pointer; white-space: nowrap; } .call-list-footer-new div.save { font-weight: 400; color: #fff; font-size: 14px; background-color: var(--primary-color); } .call-list-footer-new div.save:not(.disabled):not([disabled="true"]):hover { background-color: var(--primary-color-5); } .call-list-footer-new div.save:not(.disabled):not([disabled="true"]):active { background-color: var(--primary-color-3); } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistStepSd.vue?vue&type=style&index=0&id=4102cbbc&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-step-sd .import-lead-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-step-sd .unavailable-lead { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 1; font-weight: 100; color: #f0454c; } .callist-step-sd .unavailable-lead .icon2017 { margin-right: 2px; } .callist-step-sd .unavailable-lead .leads { text-decoration: underline; cursor: pointer; } .callist-step-sd .lead-content { height: -webkit-calc(100% - 140px); height: calc(100% - 140px); overflow: hidden; } .callist-step-sd .leads-table { height: 100%; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistInfo.vue?vue&type=style&index=0&id=25ee2a4a&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-info-new { width: 360px; gap: 1px; margin: 20px 20px 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-list-info-new .info-item { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 62px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #f6f7fb; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-list-info-new .info-item .item-label { font-size: 12px; line-height: 26px; font-weight: 500; color: #a0a3af; } .call-list-info-new .info-item .item-value { font-size: 12px; line-height: 26px; font-weight: 600; color: #515666; } .call-list-info-new .info-item:nth-child(even) { width: 180px; } .call-list-info-new .info-item:nth-child(odd) { width: 179px; } .call-list-info-new .info-item:nth-child(1) { border-top-left-radius: 12px; } .call-list-info-new .info-item:nth-child(2) { border-top-right-radius: 12px; } .call-list-info-new .info-item:nth-child(3) { border-bottom-left-radius: 12px; } .call-list-info-new .info-item:nth-child(4) { border-bottom-right-radius: 12px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistDashTable.vue?vue&type=style&index=0&id=57da1030&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-dt { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } .callist-dt .dt-item { width: 177px; height: 70px; margin-bottom: 2px; border: 1px solid #ebecf1; border-radius: 12px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .callist-dt .dt-item .item-label { font-size: 12px; line-height: 1; font-weight: 400; color: #797e8b; line-height: 20px; margin-bottom: 4px; } .callist-dt .dt-item .item-value { font-size: 20px; line-height: 1; font-weight: 400; color: var(--primary-color); line-height: 26px; font-weight: 700; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistChart.vue?vue&type=style&index=0&id=3faa8dcd&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-outcome { width: 400px; height: 400px; margin-left: -20px; } .callist-outcome #outcome-chart { width: 100%; height: 100%; } .callist-outcome .chart-title { text-align: center; position: relative; font-size: 44px; line-height: normal; font-weight: 400; color: #1f7bfb; } .callist-outcome .chart-title span { display: block; font-size: 14px; line-height: normal; font-weight: 400; color: #8f929f; } .callist-outcome .outcome-title { padding-left: 20px; margin-top: 20px; } .callist-outcome .chart-empty { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-outcome .chart-empty .icon2017 { font-size: 64px; line-height: 1; font-weight: 400; color: #c6c8d1; } .callist-outcome .chart-empty .empty-text { margin-top: 10px; font-size: 18px; line-height: 30px; font-weight: 600; color: #a0a3af; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistStepTd.vue?vue&type=style&index=0&id=dbadeeae&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-step-td-new .call-type { max-width: 320px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-step-td-new .icon-arrow_06_left { font-size: 14px; line-height: 1; font-weight: 400; color: #fff; color: #515666; margin-right: 10px; cursor: pointer; vertical-align: middle; } .callist-step-td-new .icon-arrow_06_left:hover { color: var(--primary-color); } .callist-step-td-new .base-info { width: 100%; height: 66px; padding: 8px 20px 6px 20px; background-color: #f6f7fb; } .callist-step-td-new .tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; border-bottom: 1px solid #e1e2e6; margin-bottom: 10px; } .callist-step-td-new .tabs .tabs-item { margin-right: 15px; display: inline-block; height: 100%; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: 400; color: #797e8b; border-bottom: 2px solid transparent; } .callist-step-td-new .tabs .tabs-item.active { border-color: #515666; font-size: 14px; line-height: 20px; font-weight: 700; color: #515666; } .callist-step-td-new .sub-content { height: -webkit-calc(100% - 30px); height: calc(100% - 30px); } .callist-step-td-new .sub-content .lead-content { height: 100%; overflow: hidden; } .callist-step-td-new .sub-content .leads-table { height: -webkit-calc(100% - 42px); height: calc(100% - 42px); overflow-y: auto; } .callist-step-td-new .call-list-footer-new { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .callist-step-td-new .call-list-footer-new .delete-btn { width: 148px; height: 48px; border-radius: 100px; background-color: #f0454c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .callist-step-td-new .call-list-footer-new .delete-btn:hover { background-color: #d73d44; } .callist-step-td-new .call-list-footer-new .delete-btn .icon-delete_01 { font-size: 25px; line-height: 1; font-weight: 400; color: #fff; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistStepFr.vue?vue&type=style&index=0&id=7e0225fb&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .que-scr .question-empty { width: 342px; padding: 8px; font-size: 14px; line-height: 1.4; font-weight: 400; color: #515666; } .dialer-panel-audio-setting { height: 36px; line-height: 34px; font-family: "SF UI Text"; font-style: normal; font-weight: 400; font-size: 12px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--border-color); color: #797e8b; border-radius: 4px; margin-bottom: 20px; } .dialer-panel-go-setting-audio { color: var(--primary-color); cursor: pointer; } .callist-step-fr-new .callist-step-fr-callid .com-dropdownbox .com-dropdown-body .com-dropdown-label { border: 1px solid #c6c8d1; border-radius: 4px; } .callist-step-fr-new .callist-step-fr-callid .com-dropdownbox .com-dropdown-body .com-dropdown-label .call-id-list-tag.NeedVerify { max-width: unset; } .callist-step-fr-new .call-id-list-new .call-id-number { font-size: 14px; color: #202437; line-height: 34px; font-weight: 400; } .callist-step-fr-new .call-id-list-new .call-id-number .icon-box { border: none; margin-right: -4px; } .callist-step-fr-new .call-id-list-new .call-id-number .icon-box.active { background-color: #fff; } .callist-step-fr-new .call-id-list-new .call-id-number .icon-box .icon2017 { color: #c6c8d1; } .callist-step-fr-new .call-id-list-new .call-id-number .icon-box .icon2017::before { content: "\e90b"; } .callist-step-fr-new .com-dropdownbox .com-dropdown-label .icon::before { content: "\e90b"; color: #c6c8d1; } .callist-step-fr-new .com-dropdownbox .com-dropdown-label .com-dropdown-text { color: #202437; font-size: 14px; font-weight: 400; } .callist-step-fr-new .call-type { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-step-fr-new .call-type .icon-box { margin-right: 10px; } .callist-step-fr-new-callid .call-id-list-tag { height: 20px; margin-left: 0px; } .callist-step-fr-new-callid .number { font-size: 14px; font-weight: normal; } .callist-step-fr-new .auto-text-template-new { margin: 0; } .callist-step-fr-new .step-content .step-content-title { text-align: center; font-size: 20px; line-height: 1; font-weight: 300; color: #515666; } .callist-step-fr-new .step-content .dialer-sub-title { margin: 30px 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; color: #515666; } .callist-step-fr-new .step-content .dialer-sub-title.use-number-title { margin-top: 0; } .callist-step-fr-new .step-content .showNumber { background-color: #f5f5f5; } .callist-step-fr-new .step-content .call-send-text-new { margin-top: 30px; } .callist-step-fr-new .step-content .call-send-text-new #template-select-title { background-color: #fff; color: #515666; padding-left: 0; height: 20px; } .callist-step-fr-new .step-content .com-dropdown-label, .callist-step-fr-new .step-content .showNumber { padding: 0; height: 36px; padding: 0 10px; border-radius: 4px; border: 1px solid #c6c8d1; font-size: 14px; line-height: 34px; font-weight: 400; color: #515666; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-step-fr-new .step-content .checkbox-label { font-size: 14px; line-height: 1; font-weight: bold; color: #515666; } .callist-step-fr-new .step-content .note-tip { margin-top: 20px; color: #f0454c; } .callist-step-fr-new .step-content .note-tip .icon2017 { margin-right: 2px; } .callist-step-fr-new .step-content .note-tip .tip-head { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-step-fr-new .step-content .note-tip .tip-content { margin: 6px 0 0 25px; } .callist-step-fr-new .call-list-footer-new .start { width: 120px; background-color: var(--primary-color); font-size: 14px; line-height: 40px; font-weight: 400; color: #fff; border-radius: 6px; } .callist-step-fr-new .call-list-footer-new .start:not(.disabled):not([disabled="true"]):hover { background-color: var(--primary-color-5); } .callist-step-fr-new .call-list-footer-new .start:not(.disabled):not([disabled="true"]):active { background-color: var(--primary-color-3); } .hyper-link { color: var(--primary-color); } .callId-select-dropdown.calllist-step-fr-callid-dropdown { max-width: 360px; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/NextNum.vue?vue&type=style&index=0&id=0e86f554&prod&lang=less&scoped=true& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-0e86f554] { color: var(--primary-color) !important; } .hover-underline[data-v-0e86f554]:hover { text-decoration: underline; } .__next-num[data-v-0e86f554] { max-height: 172px; overflow-y: auto; width: 200px; font-size: 14px; line-height: 32px; font-weight: 400; color: #515666; padding: 6px 0; } .__next-num .taked[data-v-0e86f554] { color: #a0a3af; } .__next-num .icon-calling_act_04[data-v-0e86f554] { color: #20c472; } .__next-num .icon-call_02[data-v-0e86f554] { color: var(--primary-color); } .__next-num .number[data-v-0e86f554] { padding: 0 15px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .__next-num .number[data-v-0e86f554]:hover { background-color: #f6f7fb; } .__next-num .taked[data-v-0e86f554] { cursor: not-allowed; pointer-events: none; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/NextNum.vue?vue&type=style&index=1&id=0e86f554&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .next-num-dropdown .com-dropdown-label { padding: 0 10px; color: var(--primary-color); height: 40px; background: #d8def8; border: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; } .next-num-dropdown .com-dropdown-label .icon.icon-sel-triangle:before { color: inherit; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/components/callistLoading.vue?vue&type=style&index=0&id=f7a13618&prod&lang=less&scoped=true& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-f7a13618] { color: var(--primary-color) !important; } .hover-underline[data-v-f7a13618]:hover { text-decoration: underline; } .call-list-bridge[data-v-f7a13618] { height: 100%; width: 100%; } .call-list-bridge .bridge-content[data-v-f7a13618] { height: -webkit-calc(100% - 50px); height: calc(100% - 50px); background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-bridge img[data-v-f7a13618] { width: 200px; height: 200px; margin-top: 100px; } .call-list-bridge .des[data-v-f7a13618] { font-size: 14px; color: #797e8b; line-height: 16px; margin-top: 30px; width: 360px; text-align: center; } .call-list-bridge .number[data-v-f7a13618] { font-size: 20px; line-height: 24px; color: #515666; margin-top: 20px; } .call-list-bridge .notify[data-v-f7a13618] { height: 62px; width: 360px; margin-top: 40px; border-radius: 4px; border: 1px solid #fcd7d2; background-color: #fdece9; padding: 11px 0 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-list-bridge .notify .title[data-v-f7a13618] { font-size: 14px; line-height: 20px; } .call-list-bridge .notify .title span[data-v-f7a13618]:last-child { color: #ed1941; font-weight: 500; margin-left: 6px; } .call-list-bridge .notify .title span[data-v-f7a13618]:first-child { color: #f0454c; } .call-list-bridge .notify .content[data-v-f7a13618] { font-size: 12px; padding-left: 24px; margin-top: 4px; line-height: 16px; color: #ed1941; } .call-list-bridge .back[data-v-f7a13618] { margin-top: 40px; color: var(--primary-color); font-size: 12px; line-height: 14px; text-decoration: underline; cursor: pointer; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistCalling.vue?vue&type=style&index=0&id=9a09b96e&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-calling-new { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .callist-calling-new .callist-calling-footer { width: 100%; height: 146px; position: relative; } .callist-calling-new .callist-calling-footer .callist-btns { padding: 10px 20px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-calling-new .callist-calling-footer .callist-btns .com-dropdown-label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 133px; padding: 0 10px; color: var(--primary-color); height: 40px; background: #d8def8; border: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; } .callist-calling-new .margin-left-10 { margin-left: 10px; } .callist-calling-new .arrow-strech { width: 20px; height: 50px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #c6c8d1; -webkit-box-shadow: -7px 0 rgba(0, 0, 0, 0); box-shadow: -7px 0 rgba(0, 0, 0, 0); background-color: #fff; position: absolute; left: -20px; top: 0; text-align: center; line-height: 50px; } .callist-calling-new .arrow-strech:before { font-size: 10px; color: #a0a3af; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallistUnContacted.vue?vue&type=style&index=0&id=e7eb0cfc&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-uncontacted-new { position: absolute; left: -100%; top: 0; background-color: #fff; border-left: 1px solid #ebecf1; border-right: 1px solid #ebecf1; } .callist-uncontacted-new .title { width: 100%; height: 60px; padding: 0 20px; border-bottom: 1px solid #ebecf1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-uncontacted-new .uncontacted { font-size: 18px; line-height: 1; font-weight: 600; color: #202437; } .callist-uncontacted-new .icon2017 { opacity: 0.6; font-size: 14px; line-height: 1; font-weight: 400; color: #c6c8d1; } .callist-uncontacted-new .uncontacted-content { width: 100%; height: -webkit-calc(100% - 50px); height: calc(100% - 50px); padding: 30px; overflow-y: auto; } .callist-uncontacted-new .uncontacted-content .lead { height: 60px; border-radius: 4px; border: 1px solid #ebecf1; background-color: #f6f7fb; padding-left: 12px; margin-bottom: 6px; cursor: pointer; font-size: 14px; line-height: 60px; font-weight: 400; color: #515666; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/CallbackManu.vue?vue&type=style&index=0&id=a4a93ce0&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callback-picker .com-date-picker { width: 240px; } .callback-manu { background-color: #f6f7fb; border-top: solid 1px #c6c8d1; padding: 12px 20px 10px; margin-top: 20px; width: 400px !important; margin-left: -20px; } .callback-manu h2 span { color: #8f929f; } .callback-manu .time-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 9px; } .callback-manu .time-items > div { color: #a0a3af; line-height: 26px; text-align: center; background: #fff; border-radius: 4px; margin-bottom: 6px; cursor: pointer; } .callback-manu .time-items > div.active { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); } .callback-manu .time-item { width: -webkit-calc((100% - 12px)/3); width: calc((100% - 12px)/3); } .callback-manu .special-item { width: -webkit-calc((100% - 6px)/2); width: calc((100% - 6px)/2); } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistResult.vue?vue&type=style&index=0&id=eba3dc98&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-result-new { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .callist-result-new .head { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 82px; width: 100%; padding: 18px 20px 12px; background: -webkit-linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color-6) 100%); background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color-6) 100%); position: relative; } .callist-result-new .call-body-new { height: -webkit-calc(100% - 20px); height: calc(100% - 20px); } .callist-result-new .title { overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 20px; line-height: 1.5; font-weight: 600; color: #fff; } .callist-result-new .phone { font-size: 12px; line-height: 20px; font-weight: 400; color: #fff; opacity: 0.6; } .callist-result-new .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } .callist-result-new .content .task-des { width: 100%; background-color: #fef8e4; -webkit-box-shadow: 0 1px 0 0 #faefc0; box-shadow: 0 1px 0 0 #faefc0; text-align: center; font-size: 12px; line-height: 32px; font-weight: 400; color: #515666; } .callist-result-new .content .muti-content { padding: 20px 35px 20px 20px; width: 360px; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); overflow-y: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .callist-result-new .content .muti-content > div { width: 360px; } .callist-result-new .content .text-title, .callist-result-new .content .note-title { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .content .text-title .com-dropdownbox, .callist-result-new .content .note-title .com-dropdownbox { margin-left: auto; width: 160px; } .callist-result-new .content .text-title .com-dropdown-label, .callist-result-new .content .note-title .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; text-align: center; } .callist-result-new .content .text-title { margin-bottom: 10px; } .callist-result-new .content .numbers-list { margin-top: 10px; border-radius: 4px; border: 1px solid #ebecf1; } .callist-result-new .content .item { height: 40px; padding-left: 12px; border-bottom: 1px solid #ebecf1; background-color: #f6f7fb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .content .item .com-dropdownbox { margin-left: auto; width: 140px; } .callist-result-new .content .item .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; text-align: center; } .callist-result-new .content .item:last-child { border: 0; } .callist-result-new .content .item:hover { background-color: #fff; } .callist-result-new .content .item .number { width: 140px; font-size: 14px; line-height: 1; font-weight: 400; color: #515666; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-result-new .content .item .duration { font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; } .callist-result-new .callist-footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .callist-result-new .callist-footer .icon-row { height: 48px; background-color: #f6f7fb; -webkit-box-shadow: inset 0 1px 0 0 #c6c8d1; box-shadow: inset 0 1px 0 0 #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .callist-footer .icon-row span { cursor: pointer; width: 48px; text-align: center; font-size: 24px; line-height: 48px; font-weight: 400; color: var(--primary-color); } .callist-result-new .callist-footer .icon-row span:hover { background-color: var(--primary-color); color: #fff; } .callist-result-new .callist-footer .btns { width: 100%; padding: 10px 20px 20px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .callist-footer .btns > * { margin: 0 5px; } .callist-result-new .callist-footer .btns div { height: 40px; text-align: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .callist-footer .btns div:before { color: var(--primary-color-6); font-size: 18px; } .callist-result-new .callist-footer .btns .stop { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .callist-result-new .callist-footer .btns .stop, .callist-result-new .callist-footer .btns .all { width: 70px; border: 1px solid var(--primary-color-8); background-color: var(--primary-color-10); } .callist-result-new .callist-footer .btns .next { width: 160px; background-color: var(--primary-color); font-size: 12px; line-height: 40px; font-weight: 600; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; } .callist-result-new .callist-footer .btns .next:hover { background: var(--primary-color-5); } .callist-result-new .callist-footer .btns .finish, .callist-result-new .callist-footer .btns .save { background-color: var(--primary-color); border-radius: 4px; font-size: 16px; line-height: 1; font-weight: bold; color: #fff; } .callist-result-new .callist-footer .btns .finish:hover, .callist-result-new .callist-footer .btns .save:hover { background: var(--primary-color-5); } .callist-result-new .callist-footer .btns .finish { width: 360px; } .callist-result-new .callist-footer .btns .save { width: 360px; } .callist-result-new .callist-footer .btns .callist-btns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .callist-footer .btns .callist-btns .numbers { max-height: 172px; overflow-y: auto; } .callist-result-new .callist-footer .btns .callist-btns .com-dropdown-label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 120px; padding: 0 0 0 10px; color: #fff; height: 40px; background: var(--primary-color); border: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-result-new .callist-footer .btns .callist-btns.disabled { cursor: not-allowed !important; } .callist-result-new .callist-footer .btns .callist-btns.disabled .com-dropdown-label { background-color: #a7d3fe !important; } ._num-disabled { cursor: not-allowed !important; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistReport.vue?vue&type=style&index=0&id=7a8c5de8&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-report-new .head { width: 100%; height: 60px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; border-bottom: 1px solid #ebecf1; } .callist-report-new .head .des { font-size: 15px; line-height: 1; font-weight: 500; color: #515666; } .callist-report-new .head .icon-cancel_bold { color: #a0a3af; font-size: 14px; } .callist-report-new .content { width: 360px; padding: 20px; height: -webkit-calc(100% - 180px); height: calc(100% - 180px); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow-y: auto; } .callist-report-new .title { font-size: 14px; line-height: normal; font-weight: bold; color: #515666; } .callist-report-new .info-table { margin-top: 10px; width: 360px; border-radius: 12px; overflow: hidden; } .callist-report-new .base-table { padding: 6px 12px; background-color: #f6f7fb; } .callist-report-new .base-table .table-item { height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-report-new .base-table .item-name { width: 104px; font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; } .callist-report-new .base-table .item-val { max-width: 220px; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 1; font-weight: 500; color: #515666; } .callist-report-new .oc-title { margin-top: 26px; } .callist-report-new .oc-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .callist-report-new .oc-table .table-item { height: 82px; width: -webkit-calc((100% - 2px) / 3); width: calc((100% - 2px) / 3); background-color: #f6f7fb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-report-new .oc-table .table-item:nth-child(4), .callist-report-new .oc-table .table-item:nth-child(5), .callist-report-new .oc-table .table-item:nth-child(6) { margin-top: 1px; } .callist-report-new .oc-table .table-item:nth-child(5) { margin: 1px auto 0 1px; } .callist-report-new .oc-table .item-name { line-height: 14px; color: #a0a3af; } .callist-report-new .oc-table .item-val { margin-top: 8px; font-size: 18px; line-height: 21px; font-weight: 400; color: #515666; } .callist-report-new .report-rate { margin-top: 36px; width: 100%; height: 64px; border-radius: 4px; position: relative; border: 1px solid #ebecf1; } .callist-report-new .report-rate .rate-stars { height: 100%; padding-top: 23px; text-align: center; } .callist-report-new .report-rate .rate-stars span { font-size: 20px; line-height: 24px; font-weight: 400; color: #ffa600; cursor: pointer; } .callist-report-new .report-rate .rate-stars span:not(:first-child) { margin-left: 36px; } .callist-report-new .report-rate .rate-des { padding: 0 20px; background-color: #fff; font-size: 14px; line-height: 1; font-weight: 400; color: #a0a3af; position: absolute; top: -9px; -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); } .callist-report-new .footer { margin-top: auto; height: 80px; background-color: #fff; border-top: 1px solid #ebecf1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-report-new .footer .arch-btn { width: 360px; height: 40px; border-radius: 4px; background-color: var(--primary-color); text-align: center; cursor: pointer; font-size: 18px; line-height: 40px; font-weight: 600; color: #fff; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistBridge.vue?vue&type=style&index=0&id=481bac47&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-bridge { height: 100%; } .call-list-bridge .bridge-content { height: -webkit-calc(100% - 50px); height: calc(100% - 50px); background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-bridge img { width: 200px; height: 200px; margin-top: 100px; } .call-list-bridge .des { font-size: 14px; color: #797e8b; line-height: 16px; margin-top: 30px; width: 360px; text-align: center; } .call-list-bridge .number { font-size: 20px; line-height: 24px; color: #515666; margin-top: 20px; } .call-list-bridge .notify { height: 62px; width: 360px; margin-top: 40px; border-radius: 4px; border: 1px solid #fcd7d2; background-color: #fdece9; padding: 11px 0 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-list-bridge .notify .title { font-size: 14px; line-height: 20px; } .call-list-bridge .notify .title span:last-child { color: #ed1941; font-weight: 500; margin-left: 6px; } .call-list-bridge .notify .title span:first-child { color: #f0454c; } .call-list-bridge .notify .content { font-size: 12px; padding-left: 24px; margin-top: 4px; line-height: 16px; color: #ed1941; } .call-list-bridge .back { margin-top: 40px; color: var(--primary-color); font-size: 12px; line-height: 14px; text-decoration: underline; cursor: pointer; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistBridgeVoip.vue?vue&type=style&index=0&id=0f4cfe55&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .call-list-bridge { height: 100%; } .call-list-bridge .bridge-content { height: -webkit-calc(100% - 50px); height: calc(100% - 50px); background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .call-list-bridge img { width: 200px; height: 200px; margin-top: 100px; } .call-list-bridge .des { font-size: 14px; color: #797e8b; line-height: 16px; margin-top: 30px; width: 360px; text-align: center; } .call-list-bridge .number { font-size: 20px; line-height: 24px; color: #515666; margin-top: 20px; } .call-list-bridge .notify { height: 62px; width: 360px; margin-top: 40px; border-radius: 4px; border: 1px solid #fcd7d2; background-color: #fdece9; padding: 11px 0 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call-list-bridge .notify .title { font-size: 14px; line-height: 20px; } .call-list-bridge .notify .title span:last-child { color: #ed1941; font-weight: 500; margin-left: 6px; } .call-list-bridge .notify .title span:first-child { color: #f0454c; } .call-list-bridge .notify .content { font-size: 12px; padding-left: 24px; margin-top: 4px; line-height: 16px; color: #ed1941; } .call-list-bridge .back { margin-top: 40px; color: var(--primary-color); font-size: 12px; line-height: 14px; text-decoration: underline; cursor: pointer; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/components/ExitTripplePop.vue?vue&type=style&index=0&id=0e96c19f&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .exit-tripple .exit-content { height: auto; padding: 20px 30px; } .exit-tripple .tip { font-size: 14px; font-weight: 600; color: #515666; line-height: 16px; } .exit-tripple .pop-container { width: 320px; } .exit-tripple .com-radiobox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .exit-tripple .exit-footer { height: 80px; padding: 20px 30px; } .exit-tripple .chime-btn { line-height: 40px; float: right; } .exit-tripple .cancel { margin-right: 10px; } .exit-tripple .radio-label { font-size: 14px; color: #515666; } .exit-tripple .radio-input { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/modules/dialer-callist/CallistTripple.vue?vue&type=style&index=0&id=10da3e3f&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .callist-tripple-new { height: 100%; width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callist-tripple-new .exit-tripple { position: absolute; } .callist-tripple-new .tripple-head { width: 100%; position: relative; } .callist-tripple-new .padding-t-10 { padding-top: 10px; } .callist-tripple-new .padding-t-40 { padding-top: 40px; } .callist-tripple-new .tripple-head-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; padding: 0 20px; border-bottom: 1px solid #ebecf1; background-color: #fff; } .callist-tripple-new .tripple-head-row .tripple-head-row-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .callist-tripple-new .call-method-type { color: #515666; font-size: 15px; font-weight: 500; } .callist-tripple-new .dialer-panel-voice-setting { width: 24px; height: 24px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .callist-tripple-new .dialer-panel-voice-setting .icon-Settings { font-size: 14px; color: #a0a3af; } .callist-tripple-new .hide-icon-box { width: 24px; height: 24px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .callist-tripple-new .hide-icon { width: 14px; height: 1px; background-color: #a0a3af; } .callist-tripple-new .hide-icon:hover { color: var(--primary-color); } .callist-tripple-new .transfer-info .transfer-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-tripple-new .transfer-info .transfer-container.start { background: rgba(255, 166, 0, 0.1); color: #f5b700; } .callist-tripple-new .transfer-info .transfer-container.conn { background: rgba(32, 196, 114, 0.1); color: #20c472; } .callist-tripple-new .transfer-info .transfer-container.fail { background: rgba(240, 69, 76, 0.1); color: #f0454c; } .callist-tripple-new .transfer-info .transfer-container i { font-size: 12px; margin-right: 8px; } .callist-tripple-new .transfer-info .transfer-container span { font-size: 12px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-tripple-new .lead-cards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; margin-top: 20px; } .callist-tripple-new .card { width: 110px; height: 88px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #ebecf1; background-color: #fff; color: #515666; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .callist-tripple-new .card:not(:first-child) { margin-left: 10px; } .callist-tripple-new .card.connected { border-color: #20c472; } .callist-tripple-new .card.disConnected { border-color: #f0454c; } .callist-tripple-new .status { font-size: 11px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); line-height: 20px; margin-left: -4px; width: 110px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-tripple-new .status .timing { margin-left: 4px; } .callist-tripple-new .name { font-size: 16px; margin-top: 8px; font-weight: 600; line-height: 20px; width: 100px; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-tripple-new .number { font-size: 11px; line-height: 16px; margin-top: 4px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); margin-left: -4px; color: #515666; opacity: 0.6; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .callist-tripple-new .actions { background-color: rgba(255, 255, 255, 0.1); padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 20px; gap: 10px; } .callist-tripple-new .actions .action-btn { height: 40px; border-radius: 5px; background-color: #f6f7fb; font-size: 15px; font-weight: 500; color: #797e8b; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .callist-tripple-new .actions .action-btn.stop-btn { background-color: #ffa600; color: #fff; } .callist-tripple-new .actions .disable { cursor: not-allowed; opacity: 0.6; } .callist-tripple-new .actions .icon-pause_02, .callist-tripple-new .actions .icon-record_02 { margin-right: 10px; } .callist-tripple-new .actions .icon-pause_02:before, .callist-tripple-new .actions .icon-record_02:before { vertical-align: middle; } .callist-tripple-new .call-body-new { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 8px; } .callist-tripple-new .call-body-new .dialer-sub-title { margin-top: 10px; } .callist-tripple-new .icon-row { height: 48px; background-color: #f6f7fb; -webkit-box-shadow: inset 0 1px 0 0 #c6c8d1; box-shadow: inset 0 1px 0 0 #c6c8d1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-tripple-new .icon-row span.icon2017 { cursor: pointer; width: 48px; text-align: center; font-size: 24px; line-height: 48px; font-weight: 400; color: var(--primary-color); } .callist-tripple-new .icon-row span.icon2017:hover { background-color: var(--primary-color); color: #fff; } .callist-tripple-new .icon-row .icon-call_voicemall { position: relative; } .callist-tripple-new .icon-row .com-dropdownbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .callist-tripple-new .icon-row .com-dropdownbox .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .callist-tripple-new .icon-row .com-dropdownbox .icon.right { display: none; } .callist-tripple-new .tripple-empty { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callist-tripple-new .tripple-empty img { width: 200px; height: 200px; margin-top: 100px; } .callist-tripple-new .tripple-empty .title { color: #c6c8d1; font-size: 14px; line-height: 20px; margin-top: 30px; } .callist-tripple-new .tripple-empty .des { width: 320px; font-size: 12px; line-height: 16px; color: #a0a3af; margin-top: 10px; } .callist-tripple-new .margin-left-10 { margin-left: 10px; } .callist-tripple-new .save { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 160px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; background-color: var(--primary-color); border-radius: 6px; cursor: pointer; } .callist-tripple-new .arrow-strech { width: 20px; height: 50px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #c6c8d1; -webkit-box-shadow: -7px 0 rgba(0, 0, 0, 0); box-shadow: -7px 0 rgba(0, 0, 0, 0); background-color: #fff; position: absolute; left: -20px; top: 0; text-align: center; line-height: 50px; } .callist-tripple-new .arrow-strech:before { font-size: 10px; color: #a0a3af; } .callist-tripple-new .callist-btns { padding: 10px 20px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-tripple-new .callist-btns .numbers { max-height: 172px; overflow-y: auto; } .callist-tripple-new .callist-btns .com-dropdown-body { width: 160px; } .callist-tripple-new .callist-btns .com-dropdown-label { color: #fff; height: 40px; background: var(--primary-color); border: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-tripple-new .callist-btns .callist-btns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .callist-tripple-new .callist-btns .callist-btns .numbers { max-height: 172px; overflow-y: auto; } .callist-tripple-new .callist-btns .callist-btns .com-dropdown-body { width: 160px; } .callist-tripple-new .callist-btns .callist-btns .com-dropdown-label { background-color: #a7d3fe; } .callist-tripple-new .callist-btns .hang { width: 160px; height: 40px; border-radius: 6px; background: #f0454c; text-align: center; cursor: pointer; margin-left: 20px; font-size: 14px; line-height: 40px; font-weight: 600; color: #fff; } .callist-tripple-new .callist-btns .hang:hover { background-color: #f2585e; } ._num-disabled { cursor: not-allowed !important; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/dialer-new/dialer-main-new/index.vue?vue&type=style&index=0&id=18b9c57a&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .dialer-app-new { --animation-color: #f0454c; } @-webkit-keyframes colorBlink { 0% { --animation-color: #f0454c; } 10% { --animation-color: #f24e54; } 20% { --animation-color: #ef6469; } 30% { --animation-color: #ed7276; } 40% { --animation-color: #f0797d; } 50% { --animation-color: #f38a8d; } 60% { --animation-color: #ef9fa2; } 70% { --animation-color: #f4b3b5; } 80% { --animation-color: #f1babc; } 90% { --animation-color: #f4cfd0; } 100% { --animation-color: #ffffff; } } @keyframes colorBlink { 0% { --animation-color: #f0454c; } 10% { --animation-color: #f24e54; } 20% { --animation-color: #ef6469; } 30% { --animation-color: #ed7276; } 40% { --animation-color: #f0797d; } 50% { --animation-color: #f38a8d; } 60% { --animation-color: #ef9fa2; } 70% { --animation-color: #f4b3b5; } 80% { --animation-color: #f1babc; } 90% { --animation-color: #f4cfd0; } 100% { --animation-color: #ffffff; } } .dialer-app-new div, .dialer-app-new input, .dialer-app-new textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialer-app-new input { border: none; } .dialer-app-new button { text-align: center; border: none; outline: none; cursor: pointer; } .dialer-app-new .lead-type .icon-seller { color: #96efb4; } .dialer-app-new .lead-type .icon-buyer { color: var(--primary-color-7); } .dialer-app-new .lead-type .icon-buyer, .dialer-app-new .lead-type .icon-seller { display: inline-block; margin: 4px 4px 0 0; } .dialer-app-new .dialer-sub-title { font-size: 14px; line-height: 19px; font-weight: 600; color: #515666; } .dialer-app-new .hidden-scroll { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; overflow-y: auto; padding-right: 20px; } .dialer-app-new .com-dropdown-label { height: 36px; padding: 0 10px; border-radius: 4px; border: 1px solid #ebecf1; font-size: 14px; line-height: 34px; font-weight: 400; color: #515666; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-app-new .disable { opacity: 0.4; cursor: not-allowed !important; } .dialer-app-new .bg-hover { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .dialer-app-new .icon-seller { color: #96efb4; } .dialer-app-new .icon-buyer { color: var(--primary-color-7); } .dialer-app-new .sub-des { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dialer-app-new .sub-des sup { margin-right: 5px; vertical-align: top; font-size: 14px; line-height: 1; font-weight: 400; color: #e92c3c; } .dialer-app-new .sub-des .sub-des-text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 12px; line-height: 1.4; font-weight: 400; color: #8f929f; } .dialer-app-new .whole { width: 100%; height: 100%; } .dialer-app-new .cover { width: 100%; height: 100%; overflow: hidden; } .dialer-app-new .call-connected { position: relative; margin-left: 5px; width: 50px; font-size: 12px; line-height: 14px; font-weight: 400; color: #fff; color: #515666; } .dialer-app-new .call-connected.income-connected { position: absolute; top: 30px; right: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100px; } .dialer-app-new .call-connected.income-connected .call-rec-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-app-new .call-connected.income-connected .call-rec-btn span { line-height: 16px; margin-top: 2px; } .dialer-app-new .call-connected.income-connected .time { width: 50px; margin-left: auto; display: inline-block; text-align: right; } .dialer-app-new .hide-dialer { width: 24px; height: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #a0a3af; cursor: pointer; } .dialer-app-new .hide-dialer .hide-icon { width: 14px; height: 1px; background-color: #a0a3af; } .dialer-app-new .hide-dialer .hide-icon:hover { background-color: var(--primary-color); } .dialer-app-new .call-rec { position: relative; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } .dialer-app-new .call-rec .call-rec-btn { height: 16px; padding: 0 5px 0 12px; padding-left: 12px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; } .dialer-app-new .call-rec .call-rec-btn.recording { -webkit-animation: colorBlink 2s infinite alternate; animation: colorBlink 2s infinite alternate; } .dialer-app-new .call-rec .call-rec-btn.recording .rec-circle { border: 1px solid var(--animation-color); } .dialer-app-new .call-rec .call-rec-btn.recording .rec-circle div { background: var(--animation-color); } .dialer-app-new .call-rec .call-rec-btn.recording span { color: var(--animation-color); } .dialer-app-new .call-rec .call-rec-btn.recording:hover { -webkit-animation-play-state: paused; animation-play-state: paused; --animation-color: #f0454c !important; border: 1px solid #f0454c; border-radius: 12px; padding-left: 5px; } .dialer-app-new .call-rec .call-rec-btn.recording:hover .rec-circle { border: none; } .dialer-app-new .call-rec .call-rec-btn.recording:hover .rec-circle div { border-radius: 6px; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .dialer-app-new .call-rec .call-rec-btn .rec-circle { width: 8px; height: 8px; border-radius: 4px; border: 1px solid #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-app-new .call-rec .call-rec-btn .rec-circle div { width: 3px; height: 3px; background: #ffffff; } .dialer-app-new .call-rec .call-rec-btn span { color: #ffffff; font-size: 12px; -webkit-transform: scale(0.83) translateY(2px); -ms-transform: scale(0.83) translateY(2px); transform: scale(0.83) translateY(2px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; margin-left: 5px; } .dialer-app-new .call-head { width: 100%; padding-left: 20px; height: 60px; background: #fff; border-bottom: 1px solid #ebecf1; color: #515666; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-app-new .call-head .call-type { font-size: 15px; line-height: 1; font-weight: 500; color: #fff; color: #515666; } .dialer-app-new .call-head .call-calling { margin-left: auto; font-size: 16px; line-height: 1; font-weight: 400; color: #fff; } .dialer-app-new .call-head .call-shrink { width: 24px; height: 24px; margin-left: 0; cursor: pointer; position: relative; } .dialer-app-new .call-head .call-shrink .shrink-icon { margin: 10px auto 8px; width: 14px; height: 2px; background: #a0a3af; } .dialer-app-new .call-head .call-close { width: 54px; height: 30px; margin-left: auto; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: 400; color: #a0a3af; position: relative; } .dialer-app-new .call-head .call-close:before { position: absolute; top: 8px; right: 20px; } .dialer-app-new .call-head .call-close:hover { color: var(--primary-color); } .dialer-app-new .icon-box { cursor: pointer; } .dialer-app-new .icon-box:hover .icon2017 { color: var(--primary-color); } .dialer-app-new textarea::-webkit-input-placeholder { color: #c6c8d1; } .dialer-app-new textarea::-moz-placeholder { color: #c6c8d1; } .dialer-app-new textarea:-ms-input-placeholder { color: #c6c8d1; } .dialer-app-new textarea::-ms-input-placeholder { color: #c6c8d1; } .dialer-app-new textarea::placeholder { color: #c6c8d1; } .dialer-email-language-pop .language-list .language-add { height: 40px; line-height: 40px; color: #515666; font-size: 14px; } .dialer-email-language-pop .language-list .language-add:hover { color: var(--primary-color); background-color: #fff; } .dropdown-item-active:after { font-family: "chime"; content: "\E93D"; font-size: 12px; line-height: 1; font-weight: 600; color: var(--primary-color); } @-webkit-keyframes calling { 0% { width: 0%; } 100% { width: 100%; } } @keyframes calling { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes load { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes load { 0% { opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1.16); opacity: 0.2; } 33% { -webkit-transform: scale(1.42); opacity: 0.15; } 66% { -webkit-transform: scale(1.75); opacity: 0.1; } 100% { -webkit-transform: scale(2.17); opacity: 0.05; } } @keyframes ripple { 0% { -webkit-transform: scale(1.16); opacity: 0.2; } 33% { -webkit-transform: scale(1.42); opacity: 0.15; } 66% { -webkit-transform: scale(1.75); opacity: 0.1; } 100% { -webkit-transform: scale(2.17); opacity: 0.05; } } .slide-menu-leave-active, .slide-menu-enter-active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .slide-pop-leave-active, .slide-pop-enter-active { -webkit-transition: all 1s ease; transition: all 1s ease; } .slide-menu-enter, .slide-menu-leave-to, .slide-pop-enter, .slide-pop-leave-to { right: 0; opacity: 0; } #__dialer-app-container { height: 100%; bottom: 0; right: 0; font-size: 12px; background-color: #fff; position: fixed !important; z-index: 2000; -webkit-box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 20px 0 rgba(0, 0, 0, 0.2); right: 50px; } #__dialer-app-container .audio-setting-pop-mask { position: absolute; padding: 0 40px; } #__dialer-app-container.hide-call-result { position: relative; right: -1000px; } #__dialer-app-container.dialer-app-new { -webkit-box-shadow: none; box-shadow: none; position: relative !important; right: 0px !important; } .dialer-app-new { width: 400px; } .dialer-app-new .loading-mask { z-index: 2001; } .dialer-app-new div[class^="callist-step"] .com-dropdown-label { margin-top: 10px; } .dialer-app-new div[class^="callist-step"] .list-name input { width: 100%; } .dialer-app-new div[class^="callist-step"] .import-lead-title { margin: 20px 0 8px 0; } .dialer-app-new div[class^="callist-step"] .leads-table-title { height: 36px; border: 1px solid #e1e2e6; border-radius: 4px; padding: 0 12px; font-size: 14px; line-height: 1; font-weight: 600; color: #797e8b; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-app-new div[class^="callist-step"] .leads-table-title .title-item:last-child { width: 120px; } .dialer-app-new div[class^="callist-step"] .lead-item { padding: 0 12px; height: 60px; width: 360px; background-color: #f6f7fb; border: 1px solid #ebecf1; margin-bottom: 6px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dialer-app-new div[class^="callist-step"] .lead-item.finished .lead-name { color: #a0a3af; } .dialer-app-new div[class^="callist-step"] .lead-item .item-left { max-width: 180px; } .dialer-app-new div[class^="callist-step"] .lead-item .lead-name { width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; font-size: 14px; line-height: 19px; font-weight: 400; color: #515666; } .dialer-app-new div[class^="callist-step"] .lead-item .last-touch { width: 100%; color: #a0a3af; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-app-new div[class^="callist-step"] .lead-item .show-number { max-width: 150px; font-size: 12px; line-height: 16px; font-weight: 400; color: #a0a3af; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-app-new div[class^="callist-step"] .lead-item .related-lead { width: 100%; color: #a0a3af; overflow: hidden; text-overflow: ellipsis; -o-text-oveflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .dialer-app-new div[class^="callist-step"] .lead-item .item-right { min-width: 120px; color: #797e8b; } .dialer-app-new div[class^="callist-step"] .lead-item .item-right .icon2017 { margin-right: 2px; font-size: 14px; line-height: 1; font-weight: 400; color: #f0454c; } .dialer-app-new div[class^="callist-step"] .lead-item .item-right .icon-success_01 { color: #65e9a1; } .dialer-app-new div[class^="callist-step"] .unavailable .lead-name, .dialer-app-new div[class^="callist-step"] .contacted .lead-name { color: #a0a3af; } .dialer-app-new div[class^="callist-step"] .unavailable .item-left, .dialer-app-new div[class^="callist-step"] .contacted .item-left { max-width: 200px; } .dialer-app-new div[class^="callist-step"] .leads-table { margin-top: 8px; } .dialer-app-new div.step-content { padding: 20px; padding-right: 35px; overflow-y: auto; overflow-x: hidden; width: 360px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dialer-app-new div.step-content > div { width: 360px; } .dialer-app-new .callist-step-ft .step-content, .dialer-app-new .callist-step-sd .step-content, .dialer-app-new .callist-step-fr-new .step-content { height: -webkit-calc(100% - 180px); height: calc(100% - 180px); } .dialer-app-new .callist-step-td-new .step-content { height: -webkit-calc(100% - 335px); height: calc(100% - 335px); } .dialer-app-new.hide-menu .dialer-modules-new { height: 100%; bottom: 0; } .dialer-app-new.hide-menu #dialer-menu-new.new { display: none; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/pop/goLiveDate.vue?vue&type=style&index=0&id=5e5edf6a&prod&scoped=true&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-5e5edf6a] { color: var(--primary-color) !important; } .hover-underline[data-v-5e5edf6a]:hover { text-decoration: underline; } [data-v-5e5edf6a] .ob-custom-date-picker-header .com-dropdown-label { height: 40px; line-height: 40px; } [data-v-5e5edf6a] .ob-custom-date-picker-header .com-dropdown-label .com-dropdown-text { color: #516666; } .go-live-date-header-pop[data-v-5e5edf6a] { width: 420px; } .go-live-date-header-pop__title[data-v-5e5edf6a] { color: #515666; font-size: 14px; font-weight: 600; margin-bottom: 9px; } .go-live-date-header-pop .com-select-datepicker[data-v-5e5edf6a] { width: 100%; } .go-live-date-header-pop .tips[data-v-5e5edf6a] { padding: 10px; margin-top: 10px; background: #fef8e4; border-radius: 4px; color: #ffa200; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .go-live-date-header-pop .tips .note[data-v-5e5edf6a] { margin-right: 10px; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/UpdateProfile/profileTip.vue?vue&type=style&index=0&id=56f7345a&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-56f7345a] { color: var(--primary-color) !important; } .hover-underline[data-v-56f7345a]:hover { text-decoration: underline; } .update-profile-tip-container[data-v-56f7345a] { width: 100%; min-height: 40px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ebeffc; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d8def8; } .update-profile-tip-container .icon-volume_02[data-v-56f7345a] { font-size: 20px; margin-right: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #3553c8; } .update-profile-tip-container .content[data-v-56f7345a] { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #3553c8; font-size: 14px; line-height: 20px; word-wrap: break-word; } .update-profile-tip-container .content[data-v-56f7345a] .trigger-profile-pop { cursor: pointer; font-weight: 700; text-decoration: underline; } .update-profile-tip-container .close[data-v-56f7345a] { height: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } .update-profile-tip-container .close i[data-v-56f7345a] { font-size: 12px; color: #3553c8; opacity: 0.6; -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); } .update-profile-tip-container .close:hover i[data-v-56f7345a] { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/obTip/ring.vue?vue&type=style&index=0&id=b34d5a42&prod&lang=less&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-b34d5a42] { color: var(--primary-color) !important; } .hover-underline[data-v-b34d5a42]:hover { text-decoration: underline; } .com-progress-ring[data-v-b34d5a42] { display: inline-block; position: relative; width: 16px; height: 16px; margin-right: 10px; background-image: var(--backgroundImage); padding: 4px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; } .com-progress-ring .progress-circle[data-v-b34d5a42] { width: 100%; height: 100%; border-radius: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ebeffc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #515666; font-size: 12px; font-weight: 400; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/obTip/guidPop.vue?vue&type=style&index=0&id=2a832f4f&prod&lang=less&scoped=true& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-2a832f4f] { color: var(--primary-color) !important; } .hover-underline[data-v-2a832f4f]:hover { text-decoration: underline; } *[data-v-2a832f4f] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ob-guid-content[data-v-2a832f4f] { position: relative; width: 720px; height: 340px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; } .ob-guid-content__close[data-v-2a832f4f] { position: absolute; top: 20px; right: 20px; cursor: pointer; font-size: 16px; color: #a0a3af; } .ob-guid-content__close[data-v-2a832f4f]:hover { color: var(--primary-color); } .ob-guid-content__left[data-v-2a832f4f] { width: 320px; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .ob-guid-content__left img[data-v-2a832f4f] { width: 100%; } .ob-guid-content__right[data-v-2a832f4f] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 49px 30px; } .ob-guid-content__right .guid-title[data-v-2a832f4f] { font-weight: 700; color: #202437; font-size: 20px; margin-bottom: 10px; } .ob-guid-content__right .guid-subtitle[data-v-2a832f4f] { font-size: 14px; color: #797e8b; margin-bottom: 30px; } .ob-guid-content__right .guid-btn-group[data-v-2a832f4f] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ob-guid-content__right .guid-btn-group .confirm-btn[data-v-2a832f4f] { margin-bottom: 10px; } .ob-guid-content__right .guid-btn-group .confirm-btn[data-v-2a832f4f], .ob-guid-content__right .guid-btn-group .cancel-btn[data-v-2a832f4f] { width: 100%; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/obTip/guidPop.vue?vue&type=style&index=1&id=2a832f4f&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .ob-guid-pop-container.pop-container { border-radius: 12px; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/obTip/index.vue?vue&type=style&index=0&id=15abb8a6&prod&lang=less&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-15abb8a6] { color: var(--primary-color) !important; } .hover-underline[data-v-15abb8a6]:hover { text-decoration: underline; } *[data-v-15abb8a6] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ob-guidelines-wrapper[data-v-15abb8a6] { position: relative; width: 100%; height: 40px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ebeffc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 0; border-bottom: 1px solid #d8def8; } .ob-guidelines-wrapper i[data-v-15abb8a6] { font-size: 16px; margin-right: 10px; color: rgba(255, 255, 255, 0.5); } .ob-guidelines-wrapper .percent-text[data-v-15abb8a6] { margin-left: 5px; font-size: 12px; color: var(--primary-color); font-weight: 510; } .ob-guidelines-wrapper .text[data-v-15abb8a6] { font-size: 14px; color: var(--primary-color); font-weight: 400; line-height: 18px; border-left: 1px solid rgba(var(--primary-color-rgb), 0.2); padding-left: 10px; margin-left: 10px; } .ob-guidelines-wrapper .go-btn[data-v-15abb8a6] { width: 60px; min-width: 60px; height: 26px; margin-left: 20px; } .ob-guidelines-wrapper .close-box[data-v-15abb8a6] { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: rgba(var(--primary-color-rgb), 0.6); cursor: pointer; } .ob-guidelines-wrapper .close-box[data-v-15abb8a6]:hover { color: var(--primary-color); } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/obTip/teamobTip.vue?vue&type=style&index=0&id=8552330a&prod&lang=less&scoped=true& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-8552330a] { color: var(--primary-color) !important; } .hover-underline[data-v-8552330a]:hover { text-decoration: underline; } *[data-v-8552330a] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ob-guidelines-wrapper[data-v-8552330a] { position: relative; width: 100%; height: 40px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fef8e4; color: #f59700; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 0; border-bottom: 1px solid #d8def8; border-color: #fbe889; } .ob-guidelines-wrapper i[data-v-8552330a] { font-size: 16px; margin-right: 10px; color: rgba(255, 255, 255, 0.5); } .ob-guidelines-wrapper .percent-text[data-v-8552330a] { margin-left: 5px; font-size: 12px; color: #f59700; font-weight: 510; } .ob-guidelines-wrapper .text[data-v-8552330a] { font-size: 14px; color: #f59700; font-weight: 400; line-height: 18px; border-left: 1px solid rgba(var(--primary-color-rgb), 0.2); padding-left: 10px; margin-left: 10px; } .ob-guidelines-wrapper .go-btn[data-v-8552330a] { width: 60px; min-width: 60px; height: 26px; margin-left: 20px; color: white; background-color: #ffa600; } .ob-guidelines-wrapper .go-btn[data-v-8552330a]:hover { background-color: #ffaf19; } .ob-guidelines-wrapper .go-btn[data-v-8552330a]:active { background-color: #e69500; } .ob-guidelines-wrapper .close-box[data-v-8552330a] { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: rgba(var(--primary-color-rgb), 0.6); cursor: pointer; } .ob-guidelines-wrapper .close-box[data-v-8552330a]:hover { color: var(--primary-color); } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/AITip/ServiceBotTip.vue?vue&type=style&index=0&id=72ed1def&prod&lang=less&scoped=true& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-72ed1def] { color: var(--primary-color) !important; } .hover-underline[data-v-72ed1def]:hover { text-decoration: underline; } .service-bot-tip-wrap[data-v-72ed1def] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .service-bot-tip-wrap .icon-volume_02[data-v-72ed1def] { font-size: 20px; color: var(--primary-color); } .service-bot-tip-wrap .tip-content[data-v-72ed1def] { margin-left: 10px; font-weight: 700; font-size: 14px; line-height: 20px; color: var(--primary-color); } .service-bot-tip-wrap .quick-msg-box[data-v-72ed1def] { margin-left: 28px; background-color: rgba(255, 255, 255, 0.8); padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .service-bot-tip-wrap .quick-msg-box .dot[data-v-72ed1def] { width: 6px; height: 6px; border-radius: 50%; background-color: #f0454c; } .service-bot-tip-wrap .quick-msg-box .msg-area[data-v-72ed1def] { font-weight: 500; font-size: 12px; line-height: 20px; color: #515666; margin-left: 6px; max-width: 255px; } .service-bot-tip-wrap .quick-msg-box .time-str[data-v-72ed1def] { font-weight: 400; font-size: 12px; line-height: 20px; color: #a0a3af; margin-left: 6px; } .service-bot-tip-wrap .quick-msg-box .btn-area[data-v-72ed1def] { margin-left: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: unset; width: 22px; height: 22px; border-radius: 50%; padding: 0; } .service-bot-tip-wrap .quick-msg-box .btn-area .icon2017[data-v-72ed1def] { font-size: 10px; margin-right: 0; } .service-bot-tip-wrap .chime-alert__closebtn[data-v-72ed1def] { position: absolute; top: 11px; right: 0; cursor: pointer; opacity: 0.6; -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); font-size: 12px; } .service-bot-tip-wrap .chime-alert__closebtn[data-v-72ed1def]:hover { opacity: 1; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/menus/menuV2Item.vue?vue&type=style&index=0&id=871f7164&prod&lang=less&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-871f7164] { color: var(--primary-color) !important; } .hover-underline[data-v-871f7164]:hover { text-decoration: underline; } *[data-v-871f7164] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/menus/menuV2Item.vue?vue&type=style&index=1&id=871f7164&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .crm-only-header-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-only-header-menu__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .crm-only-header-menu__item.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-only-header-menu__item.flex .crm-only-header-menu__icon { margin-right: 6px; } .crm-only-header-menu__item.primary-color .crm-only-header-menu__title, .crm-only-header-menu__item.primary-color .crm-only-header-menu__icon { color: var(--primary-color); } .crm-only-header-menu__item.lofty-ai-menu .crm-only-header-menu__title { color: #3b5cde !important; } .crm-only-header-menu__item.lofty-ai-menu .crm-only-header-menu__icon { background: -webkit-linear-gradient(315.94deg, #3b5cde -1.64%, #5d51e2 100.05%) !important; background: linear-gradient(134.06deg, #3b5cde -1.64%, #5d51e2 100.05%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } .crm-only-header-menu__item.cursor-default .crm-only-header-menu__title { cursor: default !important; } .crm-only-header-menu.corner-mark-wrapper { position: relative; } .crm-only-header-menu__corner-mark { font-size: 6px; font-weight: 400; line-height: 12px; display: inline-block; cursor: pointer; position: absolute; left: -webkit-calc(100% + 5px); left: calc(100% + 5px); top: 10px; background: var(--primary-color-9); color: var(--primary-color); text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 2px; padding: 1px 3px; } .crm-only-header-menu__title { color: var(--upgrade-header-text-Color); font-size: 14px; font-weight: 500; line-height: 24px; display: inline-block; cursor: pointer; } @media screen and (min-width: 1680px) { .crm-only-header-menu__title { font-size: 16px; } } .crm-only-header-menu__title.isTop { height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-only-header-menu__title.active { color: var(--primary-color); } .crm-only-header-menu__subitem { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 8px; border-radius: 4px; } .crm-only-header-menu__subitem .crm-only-header-menu__title { font-weight: normal; } .crm-only-header-menu__subitem:hover { background: #f6f7fb; } .crm-only-header-menu__icon { font-size: 16px; color: #515666; margin-right: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-only-header-menu__icon.icon-Website1 { font-size: 15px; } .crm-only-header-menu__item.isTop::after, .crm-only-header-menu__item.active.isTop::after { position: absolute; content: " "; height: 4px; width: 0; overflow: hidden; bottom: 0px; left: 50%; background: var(--upgrade-header-underline-Color); color: var(--upgrade-header-underline-Color); -webkit-transition: all 0.3s; transition: all 0.3s; } .crm-only-header-menu__item.isTop:hover::after, .crm-only-header-menu__item.active.isTop::after { width: 100%; left: 0; } .crm-only-header-menu__item:hover .crm-only-header-menu__title, .crm-only-header-menu__item.active .crm-only-header-menu__title, .crm-only-header-menu__item:hover .crm-only-header-menu__icon, .crm-only-header-menu__item.active .crm-only-header-menu__icon { color: var(--upgrade-header-text-Color); } .crm-only-header-menu__dropdown { min-width: 180px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-only-header-menu__dropdown .crm-only-header-menu__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-only-header-menu__dropdown .crm-only-header-menu__item .crm-only-header-menu__title, .crm-only-header-menu__dropdown .crm-only-header-menu__item .crm-only-header-menu__icon { color: #515666; } .crm-only-menu__more-dropdown { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown { padding: 8px; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .hidden-item-text { margin-top: 0 !important; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .crm-only-header-menu__subitem.com-dropdownbox { padding: 0; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .crm-only-header-menu__item { padding: 5px 15px; border-radius: 4px; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .crm-only-header-menu__item .crm-only-header-menu__title, .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .crm-only-header-menu__item .crm-only-header-menu__icon { color: #515666; } .crm-only-menu__more-dropdown .com-overflow-ellipsis-dropdown .crm-only-header-menu__item:hover { background: #f6f7fb; } .menu-dropdown-header { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu-dropdown-header .com-dropdown-body { width: 100%; } .cursor-default { cursor: default !important; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/menus/menuV2.vue?vue&type=style&index=0&id=170e5842&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-170e5842] { color: var(--primary-color) !important; } .hover-underline[data-v-170e5842]:hover { text-decoration: underline; } *[data-v-170e5842] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-only-menu[data-v-170e5842] { width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-only-menu__more[data-v-170e5842] { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; cursor: pointer; } .crm-only-menu__more.is-open i[data-v-170e5842] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .crm-only-menu__more .more-text[data-v-170e5842] { color: var(--upgrade-header-text-Color); font-size: 15px; font-weight: 500; line-height: 24px; } .crm-only-menu__more i[data-v-170e5842] { display: inline-block; color: #b5bacc; margin-left: 5px; margin-right: 10px; font-size: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; } .crm-only-menu[data-v-170e5842] .com-overflow-ellipsis-wrapper { height: 100%; } .crm-only-menu[data-v-170e5842] .com-overflow-ellipsis-wrapper .display-items, .crm-only-menu[data-v-170e5842] .com-overflow-ellipsis-wrapper .display-cell { height: 100%; } .crm-only-menu[data-v-170e5842] .com-overflow-ellipsis-wrapper .display-items { padding-right: var(--eleInterval); } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/menus/menuV1.vue?vue&type=style&index=0&id=10519bdc&prod&lang=less& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .crm-header-v2.crm-header .menu-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-right: auto; } .crm-header-v2.crm-header .menu-list .calMenu { z-index: -1; position: absolute; top: -1000px; } .crm-header-v2.crm-header .menu-list .main-ruler { z-index: -1; position: absolute; top: -1000px; width: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .crm-header-v2.crm-header .menu-list .smallList .icon2017 { cursor: pointer; color: #b5bacc; margin-left: 5px; margin-right: 10px; font-size: 24px; } .crm-header-v2.crm-header .menu-list .small-menu-icon { padding: 3px 8px; border-radius: 5px; vertical-align: middle; } .crm-header-v2.crm-header .menu-list .small-menu-icon.active { color: #797e8b; background-color: #f5f5f5; } .crm-header-v2.crm-header .menu-list .list-item { position: relative; font-weight: 500; font-size: 15px; line-height: 18px; margin-right: 30px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .crm-header-v2.crm-header .menu-list .list-item a, .crm-header-v2.crm-header .menu-list .list-item span { color: var(--upgrade-header-text-Color); white-space: nowrap; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; } .crm-header-v2.crm-header .menu-list .list-item .red-point::after { width: 5px; height: 5px; border: none; position: absolute; top: 10px; right: -5px; } .crm-header-v2.crm-header .menu-list .list-item .red-text::after { position: absolute; left: unset; right: -30px; } .crm-header-v2.crm-header .menu-list .list-item::after { content: ""; position: absolute; width: 0; height: 3px; background: var(--upgrade-header-underline-Color); left: 50%; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .crm-header-v2.crm-header .menu-list .list-item:hover a, .crm-header-v2.crm-header .menu-list .list-item:hover span { color: var(--upgrade-header-underline-Color); } .crm-header-v2.crm-header .menu-list .list-item:hover::after { left: 0; width: 100%; } .crm-header-v2.crm-header .menu-list .list-item.curr-menu a, .crm-header-v2.crm-header .menu-list .list-item.curr-menu span { color: var(--upgrade-header-underline-Color); } .crm-header-v2.crm-header .menu-list .list-item.curr-menu::after { left: 0; width: 100%; } .crm-header-v2.crm-header .menu-list .list-item .header-beta { position: absolute; width: 24px; height: 12px; right: 0; top: 4px; } .crm-header-v2.crm-header .menu-list .list-item .menu-select .com-dropdown-label, .crm-header-v2.crm-header .menu-list .list-item .menu-dropdown .com-dropdown-label { height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; padding-left: 0; padding-right: 17px; } .crm-header-v2.crm-header .menu-list .list-item .menu-select .com-dropdown-label .com-dropdown-text, .crm-header-v2.crm-header .menu-list .list-item .menu-dropdown .com-dropdown-label .com-dropdown-text { height: 60px; line-height: 60px; } .crm-header-v2.crm-header .menu-list .list-item .menu-select .com-dropdown-label .icon.right, .crm-header-v2.crm-header .menu-list .list-item .menu-dropdown .com-dropdown-label .icon.right { right: 0; font-size: 12px; color: #a0a3af; margin: 0; } .crm-header-v2.crm-header .menu-list .list-item .menu-select .com-dropdown-label .prefix-icon-box, .crm-header-v2.crm-header .menu-list .list-item .menu-dropdown .com-dropdown-label .prefix-icon-box { display: none; } .crm-header-v2.crm-header .menu-list .shorter-bottom-after:hover.list-item::after { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .crm-header-v2.crm-header .menu-list .shorter-bottom-after.curr-menu::after { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .crm-header-v2.crm-header .menu-list .header-small-nav .smallList { color: var(--upgrade-header-smalllist-Color); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-header-v2.crm-header .menu-list .header-small-nav .smallList .more { cursor: pointer; } .crm-header-v2.crm-header .menu-list .header-small-nav .smallList span { font-size: 15px; font-weight: 500; } .crm-header-v2.crm-header .menu-list .header-small-nav .smallList i { -webkit-transform-origin: 5px center; -ms-transform-origin: 5px center; transform-origin: 5px center; font-size: 12px; -webkit-transform: rotateZ(0); -ms-transform: rotate(0); transform: rotateZ(0); color: #a0a3af; } .crm-header-v2.crm-header .menu-list .header-small-nav .smallList.openSync i { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); } .crm-header-v2.crm-header .curr-menu .icon2017 { color: var(--primary-color); } .crm-header-v2.crm-header .primary-color-menu .icon2017, .crm-header-v2.crm-header .primary-color-menu a, .crm-header-v2.crm-header .primary-color-menu span, .crm-header-v2.crm-header .primary-color-menu .menu-item { color: var(--primary-color) !important; } .small-list-dropdown-container { -webkit-transform: translateY(21px); -ms-transform: translateY(21px); transform: translateY(21px); border-radius: 5px; border: 1px solid #ebecf1; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .small-list-dropdown-container .primary-color-menu .icon2017, .small-list-dropdown-container .primary-color-menu a, .small-list-dropdown-container .primary-color-menu span, .small-list-dropdown-container .primary-color-menu .menu-item { color: var(--primary-color) !important; } .menu-list-dropdown-container { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .menu-list-dropdown-container .flex-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-menu-list { min-width: 170px; max-width: 260px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin: 0; } .header-menu-list .list-item { font-size: 14px; height: 38px; color: #515666; background-color: #fff; padding: 0 10px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-menu-list .list-item .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-menu-list .list-item:hover { background: #f6f7fb; border-radius: 4px; color: var(--primary-color); } .header-menu-list .list-item:hover .icon2017 { color: var(--primary-color); } .header-menu-list .list-item .icon2017 { margin-right: 10px; font-size: 16px; color: #515666; } .header-menu-list .list-item.active span { color: var(--primary-color); } .header-menu-list .list-item a.router-link-active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header-menu-list .list-item.primary-color-menu .icon2017, .header-menu-list .list-item.primary-color-menu .text, .header-menu-list .list-item.primary-color-menu .menu-item { color: var(--primary-color) !important; } .home .list-item > .icon-chime_03, .people .list-item > .icon-people_04, .people-detail .list-item > .icon-people_04, .tasks .list-item > .icon-task_complete_02, .campaigns .list-item > .icon-campaign_01, .report .list-item > .icon-reporting_02, .listingmgmt .list-item > .icon-listing_management, .smartlisting .list-item > .icon-listing_management, .transactionmgmt .list-item > .icon-dollor, .transaction-detail .list-item > .icon-dollor, .activities .list-item > .icon-activities_04, .settings .list-item > .icon-settings_02, .website .list-item > .icon-idx, .marketplace .list-item > .icon-marketplace_01 { color: var(--primary-color); text-shadow: 0 4px 6px rgba(var(--primary-color-rgb), 0.2); } .home .list-item > .icon-chime_03:hover, .people .list-item > .icon-people_04:hover, .people-detail .list-item > .icon-people_04:hover, .tasks .list-item > .icon-task_complete_02:hover, .campaigns .list-item > .icon-campaign_01:hover, .report .list-item > .icon-reporting_02:hover, .listingmgmt .list-item > .icon-listing_management:hover, .smartlisting .list-item > .icon-listing_management:hover, .transactionmgmt .list-item > .icon-dollor:hover, .transaction-detail .list-item > .icon-dollor:hover, .activities .list-item > .icon-activities_04:hover, .settings .list-item > .icon-settings_02:hover, .website .list-item > .icon-idx:hover, .marketplace .list-item > .icon-marketplace_01:hover { color: var(--primary-color); } .home .header-menu-list .list-item[title="Chime"], .people .header-menu-list .list-item[title="People"], .people-detail .header-menu-list .list-item[title="People"], .tasks .header-menu-list .list-item[title="Tasks"], .report .header-menu-list .list-item[title="Reporting"], .activities .header-menu-list .list-item[title="Activities"], .settings .header-menu-list .list-item[title="Settings"], .billings .header-menu-list .list-item[title="Billing"], .marketplace .header-menu-list .list-item[title="Marketplace"], .listingmgmt .header-menu-list .list-item[title="Listing Discovery"], .transactionmgmt .header-menu-list .list-item[title="Transactions"], .transaction-detail .header-menu-list .list-item[title="Transactions"], .website .header-menu-list .list-item[title="Website"], .campaigns .header-menu-list .list-item[title="Campaigns"] { color: var(--upgrade-theme-Color); } .home .header-menu-list .list-item[title="Chime"] .icon2017, .people .header-menu-list .list-item[title="People"] .icon2017, .people-detail .header-menu-list .list-item[title="People"] .icon2017, .tasks .header-menu-list .list-item[title="Tasks"] .icon2017, .report .header-menu-list .list-item[title="Reporting"] .icon2017, .activities .header-menu-list .list-item[title="Activities"] .icon2017, .settings .header-menu-list .list-item[title="Settings"] .icon2017, .billings .header-menu-list .list-item[title="Billing"] .icon2017, .marketplace .header-menu-list .list-item[title="Marketplace"] .icon2017, .listingmgmt .header-menu-list .list-item[title="Listing Discovery"] .icon2017, .transactionmgmt .header-menu-list .list-item[title="Transactions"] .icon2017, .transaction-detail .header-menu-list .list-item[title="Transactions"] .icon2017, .website .header-menu-list .list-item[title="Website"] .icon2017, .campaigns .header-menu-list .list-item[title="Campaigns"] .icon2017 { color: var(--upgrade-theme-Color); } .crm-header-v2 .header-small-nav { display: block; } .menu-select-dropdown-cls { width: 180px; } .menu-select-dropdown-cls .com-select-item { padding: 0 !important; } .menu-select-dropdown-cls .com-select-item.active::before { display: none !important; } .menu-select-dropdown-cls .com-select-list { padding: 10px; } .menu-select-dropdown-cls .com-select-list .com-select-item:hover { border-radius: 4px; background-color: #f6f7fb; } .menu-select-dropdown-cls .menu-select-option-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; padding: 0 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .menu-select-dropdown-cls .menu-select-option-item .icon2017 { font-size: 16px; color: #515666; margin-right: 10px; } .menu-select-dropdown-cls .menu-select-option-item span { color: #515666; font-size: 14px; font-weight: 400; line-height: 20px; } .menu-select-dropdown-cls .com-select-item:hover { background-color: #f6f7fb; } .menu-select-dropdown-cls .com-select-item:hover .menu-select-option-item .icon2017, .menu-select-dropdown-cls .com-select-item:hover .menu-select-option-item span { color: var(--primary-color); } .is-people-segment-route-dropdown-cls .com-select-item.active .menu-select-option-item .icon2017, .is-people-segment-route-dropdown-cls .com-select-item.active .menu-select-option-item span { color: var(--primary-color); } .crm-header-v2.crm-header .menu-list .list-item.corner-mark-wrapper { position: relative; } .crm-header-v2.crm-header .menu-list .list-item .corner-mark { font-size: 6px; font-weight: 400; display: inline-block; cursor: pointer; position: absolute; left: -webkit-calc(100% + 5px); left: calc(100% + 5px); top: 18px; background: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 2px; white-space: nowrap; width: 26px; height: 12px; line-height: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/search/index.vue?vue&type=style&index=0&id=d50bc476&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-d50bc476] { color: var(--primary-color) !important; } .hover-underline[data-v-d50bc476]:hover { text-decoration: underline; } .headerV2-search[data-v-d50bc476] { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .headerV2-search-wrap.header-search-wrap[data-v-d50bc476] { width: 640px; height: 40px; border-radius: 20px; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: white; } .headerV2-search-wrap.header-search-wrap .input-box[data-v-d50bc476] { width: 100%; height: 40px; overflow: hidden; border: 1px solid var(--primary-color); border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 15px; padding-right: 5px; } .headerV2-search-wrap.header-search-wrap .input-box i[data-v-d50bc476] { display: inline-block; width: 16px; line-height: 38px; text-align: left; font-size: 16px; color: #c6c8d1; } .headerV2-search-wrap.header-search-wrap .input-box input[data-v-d50bc476] { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -moz-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; border: none; } .headerV2-search-wrap.header-search-wrap .input-box .search-ai-button[data-v-d50bc476] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; background: -webkit-linear-gradient(354.93deg, #3b5cde 0%, #5d51e2 100%); background: linear-gradient(95.07deg, #3b5cde 0%, #5d51e2 100%); height: 30px; border-radius: 100px; padding: 5px 10px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .headerV2-search-wrap.header-search-wrap .input-box .search-ai-button[data-v-d50bc476]:hover { opacity: 0.8; } .headerV2-search-wrap.header-search-wrap .input-box .search-ai-button .icon2017[data-v-d50bc476] { color: #ffffff; margin-right: 8px; } .header-search-result[data-v-d50bc476] { width: 100% !important; } .header-search-result .empty[data-v-d50bc476] { height: 86px; line-height: 86px; text-align: center; color: #c6c8d1; font-size: 12px; } .header-search-result .item[data-v-d50bc476] { font-size: 14px; position: relative; text-align: left; color: #515666; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header-search-result .item .click-item[data-v-d50bc476] { padding: 10px 15px; display: inline-block; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .header-search-result .item.hover[data-v-d50bc476], .header-search-result .item[data-v-d50bc476]:hover { background-color: #f6f7fb; } .header-search-result .item .title[data-v-d50bc476] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-search-result .item .title .name[data-v-d50bc476] { max-width: 125px; color: #515666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; font-weight: 700; line-height: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; } .header-search-result .item .title .name.note-name[data-v-d50bc476] { font-weight: 400; color: #a0a3af; } .header-search-result .item .title .info[data-v-d50bc476] { font-size: 12px; color: #c6c8d1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-search-result .item .title .lead-type-label[data-v-d50bc476] { margin-left: 5px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #a0a3af; font-size: 12px; line-height: 20px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; } .header-search-result .item .detail-data[data-v-d50bc476] { padding-top: 6px; font-size: 12px; color: #a0a3af; } .header-search-result .item .detail-data .detail-item[data-v-d50bc476] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; line-height: 20px; } .header-search-result .item .detail-data .detail-item[data-v-d50bc476]:first-child { margin-top: 0; } .header-search-result .item .detail-data .value[data-v-d50bc476] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-search-result .item .icon-info[data-v-d50bc476] { position: relative; width: 14px; height: 14px; margin-right: 2px; font-size: 12px; font-weight: bold; color: #fff; line-height: 14px; overflow: hidden; } .header-search-result .item .icon-info[data-v-d50bc476]::before, .header-search-result .item .icon-info[data-v-d50bc476]::after { position: absolute; z-index: 1; width: 14px; height: 14px; top: 0; border-radius: 90%; text-align: center; } .header-search-result .item .icon-info.seller[data-v-d50bc476]::after { content: "S"; right: 0; background: #2cd781; } .header-search-result .item .icon-info.buyer[data-v-d50bc476]::before { content: "B"; left: 0; background: #2492fc; } .header-search-result .item .icon-info.buyer.seller[data-v-d50bc476] { width: 30px; } .header-search-result .item .icon-info.renter[data-v-d50bc476]::before { content: "R"; left: 0; background: #6bcbff; } .header-search-result .item .note-detail[data-v-d50bc476] { width: 100%; max-height: 36px; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; color: #515666; line-height: 1.5; word-break: break-all; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; } .header-search-result .item[data-v-d50bc476]:nth-child(1) { margin-top: 6px; } .header-search-result .item[data-v-d50bc476]:nth-last-child(2) { margin-bottom: 6px; } .header-search-result .keyword[data-v-d50bc476] { color: var(--primary-color); } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/search/index.vue?vue&type=style&index=1&id=d50bc476&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-d50bc476] { color: var(--primary-color) !important; } .hover-underline[data-v-d50bc476]:hover { text-decoration: underline; } .flex-col[data-v-d50bc476] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-row[data-v-d50bc476] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .headerV2-search-wrap.header-search-wrap .search-result-box[data-v-d50bc476] { position: absolute; top: 45px; left: 0; width: 100%; line-height: 1; border-radius: 4px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); border: solid 1px #e1e2e6; background-color: #ffffff; z-index: 2; } .headerV2-search-wrap.header-search-wrap .search-result-box .search-tab[data-v-d50bc476] { width: 100%; border-bottom: 1px solid #e1e2e6; height: 36px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .headerV2-search-wrap.header-search-wrap .search-result-box .search-tab .tab[data-v-d50bc476] { text-align: center; font-size: 14px; line-height: 35px; border-bottom: 4px solid rgba(0, 0, 0, 0); font-weight: 700; color: #515666; cursor: pointer; } .headerV2-search-wrap.header-search-wrap .search-result-box .search-tab .tab + .tab[data-v-d50bc476] { margin-left: 30px; } .headerV2-search-wrap.header-search-wrap .search-result-box .search-tab .active[data-v-d50bc476] { color: var(--primary-color); border-bottom: 4px solid var(--primary-color); } .headerV2-search-wrap.header-search-wrap .search-result-box .search-result[data-v-d50bc476] { width: 100%; overflow-x: hidden; overflow-y: auto; max-height: 300px; } .headerV2-search-wrap.header-search-wrap .search-result-box .result-height[data-v-d50bc476] { max-height: 320px; } .headerV2-search-wrap.header-search-wrap .search-result-box .note-result[data-v-d50bc476] { max-height: 320px; } .headerV2-search-wrap.header-search-wrap .search-result-box .note-result .header-search-result .item .name[data-v-d50bc476] { font-weight: normal; color: #a0a3af; } .headerV2-search-wrap.header-search-wrap .search-result-box .loadStatus[data-v-d50bc476] { height: 30px; text-align: center; line-height: 30px; background-color: #fafbfd; color: #a0a3af; } .headerV2-search-wrap.header-search-wrap .search-result-box .view-more[data-v-d50bc476] { padding: 10px; text-align: center; line-height: 20px; font-size: 14px; color: var(--primary-color); border-top: 1px solid #ebecf1; cursor: pointer; } .headerV2-search-wrap.header-search-wrap .search-result-box .view-more[data-v-d50bc476]:hover { background-color: #f6f7fb; } .headerV2-search-wrap.header-search-wrap .search-result-box .view-more .link[data-v-d50bc476] { display: block; } .headerV2-search-wrap.header-search-wrap .search-result-box .bottom-radius[data-v-d50bc476] { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/components/help/index.vue?vue&type=style&index=0&id=397059e1&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .header-help-dropdown { overflow: auto; width: 220px; } .header-help-dropdown .help-list { margin: 6px 0; } .header-help-dropdown .list-item { line-height: 40px; font-size: 14px; padding: 0 20px; color: #515666; cursor: pointer; } .header-help-dropdown .list-item.loading { cursor: wait; } .header-help-dropdown .list-item .content { display: block; height: 100%; } .header-help-dropdown .list-item .icon2017 { color: #797e8b; vertical-align: middle; margin-right: 10px; font-size: 16px; } .header-help-dropdown .list-item:hover { background-color: #f6f7fb; } .header-help-dropdown .list-item .loading-icon::before { content: ""; width: 16px; height: 18px; display: inline-block; background-size: contain; background-image: url(//static.chimeroi.com/site/images/home/loading.gif); vertical-align: middle; background-repeat: no-repeat; } .header-help-dropdown .header-qr { border-top: 1px solid #ebecf1; height: 180px; } .header-help-dropdown .header-qr .download-qr { text-align: center; padding: 20px 18px; } .header-help-dropdown .header-qr .download-qr .title-des { font-size: 14px; font-weight: 500; color: #515666; } .header-help-dropdown .header-qr .download-qr .qr-small { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-help-dropdown .header-qr .download-qr .qr-small .left-qr { width: 79px; text-align: center; } .header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-text { margin-top: 15px; margin-bottom: 10px; display: inline-block; font-size: 12px; color: #515666; } .header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-ios { width: 79px; height: 79px; } .header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-ios img { width: 100%; height: 100%; } .header-help-dropdown .header-qr .single-qr { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 18px; height: 180px; } .header-help-dropdown .header-qr .single-qr span { display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #515666; } .header-help-dropdown .header-qr .single-qr .qr-img { width: 114px; height: 114px; } .header-help-dropdown .header-qr .single-qr .qr-img img { height: 100%; width: 100%; } .header-help-dropdown .support-call { border-top: 1px solid #ebecf1; padding: 10px 20px 14px; font-size: 12px; color: #a0a3af; } .header-help-dropdown .support-call .phone-text { font-size: 13px; color: #515666; font-weight: 500; margin: 10px 0; } .header-help-dropdown .support-call .time { font-size: 13px; color: #797e8b; } .has-chat-item.menu-item .com-dropdown { /*height: calc(100% - 60px);*/ /*overflow: auto;*/ top: 48px !important; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/usersetting/smartPlan/components/guide/chart.vue?vue&type=style&index=0&id=13947d0c&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .smartplan-guide-chart { padding: 0 30px; max-width: 654px; min-width: 550px; margin: 0 auto; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/usersetting/smartPlan/components/guide/index.vue?vue&type=style&index=0&id=29edac5d&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .smart-plan-guide-wrap { padding-bottom: 30px; background: #fff; } .smart-plan-guide-wrap .ml5 { margin-left: 5px; } .smart-plan-guide-wrap .mr5 { margin-right: 5px; } .smart-plan-guide-wrap .click { cursor: pointer; } .smart-plan-guide-wrap .guide-title { padding: 0 30px 40px; font-size: 24px; font-weight: 600; color: #202437; } .smart-plan-guide-wrap .guide-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .smart-plan-guide-wrap .guide-content .icon2017.blue { color: #6bcbff; } .smart-plan-guide-wrap .guide-content .icon2017.green { color: #2cd781; } .smart-plan-guide-wrap .guide-content .icon2017.grey { color: #a0a3af; } .smart-plan-guide-wrap .chart-content { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; border-right: solid 1px #e1e2e6; } .smart-plan-guide-wrap .chart-content::after, .smart-plan-guide-wrap .chart-content::before { content: ""; display: block; border: 8px solid transparent; width: 0; height: 0; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50px; } .smart-plan-guide-wrap .chart-content::before { border-left-color: #e1e2e6; border-right: none; left: 100%; } .smart-plan-guide-wrap .chart-content::after { border-left-color: #fff; border-right: none; left: -webkit-calc(100% - 1px); left: calc(100% - 1px); } .smart-plan-guide-wrap .guide-detail { max-width: 492px; min-width: 409px; min-height: 572px; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .smart-plan-guide-wrap .detail-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; font-weight: 600; color: #202437; font-size: 16px; } .smart-plan-guide-wrap .detail-title.title1 { font-size: 18px; } .smart-plan-guide-wrap .detail-title .text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .smart-plan-guide-wrap .detail-title .to-icon { margin-top: 3px; font-size: 10px; color: #a0a3af; } .smart-plan-guide-wrap .detail-desc { font-size: 14px; margin-bottom: 20px; color: #515666; } .smart-plan-guide-wrap .detail-wrap { margin-bottom: 15px; padding: 15px 20px; font-size: 14px; color: #515666; border-radius: 4px; background-color: #f6f7fb; } .smart-plan-guide-wrap .smartplan-list { line-height: 2; } .smart-plan-guide-wrap .smartplan-list .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .smart-plan-guide-wrap .smartplan-list .list-item .text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .smart-plan-guide-wrap .smartplan-list .list-item:hover { color: #202437; } .smart-plan-guide-wrap .add-btn { height: 46px; line-height: 46px; color: var(--primary-color); font-weight: 600; font-size: 16px; padding: 0; text-align: center; cursor: pointer; } .smart-plan-guide-wrap .empty { height: 545px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #a0a3af; } .smart-plan-guide-wrap .empty .icon-pie_chart { font-size: 40px; } .smart-plan-guide-wrap .empty:after { content: ""; width: 1000px; height: 0; } @media screen and (max-width: 1350px) { .smart-plan-guide-wrap .add-btn { font-size: 14px; } } .setting-smart-plan-pop { z-index: 3000; } .setting-smart-plan-pop-mask { z-index: 2999; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/usersetting/smartPlan/components/guide/guidePop.vue?vue&type=style&index=0&id=27663a4c&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .smart-plan-guide-pop .guide-pop-content { padding-top: 20px; } .smart-plan-guide-pop .guide-pop-content .guide-title { padding-bottom: 30px; } .smart-plan-guide-pop .guide-pop-content .guide-content .guide-detail { height: 571px; } .smart-plan-guide-pop .guide-pop-content .add-btn { font-size: 14px; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/TreeSelect/index.vue?vue&type=style&index=0&id=64e12094&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .disabled-tree-select .com-dropdown-label { border-color: #e1e2e6; background-color: #f6f7fb; color: #a0a3af; cursor: not-allowed; } .tree-select-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #515666; cursor: pointer; padding-right: 30px; position: relative; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .tree-select-title.noborder { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .tree-select-title .name { margin-right: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tree-select-title .name.placeholder { color: #a0a3af; padding-left: 0; } .tree-select-title .placeholder { color: #a0a3af; padding-left: 0; } .tree-select-title.open { border-color: var(--primary-color); } .tree-select-title .icon2017.icon-arrow_01_up, .tree-select-title .icon2017.icon-arrow_01_down { color: #a0a3af; position: absolute; font-size: 12px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tree-select-title .inline-icon { margin-right: 10px; color: #c6c8d1; } .tree-select-dropdown-content { max-height: 200px; overflow: auto; font-size: 14px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/usersetting/smartPlan/pop/importLibraryPlan.vue?vue&type=style&index=0&id=7f0f0230&prod&lang=less&scoped=true& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-7f0f0230] { color: var(--primary-color) !important; } .hover-underline[data-v-7f0f0230]:hover { text-decoration: underline; } .import-library-pop__body[data-v-7f0f0230] { width: 640px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px; } .import-library-pop__body .introduction[data-v-7f0f0230] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebecf1; padding: 0 0 20px; color: #797e8b; font-size: 14px; line-height: 20px; font-weight: 400; word-wrap: break-word; margin-bottom: 20px; } .import-library-pop__body .form-wrapper[data-v-7f0f0230] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .import-library-pop__body .form-wrapper .form-title[data-v-7f0f0230] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #515666; font-size: 14px; line-height: 20px; font-weight: 700; word-wrap: break-word; } .import-library-pop__body .form-wrapper .form-main[data-v-7f0f0230] .com-form-item { margin-bottom: 0; margin-top: 10px; } .import-library-pop__body .form-wrapper .form-cell[data-v-7f0f0230] { width: 100%; min-height: 36px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .import-library-pop__body .form-wrapper .form-cell.align-top[data-v-7f0f0230] { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .import-library-pop__body .form-wrapper .form-cell_label[data-v-7f0f0230] { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #515666; font-size: 14px; line-height: 36px; font-weight: 400; margin-right: 10px; min-width: 80px; } .import-library-pop__body .form-wrapper .form-cell__content[data-v-7f0f0230] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .import-library-pop__body .form-wrapper .form-cell__content .scope-selector[data-v-7f0f0230] { width: 100%; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] { width: 100%; margin-top: 10px; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] .com-dropdownbox { height: 36px; line-height: 36px; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] .tree-select-title { -webkit-box-shadow: none !important; box-shadow: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] .tree-select-title > span { display: inline-block; line-height: 36px; height: 36px; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] .tree-select-title .normal-font { font-size: 14px; font-weight: normal; line-height: 36px; height: 36px; display: inline-block; max-width: -webkit-calc(200px - 100px); max-width: calc(200px - 100px); overflow: hidden; word-break: break-word; text-overflow: ellipsis; vertical-align: middle; } .import-library-pop__body .form-wrapper .form-cell__content .office-select-wrapper[data-v-7f0f0230] .tree-select-title .is-placeholder { color: #c6c8d1; } .import-library-pop__body .note[data-v-7f0f0230] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; background-color: #f6f7fb; border: 1px solid #ebecf1; border-radius: 4px; padding: 10px; } .import-library-pop__body .note-title[data-v-7f0f0230] { color: #797e8b; font-size: 12px; line-height: 16px; font-weight: 700; margin-bottom: 5px; } .import-library-pop__body .note-content[data-v-7f0f0230] { color: #797e8b; font-size: 12px; line-height: 16px; font-weight: 500; } .import-library-pop__footer[data-v-7f0f0230] { width: 100%; height: 80px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 30px; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/usersetting/smartPlan/pop/restartPop.vue?vue&type=style&index=0&id=39d0c1fe&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } @-webkit-keyframes progress { 0% { background: var(--primary-color-5); } 100% { background: var(--primary-color-9); } } @keyframes progress { 0% { background: var(--primary-color-5); } 100% { background: var(--primary-color-9); } } .sp-restart-pop .pop-title { border-bottom-color: transparent; } .sp-restart-pop .pop-header { width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebecf1; font-size: 14px; color: #797e8b; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sp-restart-pop .tab { display: inline-block; padding: 0 10px 12px; position: relative; cursor: pointer; } .sp-restart-pop .tab::after { content: ""; width: 100%; height: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: inline-block; position: absolute; bottom: 0; left: 0; background-color: var(--primary-color); -webkit-transition: all 0.2s; transition: all 0.2s; } .sp-restart-pop .tab.active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sp-restart-pop .tab:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .sp-restart-pop .tab:last-child { margin-left: 80px; } .sp-restart-pop .pop-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 480px; min-height: 224px; } .sp-restart-pop .restart-footer { height: 40px; padding: 20px 30px; font-size: 14px; } .sp-restart-pop .restart-footer button { float: right; } .sp-restart-pop .restart-footer button:not(.primary) { color: #797e8b; } .sp-restart-pop .restart-footer button.primary { margin-left: 10px; color: #fff; } .sp-restart-pop .restart-footer:after { content: ""; clear: both; display: block; } .sp-restart-pop .pop-des { color: #515666; font-size: 14px; line-height: 18px; } .sp-restart-pop .pop-des div:last-child { margin-top: 20px; } .sp-restart-pop .progress-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; } .sp-restart-pop .progress-wrap span { display: inline-block; width: 10px; height: 10px; background-color: var(--primary-color-5); -webkit-animation: progress 1.2s infinite ease-in-out both; animation: progress 1.2s infinite ease-in-out both; border-radius: 50%; } .sp-restart-pop .progress-wrap span:not(:last-child) { margin-right: 15px; } .sp-restart-pop .progress-wrap span:first-child { -webkit-animation-delay: -1.3s; animation-delay: -1.3s; } .sp-restart-pop .progress-wrap span:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s; } .sp-restart-pop .progress-wrap span:nth-child(3) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sp-restart-pop .progress-wrap span:nth-child(4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sp-restart-pop .progress-wrap span:nth-child(5) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .sp-restart-pop .pop-info, .sp-restart-pop .pop-log { padding: 20px 30px 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sp-restart-pop .pop-log { height: 305px; overflow-y: auto; } .sp-restart-pop .pop-log .empty-data { height: 200px; line-height: 200px; text-align: center; color: #c6c8d1; font-size: 16px; } .sp-restart-pop .log-item { color: #515666; line-height: 18px; font-size: 12px; } .sp-restart-pop .log-item:not(:first-child) { padding-top: 20px; } .sp-restart-pop .log-item:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid #f6f7fb; } .sp-restart-pop .log-time span:first-child { font-size: 14px; font-weight: 600; } .sp-restart-pop .log-result { margin-top: 10px; } .sp-restart-pop .log-result span:first-child { font-weight: 600; } .sp-restart-pop .log-footer { height: 80px; line-height: 80px; padding-left: 30px; border-top: 1px solid #ebecf1; font-size: 14px; } .sp-restart-pop .log-footer a { color: var(--primary-color); } .sp-restart-pop .log-footer a:hover { text-decoration: underline; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/index.vue?vue&type=style&index=0&id=00f4c439&prod&lang=less&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-00f4c439] { color: var(--primary-color) !important; } .hover-underline[data-v-00f4c439]:hover { text-decoration: underline; } .chime-header-container[data-v-00f4c439] { position: relative; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 485px; z-index: 9; } .chime-header-container .lofty-onboarding-wrapper[data-v-00f4c439] { width: 100%; height: 60px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ebecf1; } .chime-header-container .lofty-onboarding-wrapper .logo[data-v-00f4c439] { margin-right: 22px; height: 30px; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .chime-header-container .lofty-onboarding-wrapper .logo img[data-v-00f4c439] { height: 100%; vertical-align: middle; max-width: 180px; -o-object-fit: contain; object-fit: contain; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper[data-v-00f4c439] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper.is-team-upsell-page[data-v-00f4c439] { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper__tab[data-v-00f4c439] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_text[data-v-00f4c439] { color: #202437; font-size: 15px; line-height: 24px; font-weight: 500; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_back[data-v-00f4c439] { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_back.is-websiteonly[data-v-00f4c439] { margin-left: auto; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_back:hover span[data-v-00f4c439] { text-decoration: underline; } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_back i[data-v-00f4c439] { font-size: 16px; margin-right: 12px; color: var(--primary-color); } .chime-header-container .lofty-onboarding-wrapper .ob-center-wrapper_back span[data-v-00f4c439] { color: var(--primary-color); font-size: 15px; line-height: 24px; font-weight: 400; } .chime-header-container .lofty-onboarding-wrapper .ob-user-wrapper[data-v-00f4c439] { margin-left: 20px; } .chime-header-container .lofty-onboarding-wrapper .ob-user-wrapper .profile-picture .user-logo[data-v-00f4c439] { left: 0; } .header-main.with-header[data-v-00f4c439] { display: block !important; } .header-main.with-header .crm-header[data-v-00f4c439] { display: block; padding: 0; } .header-main.with-header .crm-header-main[data-v-00f4c439] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 20px; border-bottom: 1px solid #ebecf1; } .crm-header[data-v-00f4c439] { background: var(--upgrade-header-bg-Color) !important; } .crm-header.theme-lucido[data-v-00f4c439] { border-bottom: none; } .crm-header.theme-lucido .lofty-onboarding-wrapper .ob-center-wrapper_text[data-v-00f4c439] { color: #ffffff; } .crm-header.theme-lucido .lofty-onboarding-wrapper .ob-center-wrapper_back i[data-v-00f4c439] { color: #ffffff; } .crm-header.theme-lucido .lofty-onboarding-wrapper .ob-center-wrapper_back span[data-v-00f4c439] { color: #ffffff; } .crm-header.theme-lucido .icon.icon-sel-triangle[data-v-00f4c439], .crm-header.theme-lucido .smallList .icon2017[data-v-00f4c439] { color: white; } .crm-header.theme-lucido .icon.icon-sel-triangle[data-v-00f4c439]::before, .crm-header.theme-lucido .smallList .icon2017[data-v-00f4c439]::before { color: white; } .crm-header .header-banner[data-v-00f4c439] { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 35px; padding-right: 35px; } .crm-header .header-banner.ob-banner[data-v-00f4c439] { margin-left: 0px; margin-right: 0px; } .crm-header .header-banner.ob-banner .chime-alert__closebtn[data-v-00f4c439] { right: 30px; } .crm-header .header-banner.danger[data-v-00f4c439] { color: #f0454c; border: none; border-radius: 0; border-top: 1px solid #fcd7d2; border-bottom: 1px solid rgba(0, 0, 0, 0); } .crm-header .header-banner.danger .chime-alert__btn[data-v-00f4c439] { background-color: #f0454c; margin-left: 20px; line-height: 21px; min-width: 87px; height: 30px; } .crm-header .header-banner.danger .chime-alert__btn[data-v-00f4c439]:hover { opacity: 0.9; } .crm-header .header-banner[data-v-00f4c439] .chime-alert__closebtn { height: 14px; line-height: 14px; right: 35px; top: 17px; } .crm-header .header-banner .chime-alert__content[data-v-00f4c439] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .crm-header .header-banner.is-closable[data-v-00f4c439] { padding-right: 60px; } .crm-header .super-user-banner[data-v-00f4c439] { padding: 0px 20px; background: rgba(32, 36, 55, 0.95); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: white; height: 40px; } .crm-header .super-user-banner i[data-v-00f4c439] { color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 1em; } .crm-header .super-user-banner span[data-v-00f4c439] { line-height: 1em; } .crm-header .super-user-banner .left-content[data-v-00f4c439], .crm-header .super-user-banner .right-content[data-v-00f4c439] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .crm-header .super-user-banner .right-content[data-v-00f4c439] { cursor: pointer; color: white; } .crm-header .super-user-banner .right-content i[data-v-00f4c439] { color: white; } .crm-header .crm-header-main.crm-headerV2-main[data-v-00f4c439] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 60px; line-height: normal; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px 0 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-header .crm-header-main.crm-headerV2-main .extra-space[data-v-00f4c439] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .crm-header .crm-header-main.crm-headerV2-main .com-dropdown .arrow[data-v-00f4c439] { width: 8px; height: 8px; top: 4.5px; } .crm-header .crm-header-main.crm-headerV2-main .logo[data-v-00f4c439] { margin-right: 33px; height: 30px; cursor: pointer; } .crm-header .crm-header-main.crm-headerV2-main .logo > img[data-v-00f4c439] { height: 100%; vertical-align: middle; max-width: 180px; -o-object-fit: contain; object-fit: contain; } .crm-header .crm-header-main.crm-headerV2-main.gs .logo[data-v-00f4c439] { width: 80px; } .crm-header .crm-header-main.crm-headerV2-main .right-menu[data-v-00f4c439] { margin-right: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item[data-v-00f4c439] { margin: 0 10px; } .crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item:hover .menu-icon[data-v-00f4c439] { color: var(--upgrade-header-icon-hover-Color); } .crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item .menu-icon[data-v-00f4c439] { cursor: pointer; font-size: 16px; } .crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item .menu-icon.active[data-v-00f4c439] { color: var(--upgrade-header-icon-hover-Color); } .crm-header .crm-header-main.crm-headerV2-main .to-back-office[data-v-00f4c439] { padding-left: 25px; margin-left: 8px; position: relative; } .crm-header .crm-header-main.crm-headerV2-main .to-back-office[data-v-00f4c439]::before { content: ""; display: block; width: 1px; height: 20px; background-color: #e1e2e6; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -1px; } .crm-header .crm-header-main.crm-headerV2-main .to-back-office .icon-backoffice[data-v-00f4c439] { font-size: 24px; color: #b5bacc; } .crm-header .crm-header-main.crm-headerV2-main .common-red[data-v-00f4c439] { content: attr(number); position: absolute; z-index: 2; border: 1px solid #fff; color: #fff; background: #f0454c; display: inline-block; } .crm-header .crm-header-main.crm-headerV2-main .red-number[data-v-00f4c439], .crm-header .crm-header-main.crm-headerV2-main .red-text[data-v-00f4c439] { position: relative; } .crm-header .crm-header-main.crm-headerV2-main .red-number[data-v-00f4c439]::after { content: attr(number); position: absolute; z-index: 2; border: 1px solid #fff; color: #fff; background: #f0454c; display: inline-block; top: -5px; left: -webkit-calc(100% - 9px); left: calc(100% - 9px); font-size: 12px; line-height: 14px; height: 14px; border-radius: 7px; padding: 0 4px; border-bottom-left-radius: 4px; } .crm-header .crm-header-main.crm-headerV2-main .red-text[data-v-00f4c439]::after { content: attr(number); position: absolute; z-index: 2; border: 1px solid #fff; color: #fff; background: #f0454c; display: inline-block; font-size: 20px; height: 28px; line-height: 28px; border-radius: 14px; border-bottom-left-radius: 8px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); top: -10px; left: unset; padding: 0 8px; margin-right: -13px; border: none; } .crm-header .crm-header-main.crm-headerV2-main.gf .logo[data-v-00f4c439] { width: 135px; } .crm-header .crm-header-main.crm-headerV2-main .search-box[data-v-00f4c439] { width: -webkit-calc(100% - 150px); width: calc(100% - 150px); height: 100%; background: var(--upgrade-header-bg-Color); position: absolute; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99999; } .crm-header .crm-header-main.crm-headerV2-main .search-box > i[data-v-00f4c439] { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: 330px; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 38px; border: 1px solid var(--upgrade-header-icon-Color); border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: var(--upgrade-header-search-Color); font-size: 14px; cursor: pointer; } .crm-header .crm-header-main.crm-headerV2-main .search-box > i[data-v-00f4c439]:hover { color: var(--upgrade-header-search-Color); -webkit-box-shadow: 0px 1px 3px rgba(0, 10, 30, 0.1); box-shadow: 0px 1px 3px rgba(0, 10, 30, 0.1); } .crm-header .crm-header-main.crm-headerV2-main .search-box > i[data-v-00f4c439]:active { color: var(--upgrade-header-search-Color); background: #ebecf1; } .crm-header .crm-header-main.crm-headerV2-main .ob-back[data-v-00f4c439] { width: 100%; height: 60px; background: #fff; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 20px; z-index: 999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e1e2e6; } .crm-header .header-tips-container[data-v-00f4c439] { position: relative; } .crm-header .header-tips-container > *[data-v-00f4c439] { height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-header .header-tips-container > *[data-v-00f4c439]:not(:first-child) { position: absolute; top: 0; left: 0; right: 0; } .crm-header-main.crm-headerV2-main[data-v-00f4c439] { border-bottom: 1px solid #ebecf1; } .crm-header-main.crm-headerV2-main .extra-space[data-v-00f4c439] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .crm-header-main.crm-headerV2-main .right-box[data-v-00f4c439] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; } .crm-header-main.crm-headerV2-main .right-box .blaze-upgrade-btn[data-v-00f4c439] { height: 30px; margin-right: 20px; background: -webkit-gradient(linear, left top, right top, from(#3b5cde), to(#b651f4)); background: -webkit-linear-gradient(left, #3b5cde 0%, #b651f4 100%); background: linear-gradient(90deg, #3b5cde 0%, #b651f4 100%); border: none; border-radius: 20px; color: #ffffff; padding: 5px 15px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .crm-header-main.crm-headerV2-main .right-box .blaze-upgrade-btn[data-v-00f4c439]:hover { position: relative; overflow: hidden; } .crm-header-main.crm-headerV2-main .right-box .blaze-upgrade-btn[data-v-00f4c439]:hover:hover::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); pointer-events: none; border-radius: 20px; z-index: 1; } .crm-header-main.crm-headerV2-main .right-box .blaze-upgrade-btn .blaze-upgrade-btn-icon[data-v-00f4c439] { height: 16px; } .crm-header-main.crm-headerV2-main .right-box .search-controller-wrapper[data-v-00f4c439] { margin-right: auto; cursor: pointer; padding-right: 5px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 36px; line-height: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0px; } .crm-header-main.crm-headerV2-main .right-box .search-controller-wrapper .icon2017[data-v-00f4c439] { color: #c6c8d1; font-size: 16px; } .crm-header-main.crm-headerV2-main .right-box .search-controller-wrapper.full-width[data-v-00f4c439] { background-color: #00000005; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 330px; border-radius: 6px; border-width: 1px; padding: 10px 15px; opacity: 1; border: 1px solid #ebecf1; color: #c6c8d1; padding-right: 0; } @media screen and (min-width: 1680px) { .crm-header-main.crm-headerV2-main .right-box .search-controller-wrapper.full-width[data-v-00f4c439] { width: 500px; } } .crm-header-main.crm-headerV2-main .right-box > .com-dropdownbox[data-v-00f4c439] { width: 30px; overflow: hidden; } .crm-header-main.crm-headerV2-main .right-box .lofty-app-btn[data-v-00f4c439] { margin-right: 20px; height: 30px; } @media (max-width: 1280px) { .crm-header-main[data-v-00f4c439] { height: 60px; } .crm-header-main .logo[data-v-00f4c439] { margin-right: 33px; } .crm-header-main .menu-list .icon2017[data-v-00f4c439] { font-size: 16px; margin: 0 12px; } } @media screen and (min-width: 1180px) and (max-width: 1320px) { .crm-header-main .header-search-wrap .header-search-result[data-v-00f4c439] { width: 215px; } .crm-header-main .header-search-wrap.active .search-input[data-v-00f4c439] { width: 175px; } } @media screen and (min-width: 741px) and (max-width: 1180px) { .crm-header-main .header-search-wrap .header-search-result[data-v-00f4c439] { width: 200px; } .crm-header-main .header-search-wrap.active .search-input[data-v-00f4c439] { width: 160px; } } @media screen and (max-width: 740px) { .crm-header-main .header-search-wrap .header-search-result[data-v-00f4c439] { width: -webkit-calc(100vw - 280px); width: calc(100vw - 280px); } .crm-header-main .header-search-wrap.active .search-input[data-v-00f4c439] { width: -webkit-calc(100vw - 320px); width: calc(100vw - 320px); } } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/headerV3/index.vue?vue&type=style&index=1&id=00f4c439&prod&lang=less&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-00f4c439] { color: var(--primary-color) !important; } .hover-underline[data-v-00f4c439]:hover { text-decoration: underline; } .chime-header-container .alert-10dlc[data-v-00f4c439] .chime-alert-v2-content_text a { color: #3b5cde; cursor: pointer; } .chime-header-container .alert-10dlc[data-v-00f4c439] .chime-alert-v2-content_text a:hover { text-decoration: underline; } .alert-default[data-v-00f4c439], .alert-10dlc[data-v-00f4c439], .alert-ob[data-v-00f4c439], .alert-brandads[data-v-00f4c439] { border-radius: 0px; border-top-width: 0; border-right-width: 0; border-left-width: 0; border-bottom-width: 1px; } [data-v-00f4c439] .smartplan-top-tip { position: relative; min-width: 940px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 10px 40px 10px 20px; border-radius: 0; border: none; border-bottom: 1px solid #fbe889; background-color: #fef8e4; color: #f59700; font-size: 14px; } [data-v-00f4c439] .smartplan-top-tip .desc { line-height: 1.29; } [data-v-00f4c439] .smartplan-top-tip .tip-btn { padding: 0 12px; height: 26px; margin-left: 20px; line-height: 25px; text-align: center; color: #fff; border-radius: 4px; background: #ffa600; outline: none; border: none; cursor: pointer; } [data-v-00f4c439] .smartplan-top-tip .tip-btn:hover { opacity: 0.9; } [data-v-00f4c439] .smartplan-top-tip > .icon-cancel_bold { position: absolute; top: 16px; right: 35px; cursor: pointer; font-size: 12px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; opacity: 0.6; } [data-v-00f4c439] .smartplan-top-tip > .icon-cancel_bold:hover { opacity: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/rightMenu.vue?vue&type=style&index=0&id=53c5c505&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-53c5c505] { color: var(--primary-color) !important; } .hover-underline[data-v-53c5c505]:hover { text-decoration: underline; } .right-menu-wrapper[data-v-53c5c505] { width: 50px; height: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ebecf1; z-index: 199; position: relative; padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .right-menu-wrapper .right-menu-user-box[data-v-53c5c505] { width: 100%; height: 30px; margin-bottom: 20px; position: relative; } .right-menu-wrapper .right-menu-list[data-v-53c5c505] { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .right-menu-wrapper .right-menu-list .right-menu-item[data-v-53c5c505] { width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; cursor: pointer; position: relative; border-radius: 8px; color: #515666; } .right-menu-wrapper .right-menu-list .right-menu-item.active[data-v-53c5c505], .right-menu-wrapper .right-menu-list .right-menu-item[data-v-53c5c505]:hover { background-color: var(--primary-color-10); color: var(--primary-color); } .right-menu-wrapper .right-menu-list .right-menu-item.disabled[data-v-53c5c505] { cursor: not-allowed; opacity: 0.8; } .right-menu-wrapper .right-menu-list .right-menu-item .icon2017[data-v-53c5c505] { font-size: 16px; } .right-menu-wrapper .right-menu-list .right-menu-item .right-menu-item-red[data-v-53c5c505] { height: 14px; padding: 0 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 7px 7px 7px 2px; border-radius: 50%; background-color: #f0454c; font-weight: 400; font-size: 10px; line-height: 14px; position: absolute; color: #fff; } .right-menu-wrapper .right-menu-list .right-menu-item .badge[data-v-53c5c505] { position: absolute; top: -3px; left: 50%; background-color: #f0454c; border: 1px solid #ffffff; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 10px; font-weight: 400; color: white; line-height: 1; z-index: 10; -webkit-animation: badgePulse 2s infinite; animation: badgePulse 2s infinite; } .right-menu-wrapper .right-menu-list .right-menu-item .badge.badge-dot[data-v-53c5c505] { width: 8px; height: 8px; min-width: 8px; min-height: 8px; border-radius: 50%; top: 4px; left: -webkit-calc(50% + 2px); left: calc(50% + 2px); } .right-menu-wrapper .right-menu-list .right-menu-item .badge.badge-number[data-v-53c5c505] { min-width: 16px; height: 14px; line-height: 14px; padding: 0 4px; } .right-menu-wrapper .right-menu-list .right-menu-item .badge.badge-number span[data-v-53c5c505] { font-size: 9px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .right-menu-wrapper .right-menu-list .right-menu-item .is-on-calling[data-v-53c5c505] { position: absolute; display: inline-block; width: 8px; height: 8px; background: #20c472; right: 0px; top: 0; border-radius: 50%; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/rightPanelSlot.vue?vue&type=style&index=0&id=759a198c&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-759a198c] { color: var(--primary-color) !important; } .hover-underline[data-v-759a198c]:hover { text-decoration: underline; } .right-slot-wrapper[data-v-759a198c] { height: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .right-slot-wrapper.is-floating[data-v-759a198c] { position: fixed !important; right: 0; top: 0; height: 100vh; z-index: 999; } .right-slot-wrapper.is-visible[data-v-759a198c] { border-left: 1px solid #ebecf1; } .right-slot-wrapper.is-animating[data-v-759a198c] { pointer-events: none; } .component-stack-container[data-v-759a198c] { position: relative; width: 100%; height: 100%; } .transition-container[data-v-759a198c] { position: relative; width: 100%; height: 100%; } .component-layer[data-v-759a198c] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .component-layer.is-animating[data-v-759a198c] { pointer-events: none; } .component-layer[data-v-759a198c]:not(.is-active) { -webkit-filter: brightness(0.97); filter: brightness(0.97); border-radius: 4px 0 0 4px; } .close-button[data-v-759a198c] { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 9999; -webkit-transition: all 0.2s; transition: all 0.2s; } .close-button[data-v-759a198c]:hover { background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .close-button .icon-close[data-v-759a198c] { color: #fff; font-size: 18px; font-weight: bold; line-height: 1; } .slide-right-enter-active[data-v-759a198c], .slide-right-leave-active[data-v-759a198c] { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .slide-right-enter-from[data-v-759a198c] { opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-right-leave-to[data-v-759a198c] { opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-right-move[data-v-759a198c] { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .animation-push .slide-right-enter-from[data-v-759a198c] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .animation-back .slide-right-enter-from[data-v-759a198c] { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .animation-back .slide-right-leave-to[data-v-759a198c] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .animation-forward .slide-right-enter-from[data-v-759a198c] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .animation-replace .slide-right-enter-from[data-v-759a198c] { opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .animation-replace .slide-right-leave-to[data-v-759a198c] { opacity: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .animation-clear .slide-right-leave-to[data-v-759a198c] { opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/index.vue?vue&type=style&index=0&id=174fd632&prod&lang=less&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-174fd632] { color: var(--primary-color) !important; } .hover-underline[data-v-174fd632]:hover { text-decoration: underline; } .right-panel-wrapper[data-v-174fd632] { height: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/route/app.vue?vue&type=style&index=0&id=43af4082&prod&lang=less&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-43af4082] { color: var(--primary-color) !important; } .hover-underline[data-v-43af4082]:hover { text-decoration: underline; } #app[data-v-43af4082] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100vh; width: 100vw; overflow: hidden; } #app .lofty-left-main-container[data-v-43af4082] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; overflow: hidden; } #app .lofty-left-main-container .header-section[data-v-43af4082] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #app .lofty-left-main-container .content-section[data-v-43af4082] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #app .lofty-left-main-container .content-section .loft-main-router-wrapper[data-v-43af4082] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; position: relative; } #app .right-panel-content h3[data-v-43af4082] { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 18px; font-weight: 600; border-bottom: 2px solid #007bff; padding-bottom: 10px; } #app .right-panel-content h4[data-v-43af4082] { color: #555; font-size: 16px; margin-bottom: 15px; } #app .right-panel-content p[data-v-43af4082] { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 15px; } #app .right-panel-content .analytics-content[data-v-43af4082], #app .right-panel-content .users-content[data-v-43af4082], #app .right-panel-content .settings-content[data-v-43af4082], #app .right-panel-content .notes-content[data-v-43af4082] { padding: 20px; background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff; } html { margin: 0; padding: 0; height: 100%; overflow: hidden; } #app { height: 100vh; width: 100vw; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./src/less/common-module/popwin.less ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .modal-outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-x: auto; } .modal { border-radius: 5px; margin: auto; position: absolute; z-index: 999; background: #fff; left: -9999px; } .modal .modal-header { border-bottom: 1px solid #d9d9d9; } .modal .modal-close { padding-top: 8px; } .modal .header { line-height: 54px; font-size: 16px; font-weight: bold; padding-left: 26px; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal .header:before { font-size: 14px; } .modal .close-btn { display: inline-block; width: 16px; height: 16px; position: absolute; top: 20px; right: 22px; color: #9e9e9e; } .modal .close-btn:before { content: "\e939"; font-family: "icon-font"; padding-right: 4px; font-size: 12px; font-weight: bolder; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; } .modal .close-btn:hover { cursor: pointer; color: #42acfe; } .op-bg, .op-bg-stack, .op-bg-dialer { position: absolute; top: 0; left: 0; background: rgba(32, 36, 55, 0.5); z-index: 200; display: none; } .op-bg.js_op_bg { z-index: 201; height: -webkit-calc(100% - var(--H-header-super)) !important; height: calc(100% - var(--H-header-super)) !important; top: var(--H-header-super) !important; } .op-bg-stack { z-index: 999; width: 100%; height: 100%; display: block; } .noscroll { overflow: hidden; } .drip-email-content { width: 640px; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./src/js/common-module/util-select.less ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .word-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cursor-pointer { cursor: pointer !important; } .select-btn { width: 100%; height: 34px; padding-left: 10px; padding-right: 26px; border: solid 1px #c6c8d1; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 7px; } .select-btn:hover { border-color: #a0a3af; } .select-span { padding-right: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } input.selectTxt { border: 0; width: 100%; } .send-id-wrap { background: #fff; width: 100%; height: 30px; position: absolute; bottom: 60px; } .send-id-tag { margin-left: 5px; width: 74px; height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .send-id-tag.Personal { color: #2492fc; border: solid 1px #ceedfe; background-color: #e7f6ff; } .send-id-tag.Company { color: #ffa600; border: solid 1px #faefc0; background-color: #fef8e4; } .send-id-tag.Bridge { color: #20c472; border: solid 1px #bff6c5; background-color: #e7ffe3; } .send-id-tag.AI { color: #2492fc; border: solid 1px #ceedfe; background-color: #e7f6ff; } .send-id-list > li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .select-wrap { position: relative; } .select-wrap.selectListShow .select-btn { border: 1px solid #2492fc; } .select-wrap.send-id-select { height: 30px; line-height: 30px; width: 370px; margin-left: 20px; background: #fff; } .select-wrap.send-id-select .select-btn-wrap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .select-wrap.send-id-select .select-btn-wrap .selectTxt { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .select-wrap.send-id-select .select-btn-wrap .selectTxt::before { content: "Sending Number:"; display: inline; color: #797e8b; font-size: 12px; margin-right: 5px; } .select-wrap.readonly .select-btn-wrap { background: #eee; } .select-btn-wrap { position: relative; cursor: pointer; } .select-list-wrap { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 4px; z-index: 2; background: #fff; border: 1px solid #e1e2e6; border: solid 1px #c6c8d1; } .select-list-wrap.top { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1); } .select-list-wrap.top { margin-bottom: 4px; } .select-list-wrap.top:before { content: ""; position: absolute; width: 100%; bottom: -5px; height: 5px; background: transparent; } .select-list-wrap.bottom { margin-top: 4px; } .select-list-wrap.bottom:before { content: ""; position: absolute; width: 100%; top: -5px; height: 5px; background: transparent; } .select-list-down { position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 200px; overflow-y: auto; word-wrap: break-word; word-break: normal; } .select-list-down .selectContent { height: 65px; text-align: center; position: relative; } .select-list-down .selectContent .selectText { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .select-list-down .select-item-title { color: #000; border-bottom: 1px solid #ccc; cursor: default; font-weight: 600; } .select-list-down .select-item-title:hover { background: #fff; } .select-list-down li + .selectContent { display: none; } .select-list-down .phone.unread:before { position: absolute; top: 13px; left: 7px; content: ""; width: 6px; height: 6px; border-radius: 8px; background: #f9454c; } .select-list-down .noHover { cursor: default; } .select-list-down .noHover:hover { background-color: #fff; } .select-list-down li, .select-all { position: relative; padding: 8px 9px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; color: #787878; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .select-list-down li:first-child, .select-all:first-child { border-radius: 4px 4px 0 0; } .select-list-down li:last-child, .select-all:last-child { border-radius: 0 0 4px 4px; } .select-list-down li:hover, .select-all:hover { background: #f6f7fb; } .radio-checkbox.active { color: var(--primary-color); } .selectClick .select-list-down li, .selectHover .select-list-down li { padding: 8px 9px 8px 9px; } .checkboxClick label { padding: 8px 9px; } .select-list-down label, .select-all label { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .select-list-down label .cut-off, .select-all label .cut-off { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: -webkit-calc( 100% - 20px ); width: calc( 100% - 20px ); vertical-align: middle; } .select-list-down label .cut-off span:last-child, .select-all label .cut-off span:last-child { display: inline; } .select-list-down label > span:last-child, .select-all label > span:last-child { display: inline-block; width: -webkit-calc( 100% - 30px ); width: calc( 100% - 30px ); vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #515666; } .checkboxClick li, .select-all { padding: 0; cursor: default; } .select-list-down .radio-checkbox.active:after { font-family: "chime"; content: "\e93d"; color: var(--primary-color); font-size: 12px; font-weight: bold; line-height: 1.4em; position: absolute; top: 10px; right: 12px; } .select-btn .icon-select-triangle, .select-span .icon-select-triangle { position: absolute; top: 50%; line-height: 0; } .select-btn .icon-select-triangle { right: 10px; } .select-span .icon-select-triangle { right: 6px; } .icon-select-triangle { -webkit-transform: scale(0.83); -ms-transform: scale(0.83); transform: scale(0.83); } .icon-select-triangle:before { font-family: "chime"; content: "\e90b"; color: #a0a3af; } .selectHover:not(.readonly):hover .icon-select-triangle { -ms-transform: scale(0.83) translate(0, -50%) rotate(180deg); transform: scale(0.83) translate(0, -50%) rotate(180deg); -webkit-transform: scale(0.83) translate(0, -50%) rotate(180deg); } .checkboxHover:not(.readonly):hover .icon-select-triangle { -ms-transform: scale(0.83) translate(0, -50%) rotate(180deg); transform: scale(0.83) translate(0, -50%) rotate(180deg); -webkit-transform: scale(0.83) translate(0, -50%) rotate(180deg); } .selectListShow .icon-select-triangle { -ms-transform: scale(0.83) translate(0, -50%) rotate(180deg); transform: scale(0.83) translate(0, -50%) rotate(180deg); -webkit-transform: scale(0.83) translate(0, -50%) rotate(180deg); } .unreadTopTip { padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 1.33; color: #ffa200; background-color: #fef8e4; } .unreadTopTip i { margin-right: 10px; color: #f59700; font-size: 16px; } .unreadTopTip .unreadLine { color: #2492fc; text-decoration: underline; cursor: pointer; }