/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/commonPop/instanceConfict.vue?vue&type=style&index=0&id=79c14166&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .instance-conf-pop { z-index: 999999999; width: 480px; } .instance-conf-pop .container { padding: 30px 20px 0; font-family: "SF UI Text"; font-size: 16px; line-height: 1.5; color: #515666; } .instance-conf-pop .pop-footer { border: none; } .instance-conf-pop .default { color: #797e8b; } .instance-conf-pop .footer { text-align: center; } .instance-conf-pop .footer .chime-btn { height: 36px; line-height: 36px; } .instance-conf-pop-mask { z-index: 999999999; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/commonPop/instanceCheck.vue?vue&type=style&index=0&id=16b9cd64&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .instance-check-pop { z-index: 999999999; width: 480px; } .instance-check-pop .container { padding: 30px 30px 0; font-family: "SF UI Text"; font-size: 16px; line-height: 1.5; color: #515666; text-align: center; } .instance-check-pop .pop-footer { border: none; } .instance-check-pop .footer { text-align: center; padding: 20px 30px 0 30px !important; } .instance-check-pop .footer .chime-btn { width: 380px; height: 40px; line-height: 36px; margin-left: 0 !important; margin-bottom: 20px; overflow: hidden; } .instance-conf-pop-mask { z-index: 999999999; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/ImagePreview/index.vue?vue&type=style&index=0&id=500e7e72&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .ImagePreview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2001; display: none; -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; background-color: rgba(0, 0, 0, 0.5); } .ImagePreview.show { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .ImagePreview .preview-icon { position: absolute; right: 30px; top: 30px; font-size: 20px; color: #fff; cursor: pointer; } .ImagePreview .multi { position: absolute; top: 30px; bottom: 180px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ImagePreview .img-list { position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .ImagePreview .img-list .img-item { position: relative; -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-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: 120px; height: 90px; border: 2px solid #fff; background: #ebecf1; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ImagePreview .img-list .img-item:not(:first-child) { margin-left: 10px; } .ImagePreview .img-list .img-item img { max-width: 100%; max-height: 100%; } .ImagePreview .img-list .img-item.active { border-color: var(--primary-color); } .ImagePreview .img-list .img-item.active .index { background: var(--primary-color); color: #fff; } .ImagePreview .img-list .img-item .index { position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #fff; color: #797e8b; 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!../crm-common/email/components/preview-dialog.vue?vue&type=style&index=0&id=79f70784&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .mail-editor-preview { height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 860px; padding-bottom: 69px; font-size: 14px; position: relative; -webkit-box-shadow: 0 0 20px 3px #4c4c4c; box-shadow: 0 0 20px 3px #4c4c4c; } .mail-editor-preview .send-info, .mail-editor-preview .email-body, .mail-editor-preview .preview-footer { padding: 0 30px; } .mail-editor-preview .send-info { padding-bottom: 21px; } .mail-editor-preview .pop-body { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } #mail-editor-content { width: 100%; } #mail-editor-content .preview-wrap { height: 100%; } #mail-editor-content .priview-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; height: 100%; } #mail-editor-content .email-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } #mail-editor-content .subject { margin-bottom: 20px; margin-top: 25px; font-size: 20px; font-weight: 500; } #mail-editor-content .preview-time { font-size: 14px; color: #797e8b; } #mail-editor-content .identity-text { display: inline-block; min-width: 45px; font-size: 14px; font-weight: 600; color: #515666; vertical-align: top; } #mail-editor-content .mail-recievers { display: inline-block; max-width: 715px; max-height: 57px; overflow: auto; vertical-align: top; } #mail-editor-content .mail-man + .mail-man { margin-top: 8px; } #mail-editor-content .split-line { border: none; border-top: 1px solid #ebecf1; margin: 21px 0 0 0; clear: both; } #mail-editor-content .preview-footer { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 0; left: 0; width: 100%; height: 70px; border-top: 1px solid #ebecf1; } #mail-editor-content .preview-footer .back, #mail-editor-content .preview-footer .send { margin-top: 15px; } #mail-editor-content .preview-footer .back { float: left; width: 104px; height: 40px; border-radius: 4px; background-color: #ffffff; border: solid 1px #e1e2e6; font-size: 14px; color: #797e8b; margin-right: 10px; outline: none; cursor: pointer; } #mail-editor-content .preview-footer .send { float: right; width: 104px; height: 40px; border-radius: 4px; background-color: var(--primary-color); color: #fff; font-size: 14px; border: 1px solid var(--primary-color); outline: none; cursor: pointer; } #mail-editor-content .switch-email { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #mail-editor-content .prev-email, #mail-editor-content .next-email { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; border-radius: 4px; background-color: #ffffff; border: solid 1px #e1e2e6; outline: none; cursor: pointer; } #mail-editor-content .prev-email .icon2017, #mail-editor-content .next-email .icon2017 { font-size: 16px; color: #797e8b; } #mail-editor-content .prev-email:disabled, #mail-editor-content .next-email:disabled { cursor: not-allowed; opacity: 0.5; } #mail-editor-content .preview-count { margin: 0 23px 0 17px; display: inline-block; min-width: 41px; text-align: right; font-weight: 600; color: #515666; } #mail-editor-content .preview-to-email { 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!../crm-common/email/preview.vue?vue&type=style&index=0&id=88e757f2&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .mail-editor-preview { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); min-height: 400px; max-width: 100%; overflow: auto; } .mail-editor-preview .preview-title-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; } .mail-editor-preview .language-select { margin-left: 19px; } .mail-editor-preview .preview-title { line-height: 50px; color: #515666; font-size: 16px; font-weight: 600; height: 50px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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]!../crm-common/email/binding.less ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .mail-container { border-radius: 5px; padding: 48px 26px 50px 26px; text-align: center; font-size: 14px; } .mail-container.new { width: 600px; padding-top: 10px; } .mail-container .mail-title { font-size: 24px; font-weight: bold; text-align: center; line-height: 1.25; } .mail-container .mail-head-detail { font-size: 14px; line-height: 16px; color: #515666; padding: 20px 70px 40px; } .mail-container .mail-modal { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 39px; } .mail-container .mail-modal .detail-title { margin-top: 35px; border-bottom: none; } .mail-container .mail-modal .detail-title .detail-title-desc { font-size: 14px; color: #515666; line-height: 1.14; font-weight: normal; white-space: normal; } .mail-container .detail-title-desc { font-size: 12px; } .mail-container .mail-main { 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; } .mail-container .mail-main .logo-warp { display: inline-block; } .mail-container .mail-main .logo-warp img { display: block; width: 100px; } .mail-container .mail-main .logo-warp span { font-size: 12px; font-weight: 600; color: #202437; } .mail-container .mail-btn { font-size: 16px; cursor: pointer; width: 240px; height: 50px; line-height: 50px; border-radius: 4px; margin: 30px auto 0; color: #fff; font-weight: bold; background: var(--primary-color); -webkit-box-shadow: 0 12px 24px 0 rgba(var(--primary-color-rgb), 0.3); box-shadow: 0 12px 24px 0 rgba(var(--primary-color-rgb), 0.3); } .mail-container a { text-decoration: none; display: block; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/email/pop/templateCard.vue?vue&type=style&index=0&id=ec6e0170&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-ec6e0170] { color: var(--primary-color) !important; } .hover-underline[data-v-ec6e0170]:hover { text-decoration: underline; } *[data-v-ec6e0170] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tpl-card[data-v-ec6e0170] { position: relative; width: 100%; height: 100%; border-radius: 12px; border: 1px solid #ebecf1; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tpl-card__title[data-v-ec6e0170] { 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; height: 60px; border-bottom: 1px solid #ebecf1; font-weight: 600; font-size: 14px; color: #515666; padding: 10px 15px; } .tpl-card__title .title[data-v-ec6e0170] { max-width: 100%; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; word-break: break-word; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; /*! autoprefixer: off */ /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; white-space: break-spaces; } .tpl-card__title .title.new[data-v-ec6e0170] { max-width: -webkit-calc(100% - 50px); max-width: calc(100% - 50px); } .tpl-card__title .new-icon-box[data-v-ec6e0170] { border-radius: 20px; background: rgba(var(--primary-color-rgb), 0.1); font-size: 12px; color: var(--primary-color); padding: 0px 8px; height: 20px; line-height: 20px; font-weight: 400; } .tpl-card__content[data-v-ec6e0170] { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); overflow: hidden; } .tpl-card__content.old[data-v-ec6e0170] { padding-left: 15px; padding-right: 15px; padding-top: 10px; } .tpl-card__content > div[data-v-ec6e0170] { width: 100%; height: 100%; overflow: hidden; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .tpl-card.active[data-v-ec6e0170] { border-color: var(--primary-color); } .tpl-card:hover .tpl-card__hover[data-v-ec6e0170] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .tpl-card:hover .tpl-card__hover .ghost-white-transparent[data-v-ec6e0170] { border-width: 1px; } .tpl-card__hover[data-v-ec6e0170] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(32, 36, 55, 0.6); display: none; -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-radius: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } .tpl-card__hover .chime-btn[data-v-ec6e0170] { width: 160px; border-radius: 100px; } .tpl-card__content-inner[data-v-ec6e0170] { width: 100%; height: 100%; overflow: hidden; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .tpl-card__content-inner[data-v-ec6e0170] * { -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!../crm-common/email/pop/templateList.vue?vue&type=style&index=0&id=436a687a&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-436a687a] { color: var(--primary-color) !important; } .hover-underline[data-v-436a687a]:hover { text-decoration: underline; } *[data-v-436a687a] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tpl-list[data-v-436a687a] { width: 100%; } .tpl-list .tpl-list-inner-box[data-v-436a687a] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #ebecf1; padding: 15px 0; } .tpl-list[data-v-436a687a]:hover { background: #f6f7fb; } .tpl-list .tpl-list-left[data-v-436a687a] { width: 30px; height: 30px; border-radius: 20px; background: #3b5cde1a; color: #3b5cde; font-size: 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; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .tpl-list .tpl-list-right[data-v-436a687a] { -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-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; overflow: hidden; cursor: pointer; } .tpl-list .tpl-list-right .tpl-list-right-content[data-v-436a687a] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .tpl-list .tpl-list-right .tpl-card__hover[data-v-436a687a] { display: none; } .tpl-list .tpl-list-right:hover .tpl-card__hover[data-v-436a687a] { -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; gap: 10px; padding-left: 10px; } .tpl-list .tpl-list-right .tpl-list__title[data-v-436a687a] { 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; font-family: SF Pro; font-weight: 400; font-size: 14px; line-height: 20px; color: #515666; } .tpl-list .tpl-list-right .is-new[data-v-436a687a] { display: inline-block; border-radius: 20px; background: rgba(var(--primary-color-rgb), 0.1); font-size: 12px; color: var(--primary-color); padding: 0px 8px; height: 20px; line-height: 20px; font-weight: 400; margin-left: 5px; } .tpl-list .tpl-list-right .tpl-list__content[data-v-436a687a] { width: 100%; height: 100%; overflow: hidden; font-family: SF Pro; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: #a0a3af; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 4px; } .tpl-list .tpl-list-right .tpl-list__content .tpl-list__content-text[data-v-436a687a] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .tpl-list .tpl-list-right .tpl-list__content .tpl-list__content-text div[data-v-436a687a] { text-overflow: ellipsis; white-space: nowrap; 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!../crm-common/email/pop/EmailDesignContent.vue?vue&type=style&index=0&id=4da046bc&prod&lang=less&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-4da046bc] { color: var(--primary-color) !important; } .hover-underline[data-v-4da046bc]:hover { text-decoration: underline; } *[data-v-4da046bc] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .email-design-pop[data-v-4da046bc] { width: 100%; height: 100%; 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; } .email-design-pop .header[data-v-4da046bc] { 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; border-bottom: 1px solid #ebecf1; } .email-design-pop .header .email-design-pop-search-box[data-v-4da046bc] { min-width: 420px; width: 34%; 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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .email-design-pop .header .email-design-pop-search-box .search-box-left[data-v-4da046bc] { width: 30%; height: 36px; padding-left: 15px; border: 1px solid #c6c8d1; border-right: none; border-radius: 30px 0 0 30px; } .email-design-pop .header .email-design-pop-search-box .search-box-left .header-search-select[data-v-4da046bc] { height: 100%; } .email-design-pop .header .email-design-pop-search-box .search-box-left .header-search-select[data-v-4da046bc] .com-dropdown-label { padding: 7px 30px 0 0; } .email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-4da046bc] { width: 70%; height: 36px; padding-right: 10px; padding-left: 15px; border: 1px solid #c6c8d1; border-left: none; border-radius: 0 30px 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 15px 8px 0; } .email-design-pop .header .email-design-pop-search-box .search-box-right .search-box-right-input-wrap[data-v-4da046bc] { width: 100%; height: 20px; position: relative; } .email-design-pop .header .email-design-pop-search-box .search-box-right .search-box-right-input-wrap[data-v-4da046bc]::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 16px; background: #e1e2e6; z-index: 1; } .email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-4da046bc] .com-Input { height: 100%; } .email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-4da046bc] .com-Input input { height: 100%; border: none; } .email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-4da046bc] .com-Input .icon2017 { font-size: 14px; } .email-design-pop .header .email-design-pop-search-box .focus-box[data-v-4da046bc] { border-color: var(--primary-color); } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 36px; border-radius: 40px; padding: 3px; background: #f6f7fb; position: relative; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs .active-tab-slider { pointer-events: none; position: absolute; bottom: 3px; height: 30px; background: #fff; border-radius: 30px; -webkit-box-shadow: 0px 2px 5px 0px #0000000d; box-shadow: 0px 2px 5px 0px #0000000d; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane { position: relative; z-index: 1; font-family: SF Pro; font-weight: 400; font-size: 14px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane .label { border-radius: 30px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-right: 10px; padding-left: 10px; font-size: 14px; height: 30px; line-height: 30px; color: #797e8b; font-weight: 400; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 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; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane.active { height: 30px; border-radius: 30px; background: transparent; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane.active .label { font-weight: 500; color: #202437; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane.active::after { display: none; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane:hover:not(.active) .label { color: #797e8b; } .email-design-pop[data-v-4da046bc] .email-design-custom-tabs ._tab-pane::after { display: none; } .email-design-pop__header[data-v-4da046bc] { 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: 0 20px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .email-design-pop__header .title[data-v-4da046bc] { font-weight: 700; font-size: 16px; color: #202437; } .email-design-pop__header .icon-cancel_bold[data-v-4da046bc] { font-size: 16px; color: #a0a3af; cursor: pointer; } .email-design-pop__header .icon-cancel_bold[data-v-4da046bc]:hover { color: var(--primary-color); } [data-v-4da046bc] .email-design-pop__tab { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 20px 15px 20px; } .email-design-pop .left[data-v-4da046bc] { width: 250px; padding: 20px 0 30px 20px; overflow-y: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .email-design-pop .right[data-v-4da046bc] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .email-design-pop .right .folder-list[data-v-4da046bc] { height: -webkit-calc(100% - 70px); height: calc(100% - 70px); } .email-design-pop__content[data-v-4da046bc] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: -webkit-calc(100% - 41px); height: calc(100% - 41px); } .email-design-pop__content .folder-list[data-v-4da046bc] { width: 100%; overflow-y: auto; } .email-design-pop__content .folder-list .folder-item[data-v-4da046bc] { position: relative; height: 36px; padding: 9.5px 10px; line-height: 36px; 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; color: #515666; font-size: 14px; border-radius: 6px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .email-design-pop__content .folder-list .folder-item .text[data-v-4da046bc] { min-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .email-design-pop__content .folder-list .folder-item[data-v-4da046bc]:hover { background: #f6f7fb; } .email-design-pop__content .folder-list .folder-item:hover .folder-item_operate-box[data-v-4da046bc] { 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; gap: 5px; } .email-design-pop__content .folder-list .folder-item.editable .text[data-v-4da046bc] { min-width: -webkit-calc(100% - 63px); min-width: calc(100% - 63px); } .email-design-pop__content .folder-list .folder-item.active[data-v-4da046bc] { background: #3b5cde1a; color: #3b5cde; } .email-design-pop__content .folder-list .folder-item .folder-item_operate-box[data-v-4da046bc] { display: none; } .email-design-pop__content .folder-list .folder-item .folder-item_operate-box .icon2017[data-v-4da046bc] { 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: 24px; height: 24px; font-size: 12px; color: #a0a3af; border-radius: 6px; } .email-design-pop__content .folder-list .folder-item .folder-item_operate-box .icon-edit_01[data-v-4da046bc]:hover { background-color: rgba(var(--primary-color-rgb), 0.1); color: var(--primary-color); } .email-design-pop__content .folder-list .folder-item .folder-item_operate-box .icon-delete_01[data-v-4da046bc]:hover { background-color: rgba(240, 69, 76, 0.1); color: #f0454c; } .email-design-pop__content .tpl-list[data-v-4da046bc] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .email-design-pop__content .tpl-list.right > div[data-v-4da046bc] { padding-left: 30px; padding-right: 30px; } .email-design-pop__content .tpl-list__search[data-v-4da046bc] { position: relative; width: 100%; } .email-design-pop__content .tpl-list__search.folder[data-v-4da046bc] { padding: 20px; } .email-design-pop__content .tpl-list__search.folder .chime-input[data-v-4da046bc] { height: 30px; line-height: 30px; } .email-design-pop__content .tpl-list__search:not(.folder) .icon-search_01[data-v-4da046bc] { left: 40px; } .email-design-pop__content .tpl-list__search .chime-input[data-v-4da046bc] { padding-left: 30px; position: relative; width: 100%; height: 36px; line-height: 36px; } .email-design-pop__content .tpl-list__search .icon-search_01[data-v-4da046bc] { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; color: #c6c8d1; } .email-design-pop__content .tpl-list__tip[data-v-4da046bc] { color: #797e8b; font-size: 14px; margin: 20px 0; } .email-design-pop__content .tpl-list__content[data-v-4da046bc] { 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; gap: 20px; height: -webkit-calc(100% - 78px); height: calc(100% - 78px); overflow: auto; } .email-design-pop__content .tpl-list__content .tpl-item[data-v-4da046bc] { width: 210px; height: 270px; } .email-design-pop__content .tpl-list__content .template-list-box[data-v-4da046bc] { width: 100%; border-radius: 12px; border: 1px solid #ebecf1; } .email-design-pop__content .tpl-list__content .template-list-box .tpl-list-item[data-v-4da046bc] { width: 100%; } .email-design-pop__footer[data-v-4da046bc] { padding: 15px 30px; border-top: 1px solid #ebecf1; text-align: right; } .email-design-pop .com-empty[data-v-4da046bc] { 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: 100%; height: 100%; } .email-design-pop .com-empty.folder .com-empty__box img[data-v-4da046bc] { width: 180px; height: 180px; } .email-design-pop .com-empty__box[data-v-4da046bc] { 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; } .email-design-pop .com-empty__box img[data-v-4da046bc] { width: 240px; height: 240px; } .email-design-pop .com-empty__text[data-v-4da046bc] { font-weight: 700; font-size: 14px; color: #a0a3af; margin-top: 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!../crm-common/email/pop/EmailDesignContent.vue?vue&type=style&index=1&id=4da046bc&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .header-search-select-drop__1 { -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-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!../crm-common/email/pop/emailDesign.vue?vue&type=style&index=0&id=893a2904&prod&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .email-design-popwin .pop-title { border-bottom: none; height: 60px; line-height: 60px; } .__email-design-wrapper.bottomToUp { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } .__email-design-wrapper.bottomToUp .pop-body { height: -webkit-calc(100% - 40px); height: calc(100% - 40px); } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../crm-common/email/utils/responsiveToolbar.css ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /** * 响应式工具栏样式 * 用于覆盖 CKEditor 默认样式,实现响应式工具栏 * * 设计原则: * 1. CSS 负责布局结构(flex 布局) * 2. JavaScript 负责显示/隐藏控制(不使用 !important) * 3. 样式和逻辑完全分离 * 4. 所有样式都在 .cke-responsive-toolbar-enabled 下,防止样式污染 */ /* ============================================ 工具栏容器布局 ============================================ */ .cke-responsive-toolbar-enabled .cke_top .cke_toolbox, .cke-responsive-toolbar-enabled .cke_toolbox.cke_top_toolbox, .cke-responsive-toolbar-enabled span.cke_toolbox { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; position: relative !important; overflow: visible !important; } /* ============================================ 工具栏组布局 ============================================ */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolbar { float: none !important; /* 不要在这里设置 display: inline-flex !important */ /* 让 JavaScript 可以控制显示/隐藏 */ -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; vertical-align: middle !important; } /* 默认工具栏组显示为 inline-flex */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolbar:not(.cke_toolbar_crm):not([style*="display: none"]) { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } /* 移除工具栏组的起始和结束元素 */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolbar .cke_toolbar_start, .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolbar .cke_toolbar_end { display: none !important; } /* ============================================ 工具按钮组 ============================================ */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolgroup { 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; margin: 0; padding: 0; border: 0; background: none; white-space: nowrap; } /* ============================================ Variable 按钮 - 固定在最右边 ============================================ */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_toolbar_crm, .cke-responsive-toolbar-enabled .cke_toolbar.cke_toolbar_crm { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; margin-left: auto !important; margin-right: 0 !important; -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cke-responsive-toolbar-enabled .cke_toolbox .cke_button { padding: 0 8px !important; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; height: 30px !important; } /* ============================================ More 按钮 - Variable 按钮之前 ============================================ */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_button__more { display: inline-block !important; width: 30px !important; height: 30px !important; border: 1px solid #e1e2e6 !important; border-radius: 6px !important; margin-right: 4px !important; -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; padding: 0 !important; background: #fff !important; cursor: pointer; position: relative; } .cke-responsive-toolbar-enabled .cke_toolbox .cke_button__more:hover { background: #f6f7fb !important; } /* More 按钮图标居中 */ .cke-responsive-toolbar-enabled .cke_toolbox .cke_button__more .cke_button_icon { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } .cke-responsive-toolbar-enabled .cke_toolbox .cke_button__more .cke_button_icon .icon2017 { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cke-responsive-toolbar-enabled .cke_toolgroup_crm .body { margin-right: 0 !important; } /* ============================================ More 按钮下拉菜单（独立样式，不依赖父容器类名） ============================================ */ .cke_toolbar_responsive_dropdown { display: none; position: fixed; /* 使用 fixed 定位 */ margin-top: 0; background-color: #fff; border: 1px solid #e1e2e6; border-radius: 12px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); max-height: 400px; overflow-y: auto; z-index: 10000; /* More 下拉菜单的 z-index */ padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 确保 padding 不会增加宽度 */ /* 使用 flex-wrap 布局展示单个按钮 */ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; } /* 下拉菜单显示时 */ .cke_toolbar_responsive_dropdown.show { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } /* 下拉菜单中的按钮包装器 */ .cke_toolbar_responsive_dropdown_item { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; cursor: pointer; } /* 下拉菜单中的单个按钮 */ .cke_toolbar_responsive_dropdown_item .cke_button { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin: 0 !important; padding: 0 8px !important; border-radius: 6px; min-width: 30px; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; pointer-events: none; /* 禁用按钮本身的点击，由包装器处理 */ } .cke_toolbar_responsive_dropdown_item .cke_button .cke_button_icon { height: 14px; } .cke_toolbar_responsive_dropdown_item:hover .cke_button { background-color: #f6f7fb !important; } /* 下拉菜单中的按钮不显示文字标签 */ .cke_toolbar_responsive_dropdown_item .cke_button_label { display: none !important; } /* CKEditor 面板的 z-index，确保高于 More 下拉菜单 */ .cke_panel { z-index: 10050 !important; } .cke-responsive-toolbar-enabled .cke_top_toolbar .cke_button { margin-bottom: 0 !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!../crm-common/email/components/EditorCore.vue?vue&type=style&index=0&id=307000ca&prod&lang=less& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .attach-area { padding-bottom: 15px; -webkit-transition: all 600ms; transition: all 600ms; max-height: 120px; overflow-y: auto; } .attach-area .failRed { font-size: 12px; color: #ed464f; } .attach-area .retryUpload { color: #005ebc; text-decoration: underline; margin: 0 10px; cursor: pointer; } .attach-area .bottom-attach { margin: 5px 5px 0 0; display: block; padding: 0 10px; height: 34px; border-radius: 3px; border: none; border: 1px solid #ced4e0; background-color: #f2f8ff; line-height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .attach-area .bottom-attach .uploadprogress { margin-right: 30px; } .attach-area .bottom-attach .fileName { 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: -webkit-calc(100% - 10px); width: calc(100% - 10px); } .attach-area .bottom-attach progress[value] { display: inline-block; vertical-align: middle; /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 35%; height: 8px; border-radius: 10px; background-color: #ebecf1; margin-left: 10px; } .attach-area .bottom-attach progress[value]::-webkit-progress-value { background-color: #2e94f9; border-radius: 4px; } .attach-area .bottom-attach progress[value]::-webkit-progress-bar { background-color: #a6d3ff; border-radius: 4px; } .attach-area .bottom-attach a span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; vertical-align: middle; font-size: 12px; color: #515666; } .attach-area .bottom-attach a span:nth-child(1) { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .attach-area .bottom-attach .attach-right { vertical-align: middle; } .attach-area .bottom-attach .attach-right .icon-cancel_bold { color: #8799ab; font-size: 12px; font-weight: 600; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); cursor: pointer; } .attach-area .bottom-attach .attach-right .attach-delete { float: right; font-size: 12px; } .attach-area .bottom-attach.active a { color: #005ebc; cursor: pointer; } .attach-area .bottom-attach.active a:hover { text-decoration: underline; } .attach-area .bottom-attach.active a:hover span { text-decoration: underline; } .email-ckedit-root { 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; } .email-ckedit-root .ai-generator-animation { position: absolute; width: 160px; height: 24px; 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; bottom: 10px; background: rgba(32, 36, 55, 0.95); -webkit-box-shadow: 0px 4px 8px rgba(0, 10, 30, 0.2); box-shadow: 0px 4px 8px rgba(0, 10, 30, 0.2); border-radius: 20px; padding: 0 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 4; } .email-ckedit-root .ai-generator-animation .animation-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 90px; font-size: 12px; color: #fff; height: 24px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; line-height: 24px; } .email-ckedit-root .ai-generator-animation .animation-box .loading { display: inline-block; width: 14px; height: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; -webkit-animation: ai-generator-blink 1s step-start infinite; animation: ai-generator-blink 1s step-start infinite; margin-left: 4px; vertical-align: middle; line-height: 24px; } .email-ckedit-root .ai-generator-animation .animation-box .loading .dot { display: inline-block; width: 2px; height: 2px; border-radius: 50%; background-color: #fff; } @-webkit-keyframes ai-generator-blink { 0% { width: 2px; } 33% { width: 4px; } 66% { width: 10px; } 100% { width: 14px; } } @keyframes ai-generator-blink { 0% { width: 2px; } 33% { width: 4px; } 66% { width: 10px; } 100% { width: 14px; } } .email-ckedit-root .ai-generator-animation .stop { font-weight: 400; font-size: 12px; color: var(--primary-color); cursor: pointer; } .email-ckedit-root .ai-generator-animation .stop:hover { text-decoration: underline; } .email-ckedit-root > textarea + div:not(.attach-area) { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .email-ckedit-root .cke_inner { 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; } .email-ckedit-root .cke_inner .cke_contents { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .email-ckedit-root, .email-ckedit-root .cke_inner { 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!../crm-common/email/components/Editor.vue?vue&type=style&index=0&id=5e094981&prod&lang=less&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-5e094981] { color: var(--primary-color) !important; } .hover-underline[data-v-5e094981]:hover { text-decoration: underline; } *[data-v-5e094981] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .easy-editor[data-v-5e094981] { 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; height: 100%; } .easy-editor__pic[data-v-5e094981] { height: 30px; margin-bottom: 22px; } .easy-editor__pic img[data-v-5e094981] { height: 100%; } .easy-editor__content[data-v-5e094981] { -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-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: 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; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .easy-editor__body[data-v-5e094981], .easy-editor__displaycontent[data-v-5e094981] { width: 640px; position: relative; height: 100%; border-radius: 12px; } .easy-editor__reply[data-v-5e094981] { position: relative; height: 100%; border-radius: 12px; width: 600px; background: #fff; border: 1px solid #ebecf1; word-wrap: break-word; padding: 10px; } .easy-editor__edit[data-v-5e094981] { position: absolute; right: 15px; top: 13px; height: 30px; border: 1px solid #e1e2e6; border-radius: 4px; padding: 8px 10px; background: #fff; color: #797e8b; 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; gap: 10px; } .easy-editor__edit .edit-box[data-v-5e094981], .easy-editor__edit .del-box[data-v-5e094981] { height: 100%; cursor: pointer; } .easy-editor__edit .edit-box[data-v-5e094981]:hover, .easy-editor__edit .del-box[data-v-5e094981]:hover { color: var(--primary-color); } .easy-editor__edit .split-line[data-v-5e094981] { width: 1px; height: 100%; background: #e1e2e6; } .easy-editor__edit .edit-box .icon-edit_01[data-v-5e094981] { font-size: 14px; margin-top: -3px; display: block; } .easy-editor__edit .del-box .icon-delete_01[data-v-5e094981] { font-size: 14px; margin-top: -3px; display: block; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/email/components/Editor.vue?vue&type=style&index=1&id=5e094981&prod&lang=less& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .attach-area { padding-bottom: 15px; -webkit-transition: all 600ms; transition: all 600ms; max-height: 120px; overflow-y: auto; } .attach-area .failRed { font-size: 12px; color: #ed464f; } .attach-area .retryUpload { color: #005ebc; text-decoration: underline; margin: 0 10px; cursor: pointer; } .attach-area .bottom-attach { margin: 5px 5px 0 0; display: block; padding: 0 10px; height: 34px; border-radius: 3px; border: none; border: 1px solid #ced4e0; background-color: #f2f8ff; line-height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .attach-area .bottom-attach .uploadprogress { margin-right: 30px; } .attach-area .bottom-attach .fileName { 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: -webkit-calc(100% - 10px); width: calc(100% - 10px); } .attach-area .bottom-attach progress[value] { display: inline-block; vertical-align: middle; /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 35%; height: 8px; border-radius: 10px; background-color: #ebecf1; margin-left: 10px; } .attach-area .bottom-attach progress[value]::-webkit-progress-value { background-color: #2e94f9; border-radius: 4px; } .attach-area .bottom-attach progress[value]::-webkit-progress-bar { background-color: #a6d3ff; border-radius: 4px; } .attach-area .bottom-attach a span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; vertical-align: middle; font-size: 12px; color: #515666; } .attach-area .bottom-attach a span:nth-child(1) { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .attach-area .bottom-attach .attach-right { vertical-align: middle; } .attach-area .bottom-attach .attach-right .icon-cancel_bold { color: #8799ab; font-size: 12px; font-weight: 600; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); cursor: pointer; } .attach-area .bottom-attach .attach-right .attach-delete { float: right; font-size: 12px; } .attach-area .bottom-attach.active a { color: #005ebc; cursor: pointer; } .attach-area .bottom-attach.active a:hover { text-decoration: underline; } .attach-area .bottom-attach.active a:hover span { 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!../crm-common/bindCard/Pop.vue?vue&type=style&index=0&id=1c7aa0c2&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .bind-card .card-wrap { width: 480px; padding: 20px 30px 0; font-size: 16px; line-height: 24px; 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; } .bind-card button { -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; } .bind-card .tip { font-size: 14px; font-weight: 600; color: #515666; } .bind-card .refreshTip { height: 16px; font-size: 12px; line-height: 1.33; color: #a0a3af; margin: 10px 0 20px 0; } .bind-card .bindCardBtn { width: 100%; height: 56px; border-radius: 4px; border: dashed 1px var(--primary-color); background-color: rgba(var(--primary-color-rgb), 0); margin-bottom: 20px; outline: none; } .bind-card .bindCardBtn button { outline: none; outline: 0 none !important; } .bind-card .bindCardBtn i { width: 16px; height: 16px; font-size: 16px; color: var(--primary-color); margin-right: 10px; } .bind-card .bindCardBtn span { font-size: 14px; color: var(--primary-color); } .bind-card .bindCardBtn:hover { background-color: rgba(var(--primary-color-rgb), 0.1); } .bind-card .bindCardBtn:active { background-color: rgba(var(--primary-color-rgb), 0.3); } .bind-card .card-footer { padding: 20px 30px; float: right; } .bind-card .card-footer .invisible { 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!../crm-common/payTipPop/Pop.vue?vue&type=style&index=0&id=347917a6&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .pay-tip-pop { z-index: 9999999; } .pay-tip-pop .wrapper { width: 480px; padding: 15px 26px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #505050; margin-top: -40px; } .pay-tip-pop .pop-title { /*display: none;*/ } .pay-tip-pop .dialer-pay-pop { text-align: center; padding: 15px 0px 30px !important; } .pay-tip-pop .dialer-pay-pop h2 { font-size: 18px; font-weight: 600; color: #202437; } .pay-tip-pop .dialer-pay-pop .icon-success_02, .pay-tip-pop .dialer-pay-pop .icon-sad_01 { font-size: 50px; display: inline-block; margin-top: 30px !important; margin-bottom: 6px !important; } .pay-tip-pop .dialer-pay-pop .icon-success_02 { color: #20c472; } .pay-tip-pop .dialer-pay-pop .icon-sad_01 { color: #c6c8d1; } .pay-tip-pop .dialer-pay-pop p { font-size: 16px; line-height: 1.5; color: #515666; } .pay-tip-pop .dialer-pay-pop p.dialer-charge { font-size: 14px; font-weight: 600; margin-bottom: 10px; } .pay-tip-pop .dialer-pay-pop p.dialer-charge span { font-weight: 600; color: var(--primary-color); } .pay-tip-pop .dialer-pay-pop p.charge span { font-weight: 600; color: #202437; } .pay-tip-pop .dialer-pay-pop p.redirect-desc { font-size: 14px; color: #797e8b; } .pay-tip-pop .dialer-pay-pop p.redirect-desc span { color: var(--primary-color); } .pay-tip-pop .dialer-pay-pop p.dialer-redirect-desc { font-size: 12px; line-height: 1.33; text-align: center; color: #a0a3af; } .pay-tip-pop .dialer-pay-pop .btn-wrap { margin-top: 30px; 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; } .pay-tip-pop .dialer-pay-pop .btn-wrap button { height: 40px; } .pay-tip-pop .dialer-pay-pop .btn-wrap .white-btn { margin-right: 20px; } .pay-tip-pop .dialer-pay-pop img { -webkit-animation: loadRotate 1.5s infinite forwards; animation: loadRotate 1.5s infinite forwards; margin: 30px 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!../crm-common/paymentInfo/showCard.vue?vue&type=style&index=0&id=57945268&prod&lang=less& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .payment-show-card .pay-tip { color: #797e8b; line-height: 1.29; text-align: right; font-size: 14px; } .payment-show-card .card-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .payment-show-card .com-datatable-body { min-height: auto; } .payment-show-card .desc { color: #797e8b; font-size: 12px; line-height: 1.29; font-weight: normal; margin-bottom: 10px; margin: 6px 0 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .payment-show-card .right-desc { margin-left: auto; } .payment-show-card .right-desc .click-here { color: #3b5cde; cursor: pointer; } .payment-show-card .right-desc .click-here:hover { text-decoration: underline; } .payment-show-card .com-datatable .com-datatable-row:last-child .table-cell { border-bottom: 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!../crm-common/paymentInfo/showCard.vue?vue&type=style&index=1&id=57945268&prod&lang=less&scoped=true& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-57945268] { color: var(--primary-color) !important; } .hover-underline[data-v-57945268]:hover { text-decoration: underline; } h3[data-v-57945268] { font-weight: 700; font-size: 14px; color: #202437; } .card-type[data-v-57945268] { width: 64px; height: 40px; display: block; background-size: contain !important; border: solid 1px #ebecf1; border-radius: 4px; } .card-type.visa[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/visa2.jpg"); } .card-type.master[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg"); } .card-type.mastercard[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg"); } .card-type.american_express[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg"); } .card-type.amex[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg"); } .card-type.discover[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/discover.jpg"); } .card-type.jcb[data-v-57945268] { background: url("//static.chimeroi.com/crm/images/pay/jcb.jpg"); } .card-type.ach[data-v-57945268] { background: url("//cdn.chime.me/image/fs/sitebuild/202437/8/original_1cef58af-09a7-4db7-8f0f-d1047ce57b4c.png"); } .card-warning[data-v-57945268] { margin-top: 15px; padding: 10px; background-color: #fef8e4; color: #f59700; border: 1px solid #faefc0; border-radius: 4px; line-height: 16px; font-size: 12px; } .mb4[data-v-57945268] { margin-bottom: 4px; } .mb10[data-v-57945268] { margin-bottom: 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-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!../crm-common/paymentInfo/payValidateItem.vue?vue&type=style&index=0&id=2b0b94f0&prod&scoped=true&lang=css& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ input[data-v-2b0b94f0]::-webkit-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #c6c8d1; } input[data-v-2b0b94f0]::-moz-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #c6c8d1; } input[data-v-2b0b94f0]:-ms-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #c6c8d1; } input[data-v-2b0b94f0]::-ms-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #c6c8d1; } input[data-v-2b0b94f0]::placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #c6c8d1; } .validate-item[data-v-2b0b94f0] { display: inline-block; } .full-width[data-v-2b0b94f0] { 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!../crm-common/paymentInfo/plaidLink.vue?vue&type=style&index=0&id=34e1d8aa&prod&scoped=true&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-34e1d8aa] { color: var(--primary-color) !important; } .hover-underline[data-v-34e1d8aa]:hover { text-decoration: underline; } .plaid-link[data-v-34e1d8aa] { padding-top: 15px; } .plaid-link .plaid-container[data-v-34e1d8aa] { 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; } .plaid-link .plaid-container .desc[data-v-34e1d8aa] { font-size: 14px; font-weight: 400; line-height: 20px; color: #515666; } .plaid-link .plaid-container .plaid-button[data-v-34e1d8aa] { color: var(--primary-color); cursor: pointer; font-weight: 500; border: none; background-color: unset; } .ach-note-warning[data-v-34e1d8aa] { color: #f59700; font-size: 14px; font-weight: 400; line-height: 20px; } .mb10[data-v-34e1d8aa] { margin-bottom: 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!../crm-common/paymentInfo/setDefaultPayment.vue?vue&type=style&index=0&id=3aa595dd&prod&scoped=true&lang=less& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-3aa595dd] { color: var(--primary-color) !important; } .hover-underline[data-v-3aa595dd]:hover { text-decoration: underline; } .set-default-payment[data-v-3aa595dd] { margin-top: 20px; } .set-default-payment .default-payment[data-v-3aa595dd] { 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; } .set-default-payment .default-payment .default-payment-desc[data-v-3aa595dd] { font-weight: 400; font-size: 14px; 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!../crm-common/paymentInfo/addCardNew.vue?vue&type=style&index=0&id=39a9cf8d&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-39a9cf8d] { color: var(--primary-color) !important; } .hover-underline[data-v-39a9cf8d]:hover { text-decoration: underline; } .mt0[data-v-39a9cf8d] { margin-top: 0 !important; } h3[data-v-39a9cf8d] { font-weight: 700; font-size: 16px; color: #202437; margin-bottom: 10px; } .mb4[data-v-39a9cf8d] { margin-bottom: 4px; } .desc[data-v-39a9cf8d] { color: #797e8b; font-size: 12px; line-height: 1.29; font-weight: normal; } #ccnumber[data-v-39a9cf8d], #ccexp[data-v-39a9cf8d], #cvv[data-v-39a9cf8d] { outline: none; } #ccnumber[data-v-39a9cf8d]:focus, #ccexp[data-v-39a9cf8d]:focus, #cvv[data-v-39a9cf8d]:focus { outline: none; } #ccnumber[data-v-39a9cf8d]:active, #ccexp[data-v-39a9cf8d]:active, #cvv[data-v-39a9cf8d]:active { outline: none; } #ccnumber[data-v-39a9cf8d]:hover, #ccexp[data-v-39a9cf8d]:hover, #cvv[data-v-39a9cf8d]:hover { border-color: #a0a3af; } .validate-item[data-v-39a9cf8d] { display: inline-block; } .validate-item[data-v-39a9cf8d] iframe { height: 36px !important; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); } .form-item[data-v-39a9cf8d] iframe { height: 36px !important; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); } .full-width[data-v-39a9cf8d] { width: 100%; } .com-datatable[data-v-39a9cf8d] { -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: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; border: unset; border-radius: unset; } .form-item.small[data-v-39a9cf8d] { width: -webkit-calc(50% - 1px); width: calc(50% - 1px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; } .item-label[data-v-39a9cf8d] { font-size: 14px; font-weight: 600; color: #515666; margin-bottom: 10px; } .tip[data-v-39a9cf8d] { width: 100%; margin: 20px 0 0; padding: 10px; 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: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .tip .content[data-v-39a9cf8d] { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.33; color: #a0a3af; font-size: 12px; padding-left: 10px; } .form .card-type[data-v-39a9cf8d] { position: relative; } .form .card-type + .card-type[data-v-39a9cf8d] { margin-left: 10px; } .form .card-type.selected[data-v-39a9cf8d]::after { content: ""; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.3); background-image: url(https://static.chimeroi.com/crm/images/logo/ico-select.png); background-position: right 2px bottom 2px; background-repeat: no-repeat; background-size: 12px 12px; color: greenyellow; position: absolute; text-align: right; line-height: 60px; vertical-align: bottom; border-radius: 4px; } .chime-input + .chime-input[data-v-39a9cf8d] { margin-left: 10px; } .code-instruction[data-v-39a9cf8d] { z-index: 1000; display: none; position: absolute; top: 33px; left: -28px; width: 351px; 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; margin-top: 0; padding: 20px; border-radius: 5px; } .code-instruction[data-v-39a9cf8d]::before { content: ""; display: inline-block; width: 216px; height: 120px; background: url(//static.chimeroi.com/crm/images/pay/bubble.png); } .code-instruction[data-v-39a9cf8d]::after { content: ""; width: 10px; height: 10px; background: #fff; position: absolute; top: -6px; left: 28px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: solid 1px #c6c8d1; border-bottom: none; border-right: none; } .code-instruction div[data-v-39a9cf8d] { float: right; width: 130px; margin-top: 18px; } .code-instruction div p[data-v-39a9cf8d]:nth-of-type(1) { font-size: 14px; font-weight: 500; text-align: left; color: #515666; } .code-instruction div p[data-v-39a9cf8d]:nth-of-type(2) { margin-top: 4px; font-size: 12px; text-align: left; color: #afafb5; } .code-instruction.placement-top[data-v-39a9cf8d] { top: -168px; } .code-instruction.placement-top[data-v-39a9cf8d]::after { top: 160px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .icon-attention_02[data-v-39a9cf8d] { position: relative; margin-left: 5px; color: #c6c8d1; 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; } .icon-attention_02:hover .code-instruction[data-v-39a9cf8d] { display: block; } .payment-info-title[data-v-39a9cf8d] { font-weight: 700; font-size: 18px; line-height: 36px; letter-spacing: 0px; } .payment-info-title-desc[data-v-39a9cf8d] { 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; } .payment-info-title-desc .previous-desc[data-v-39a9cf8d] { font-size: 14px; color: #797e8b; font-weight: normal; } .payment-info-title-desc .previous-desc[data-v-39a9cf8d] .click-here { color: var(--primary-color); cursor: pointer; } .payment-info-title-desc .previous-desc[data-v-39a9cf8d] .click-here:hover { text-decoration: underline; } .payment-info-container[data-v-39a9cf8d] { padding: 20px; background-color: #fff; border-radius: 4px; border: 1px solid #e1e2e6; } .payment-info-container .payment-info-method[data-v-39a9cf8d] { font-weight: 600; color: #515666; font-size: 14px; } .payment-info-container .payment-info-tab[data-v-39a9cf8d] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; border-bottom: 1px dashed #e1e2e6; } .payment-info-container .payment-info-tab .tab-payment-card[data-v-39a9cf8d] { width: 560px; height: 85px; background: #ffffff; border: 1px solid #e1e2e6; border-radius: 4px; cursor: pointer; position: relative; } .payment-info-container .payment-info-tab .tab-payment-card .tab-title[data-v-39a9cf8d] { font-weight: 600; font-size: 16px; line-height: 20px; color: #000000; margin: 20px 20px 0 20px; } .payment-info-container .payment-info-tab .tab-payment-card .tab-card-desc[data-v-39a9cf8d] { font-weight: 400; font-size: 14px; line-height: 20px; color: #a0a3af; margin: 5px 20px 20px 20px; } .payment-info-container .payment-info-tab .tab-payment-card .tab-select-img[data-v-39a9cf8d] { position: absolute; right: -1px; top: -1px; width: 36px; } .payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon[data-v-39a9cf8d] { position: absolute; right: 0; top: 0; } .payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon .triangle-area[data-v-39a9cf8d] { width: 0; height: 0; position: absolute; right: 0; top: 0; border-left: 40px solid transparent; border-top: 40px solid var(--primary-color); } .payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon .icon-checked_bold[data-v-39a9cf8d] { position: absolute; right: 6px; top: 5px; font-size: 12px; color: #fff; } .payment-info-container .payment-info-tab .activeColor[data-v-39a9cf8d] { border: 1px solid var(--primary-color); } .marLeft20[data-v-39a9cf8d] { margin-left: 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!../crm-common/BillingAddress/countrySelector.vue?vue&type=style&index=0&id=e45a31f0&prod&lang=less&scoped=true& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-e45a31f0] { color: var(--primary-color) !important; } .hover-underline[data-v-e45a31f0]:hover { text-decoration: underline; } .__country-selector .flex-items-center[data-v-e45a31f0] { 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; } .__country-selector .body[data-v-e45a31f0] { border-radius: 4px; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; background-color: #ffffff; } .__country-selector .body[data-v-e45a31f0]:hover { cursor: pointer; } .__country-selector .body.normal[data-v-e45a31f0] { min-height: 32px; height: 32px; line-height: 30px; } .__country-selector .body.multi[data-v-e45a31f0] { height: unset; overflow: auto; padding: 5px 10px; } .__country-selector .body .info .avatar[data-v-e45a31f0] { width: 26px; height: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .__country-selector .body .info .text[data-v-e45a31f0] { font-size: 14px; line-height: 16px; font-weight: 400; padding-left: 6px; color: #202437; } .__country-selector .body .info .countrys-container[data-v-e45a31f0] { margin-top: -5px; 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; } .__country-selector .body .info .countrys-container > *[data-v-e45a31f0] { margin: 5px 5px 0 0; } .__country-selector .body .opts[data-v-e45a31f0] { margin-left: 4px; } .__country-selector .body .opts i[data-v-e45a31f0] { width: 10px; height: 10px; font-size: 12px; line-height: 12px; display: block; color: #a0a3af; -webkit-transform: scale(0.83333333, 0.8333332); -ms-transform: scale(0.83333333, 0.8333332); transform: scale(0.83333333, 0.8333332); } .__country-selector .dropdown[data-v-e45a31f0] { background: #ffffff; padding: 0 0 6px 0; border-radius: 4px; max-height: 350px; 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; min-width: 300px; } .__country-selector .dropdown[data-v-e45a31f0]:hover { cursor: pointer; } .__country-selector .dropdown .search[data-v-e45a31f0] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 36px; line-height: 36px; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .__country-selector .dropdown .search i[data-v-e45a31f0] { font-size: 16px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #c6c8d1; } .__country-selector .dropdown .search input[data-v-e45a31f0] { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 13px; overflow: hidden; border: none; } .__country-selector .dropdown .country-container[data-v-e45a31f0] { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: auto; } .__country-selector .dropdown .country-container .country[data-v-e45a31f0] { height: 32px; line-height: 30px; padding: 0 15px; } .__country-selector .dropdown .country-container .country > *[data-v-e45a31f0] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .__country-selector .dropdown .country-container .country[data-v-e45a31f0]:hover { background-color: #f6f7fb; } .__country-selector .dropdown .country-container .country .avatar[data-v-e45a31f0] { width: 26px; height: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .__country-selector .dropdown .country-container .country .text[data-v-e45a31f0] { font-size: 14px; line-height: 16px; font-weight: 400; padding-left: 6px; color: #202437; } .__country-selector .dropdown .country-container .country .name[data-v-e45a31f0] { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .__country-selector .dropdown .country-container .country .chosen[data-v-e45a31f0] { padding-left: 10px; color: var(--primary-color); font-size: 14px; } .__country-selector .dropdown .country-container .empty-result[data-v-e45a31f0] { padding: 20px; text-align: center; color: #c6c8d1; 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!../crm-common/BillingAddress/simpleMode.vue?vue&type=style&index=0&id=8a5feac4&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .query-selector-results .com-dropdown-content { padding-bottom: 42px; } .query-selector-results .com-dropdown-content .highlight { color: var(--primary-color); } .query-selector-results .com-dropdown-content .add-address-btn { position: absolute; bottom: 0; border-top: 1px solid #ebecf1; font-size: 14px; color: var(--primary-color); padding: 12px; margin-top: 5px; cursor: pointer; white-space: nowrap; line-height: normal; 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; background: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .query-selector-results .com-dropdown-content .add-address-btn:hover { background: #f6f7fb; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/BillingAddress/simpleMode.vue?vue&type=style&index=1&id=8a5feac4&prod&scoped=true&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-8a5feac4] { color: var(--primary-color) !important; } .hover-underline[data-v-8a5feac4]:hover { text-decoration: underline; } .billing-address-container[data-v-8a5feac4] .com-query-select { width: 100%; } .billing-address-container[data-v-8a5feac4] .com-query-select .content { height: 36px; line-height: 36px; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap .enter { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #202437; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap::-webkit-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap::-moz-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap:-ms-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap::-ms-input-placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .billing-address-container[data-v-8a5feac4] .com-query-select .content .input-wrap::placeholder { font-family: "SF UI Text"; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; } .billing-address-container .billing-address-title[data-v-8a5feac4] { font-weight: 700; font-size: 18px; line-height: 36px; letter-spacing: 0px; color: #202437; margin-bottom: 10px; } .billing-address-container .billing-address-subtitle[data-v-8a5feac4] { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #797e8b; } .billing-address-container .billing-address-form[data-v-8a5feac4] { 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; } .billing-address-container .billing-address-form .country-selector[data-v-8a5feac4] { border: 1px solid #c6c8d1; border-radius: 4px; } .billing-address-container .billing-address-form .country-selector[data-v-8a5feac4] .body { height: 34px; } .billing-address-container .billing-address-form[data-v-8a5feac4] .com-form-item { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); } .billing-address-container .billing-address-form[data-v-8a5feac4] .com-form-item .com-form-content { position: relative; } .billing-address-container .billing-address-form[data-v-8a5feac4] .com-form-item .com-form-content .form-item__error { z-index: 1; } .billing-address-container .billing-address-form[data-v-8a5feac4] .com-form-item .chime-input { width: 100%; } .billing-address-container .billing-address-form[data-v-8a5feac4] .com-form-item .required-icon { position: absolute; left: 188px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #f0454c; font-size: 14px; } .billing-address-container .billing-address-form .w100[data-v-8a5feac4] { width: 100%; } .billing-address-container .billing-address-display[data-v-8a5feac4] { padding: 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; background-color: #fff; border-radius: 4px; border: 1px solid #e1e2e6; color: #515666; font-weight: 400; font-size: 14px; letter-spacing: 0px; } .billing-address-container .billing-address-display .icon-house_03[data-v-8a5feac4] { width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; border-radius: 12px; margin-right: 10px; background-color: var(--primary-color-10); color: var(--primary-color); } .billing-address-container .billing-address-display .address-info[data-v-8a5feac4] { height: 14px; vertical-align: middle; line-height: 14px; font-size: 14px; display: inline-block; } .billing-address-container .billing-address-display .address-edit-btn[data-v-8a5feac4] { color: var(--primary-color); cursor: pointer; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ebecf1; height: 14px; vertical-align: middle; line-height: 14px; font-size: 14px; display: inline-block; } .billing-address-container .billing-address-display .address-edit-btn[data-v-8a5feac4]: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!../crm-common/paymentInfo/index.vue?vue&type=style&index=0&id=26afc85e&prod&lang=less&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-26afc85e] { color: var(--primary-color) !important; } .hover-underline[data-v-26afc85e]:hover { text-decoration: underline; } .payment-v1-container[data-v-26afc85e] { min-height: 200px; } .payment-v1-container .payment-billing-address-container[data-v-26afc85e] { margin-top: 40px; } .payment-v1-container .payment-billing-address-container[data-v-26afc85e] .billing-address-form { border: 1px solid #e1e2e6; padding: 20px; border-radius: 4px; background-color: #fff; } .payment-v1-container .payment-billing-address-container[data-v-26afc85e] .billing-address-form .country-selector { width: 460px; } .payment-v1-container.collapse[data-v-26afc85e] { padding-top: 20px; border-bottom: 1px solid #ebecf1; } .payment-v1-container.collapse .payment-info-add-card[data-v-26afc85e] { padding-bottom: 20px; } .payment-v1-container.collapse .payment-info-add-card[data-v-26afc85e]:has(.icon-expand_up) { padding-bottom: 0; } .payment-v1-container.collapse .payment-show-card .slide-fade-enter-active[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .slide-fade-enter-active[data-v-26afc85e] { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .payment-v1-container.collapse .payment-show-card .slide-fade-leave-active[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-active[data-v-26afc85e] { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .payment-v1-container.collapse .payment-show-card .slide-fade-enter[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .slide-fade-enter[data-v-26afc85e], .payment-v1-container.collapse .payment-show-card .slide-fade-leave-to[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-to[data-v-26afc85e] { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; } .payment-v1-container.collapse .payment-show-card h3[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card h3[data-v-26afc85e] { 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-bottom: 10px; font-weight: 700; font-size: 16px; color: #202437; } .payment-v1-container.collapse .payment-show-card h3 *[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card h3 *[data-v-26afc85e] { color: #515666; } .payment-v1-container.collapse .payment-show-card h3[data-v-26afc85e]:has(.icon-expand_up), .payment-v1-container.collapse .payment-info-add-card h3[data-v-26afc85e]:has(.icon-expand_up) { margin-bottom: 16px; } .payment-v1-container.collapse .payment-show-card h3 .desc[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card h3 .desc[data-v-26afc85e] { margin-left: 10px; margin-bottom: 0; } .payment-v1-container.collapse .payment-show-card h3 .collapse-btn[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card h3 .collapse-btn[data-v-26afc85e] { margin-left: auto; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; text-align: center; line-height: 20px; font-size: 12px; color: var(--primary-color); } .payment-v1-container.collapse .payment-show-card h3 .collapse-btn[data-v-26afc85e]:hover, .payment-v1-container.collapse .payment-info-add-card h3 .collapse-btn[data-v-26afc85e]:hover { background-color: var(--primary-color-10); } .payment-v1-container.collapse .payment-show-card .payment-title .desc[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .payment-title .desc[data-v-26afc85e] { margin-bottom: 10px; } .payment-v1-container.collapse .payment-show-card .pay-tip[data-v-26afc85e], .payment-v1-container.collapse .payment-info-add-card .pay-tip[data-v-26afc85e] { margin-top: 10px; margin-bottom: 20px; } .agreement[data-v-26afc85e] { margin-top: 20px; font-size: 14px; line-height: 18px; color: #797e8b; } .agreement .link[data-v-26afc85e] { color: var(--primary-color); 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!../crm-common/termOfUsePop/index.vue?vue&type=style&index=0&id=5ccfa82b&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .__term-use-of-pop .pop-container { width: 1000px; } .__term-use-of-pop .content { height: 100%; overflow-y: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; color: #515666; font-family: "SF UI Text"; } .__term-use-of-pop .content .highlight { background-color: #fef8e4; } .__term-use-of-pop .content .catelog-item { cursor: pointer; } .__term-use-of-pop .content li > p:first-child { margin-top: 10px; } .__term-use-of-pop .content p, .__term-use-of-pop .content div { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 10px; } .__term-use-of-pop .content p > ol, .__term-use-of-pop .content div > ol { list-style-type: disc; padding-left: 16px; } .__term-use-of-pop .content p > ul, .__term-use-of-pop .content div > ul { list-style-type: decimal; padding-left: 26px; } .__term-use-of-pop .content .item-title { font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; } .__term-use-of-pop .content .h2 { margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; color: #202437; } .__term-use-of-pop .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; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/chargeInfo/index.vue?vue&type=style&index=0&id=c2a475f0&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .pt-20 { padding-top: 20px; } .com-pay-charge-info { background-color: #ffffff; height: 120px; border-top: solid 4px var(--primary-color-6); z-index: 199; -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; position: relative; } .com-pay-charge-info .tax-icon { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 3px 15px; -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-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 0px 0px 20px 20px; background: var(--primary-color); color: #fff; font-size: 12px; font-style: normal; font-weight: 510; line-height: normal; left: 0px; top: -4px; } .com-pay-charge-info .com-pay-charge-info-detail { 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: 100%; position: relative; } .com-pay-charge-info .place-order-bottom { font-size: 14px; margin-left: 130px; color: #797e8b; } .com-pay-charge-info .place-order-bottom .policy { margin-bottom: 10px; } .com-pay-charge-info .place-order-bottom .pay-agree { line-height: 20px; vertical-align: super; } .com-pay-charge-info .place-order-bottom .pay-agree a { color: var(--primary-color); text-decoration: underline; } .com-pay-charge-info .place-order-bottom .pay-notice .notice-strong { font-weight: bold; color: #202437; } .com-pay-charge-info .place-order-bottom .notice { line-height: 20px; } .com-pay-charge-info .place-order-bottom .notice i { margin-right: 10px; } .com-pay-charge-info .place-order-bottom .pay-charge { font-size: 16px; 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; } .com-pay-charge-info .place-order-bottom .pay-charge .pay-word { font-size: 24px; font-weight: 600; color: #515666; } .com-pay-charge-info .place-order-bottom .pay-charge .moeny { font-size: 40px; color: var(--primary-color); margin-left: 20px; font-weight: bold; } .com-pay-charge-info .place-order-bottom .discount-tip .red-price { font-weight: bold; color: #f0454c; } .com-pay-charge-info .btn-wrap { margin-right: 130px; outline: none; } .com-pay-charge-info .btn-wrap .white-btn { margin-right: 20px; } .com-pay-charge-info .btn-wrap button { min-width: 120px; max-width: 180px; height: 40px; outline: none; } .agent-website-charge-info.com-pay-charge-info { min-width: 1460px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .agent-website-charge-info.com-pay-charge-info .tax-icon { left: -webkit-calc((100% - 1180px) / 2 - 8px); left: calc((100% - 1180px) / 2 - 8px); } .agent-website-charge-info.com-pay-charge-info .com-pay-charge-info-detail { width: 1180px; max-width: 1180px; margin-left: -20px; } .agent-website-charge-info.com-pay-charge-info .place-order-bottom { margin-left: 0; } .agent-website-charge-info.com-pay-charge-info .btn-wrap { margin-right: 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!../crm-common/unactiviatedDialerPackage/index.vue?vue&type=style&index=0&id=77b8f024&prod&lang=less& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .unactiviated-dialer-package-modal .pop-title, .unactiviated-dialer-package-modal .pop-footer { border: none; } .unactiviated-dialer-package-modal .pop-container { width: 560px; } .unactiviated-dialer-package-modal .content-container { padding: 0 30px; } .unactiviated-dialer-package-modal .content-container .description { color: #515666; font-size: 16px; line-height: 1.5; margin-bottom: 20px; } .unactiviated-dialer-package-modal .content-container .table-box { color: #797e8b; font-size: 13px; line-height: 16px; border-radius: 4px; } .unactiviated-dialer-package-modal .content-container .table-box .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; height: 40px; color: #797e8b; font-size: 13px; } .unactiviated-dialer-package-modal .content-container .table-box .row:not(:first-child) { border-bottom: 1px solid #fff; } .unactiviated-dialer-package-modal .content-container .table-box .row .col { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 12px 20px; } .unactiviated-dialer-package-modal .content-container .table-box .row .col:first-child { font-weight: bold; } .unactiviated-dialer-package-modal .content-container .table-box .row .col:not(:first-child) { border-left: 1px solid #fff; } .unactiviated-dialer-package-modal .content-container .table-box .row:nth-child(even) { background-color: #eef0f8; } .unactiviated-dialer-package-modal .content-container .table-box .row:nth-child(odd), .unactiviated-dialer-package-modal .content-container .table-box .row.total { background-color: #f6f7fb; } .unactiviated-dialer-package-modal .content-container .table-box .row.total { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px; } .unactiviated-dialer-package-modal .content-container .table-box .row.total .fee { color: var(--primary-color); font-weight: bold; } .unactiviated-dialer-package-modal .content-container .table-box .row.total i { color: #c6c8d1; margin-left: 5px; } .unactiviated-dialer-package-modal .footer { 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!../crm-common/videoPreview/index.vue?vue&type=style&index=0&id=4d68bc2a&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .videoMask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2001; display: none; -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; background-color: rgba(0, 0, 0, 0.5); } .videoMask.show { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .videoMask .preview-icon { position: absolute; right: 30px; top: 30px; font-size: 20px; color: #fff; cursor: pointer; } .videoMask .chat-video { -o-object-fit: cover; object-fit: cover; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/leadAssign/components/CollapseItem.vue?vue&type=style&index=0&id=63b9a9a4&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .CollapseItem { font-size: 14px; line-height: 32px; color: #515666; } .CollapseItem .collapse-item-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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0 10px; } .CollapseItem .collapse-item-content { overflow: hidden; overflow-y: scroll; -webkit-transition: all 0.4s; transition: all 0.4s; } .CollapseItem .collapse-item-content_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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px 0 26px; cursor: pointer; height: 32px; } .CollapseItem .collapse-item-content_item.active { color: var(--primary-color); } .CollapseItem .collapse-item-content_item.hasImage { height: 60px; } .CollapseItem .collapse-item-content_item.hasImage .name { max-width: -webkit-calc(100% - 80px); max-width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .CollapseItem .collapse-item-content_item.hasImage .agent-email { height: 14px; font-family: "SF UI Text"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #a0a3af; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .CollapseItem .collapse-item-content_item .icon-checked_bold { font-size: 12px; color: var(--primary-color); } .CollapseItem .collapse-item-content_item img { width: 40px; height: 40px; margin: 10px 20px 10px 0; border-radius: 50%; } .CollapseItem .collapse-item-content_item .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: -webkit-calc(100% - 20px); max-width: calc(100% - 20px); } .CollapseItem .collapse-item-content .load-more { color: var(--primary-color); text-align: center; line-height: 24px; background: #f6f7fb; cursor: pointer; } .CollapseItem .collapse-item-content .load-more:hover { background: #ebecf1; } .CollapseItem .part { 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-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .CollapseItem .part .title { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .CollapseItem .part .com-checkbox, .CollapseItem .part .checkbox-label { 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-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; min-width: 16px; } .CollapseItem .part .com-checkbox.full-click, .CollapseItem .part .checkbox-label.full-click { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .CollapseItem .part .com-checkbox.full-click .checkbox-label, .CollapseItem .part .checkbox-label.full-click .checkbox-label { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .CollapseItem .collapse-item-title:hover, .CollapseItem .collapse-item-content_item:hover { background: #f6f7fb; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/leadAssign/components/NonCollapseItem.vue?vue&type=style&index=0&id=3d7071ae&prod&lang=less& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .CollapseItem { font-size: 14px; line-height: 32px; color: #515666; } .CollapseItem .collapse-item-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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0 10px; } .CollapseItem .collapse-item-content { overflow: hidden; overflow-y: scroll; -webkit-transition: all 0.4s; transition: all 0.4s; } .CollapseItem .collapse-item-content_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; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 15px; cursor: pointer; height: 32px; } .CollapseItem .collapse-item-content_item.active .part .lead-info .lead-name { color: var(--primary-color); } .CollapseItem .collapse-item-content_item.hasImage { height: 60px; padding: 0 10px; } .CollapseItem .collapse-item-content_item.hasImage .name .lead-name { max-width: 150px; font-size: 14px; line-height: 16px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CollapseItem .collapse-item-content_item.hasImage .agent-email { height: 14px; font-family: "SF UI Text"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #a0a3af; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .CollapseItem .collapse-item-content_item .icon-checked_bold { font-size: 12px; color: var(--primary-color); } .CollapseItem .collapse-item-content_item img { width: 40px; height: 40px; margin: 10px 10px 10px 0; border-radius: 50%; } .CollapseItem .collapse-item-content_item .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .CollapseItem .load-more { color: var(--primary-color); text-align: center; height: 40px; line-height: 40px; font-size: 14px; background: #f6f7fb; border: solid 1px #ebecf1; cursor: pointer; } .CollapseItem .load-more:hover { background: #ebecf1; } .CollapseItem .part { 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-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } .CollapseItem .part .lead-info { 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; } .CollapseItem .part .lead-info .lead-name { line-height: 16px; margin-bottom: 6px; font-size: 14px; color: #515666; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CollapseItem .part .lead-info .lead-email { font-size: 12px; line-height: 14px; color: #a0a3af; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CollapseItem .part .title { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .CollapseItem .part .com-checkbox, .CollapseItem .part .checkbox-label { 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-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; min-width: 16px; } .CollapseItem .part .com-checkbox.full-click, .CollapseItem .part .checkbox-label.full-click { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .CollapseItem .part .com-checkbox.full-click .checkbox-label, .CollapseItem .part .checkbox-label.full-click .checkbox-label { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .CollapseItem .collapse-item-title:hover, .CollapseItem .collapse-item-content_item:hover { background: #f6f7fb; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/leadAssign/Pop.vue?vue&type=style&index=0&id=5832e34e&prod&lang=less& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .leadAssignCommon { width: 300px; max-width: 100%; max-height: 250px; overflow-y: auto; overflow-x: hidden; background: #fff; } .leadAssignCommon.isInheritWidth { width: 100%; } .leadAssignCommon .search-input { 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; } .leadAssignCommon .search-input span { font-size: 16px; color: #c6c8d1; } .leadAssignCommon .search-input .chime-input { caret-color: var(--primary-color); border: none; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-shadow: none; box-shadow: none; } .leadAssignCommon .empty { text-align: center; color: #c8c8c8; line-height: 60px; width: 100%; margin: 0 auto; } .leadAssignCommon .all-agent-select { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 32px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 32px; color: #515666; font-size: 14px; } .leadAssignCommon .all-agent-select:hover { background: #f6f7fb; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/leadAssign/index.vue?vue&type=style&index=0&id=bb53bb38&prod&lang=less& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .lead-assign-common.disabled .com-dropdown-label { background-color: #f6f7fa; cursor: not-allowed !important; pointer-events: none; } .lead-assign-common-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; } .lead-assign-common-title .name { margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lead-assign-common .com-dropdownbox .com-dropdown-label { border: none; -webkit-box-shadow: none; box-shadow: none; } .lead-assign-common-content { 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!../crm-common/leadAssignV2/index.vue?vue&type=style&index=0&id=22c34ac6&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .assign-wrap-label { 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: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 0 10px 0 10px; height: 100%; border: solid 1px #c6c8d1; border-radius: 3px; color: #495060; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .assign-wrap-label.disabled { background-color: #f6f7fa; border: solid 1px #e1e2e6; cursor: not-allowed; } .assign-wrap-label.isOpen { border-color: var(--primary-color); } .assign-wrap-label.noborder { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .assign-wrap-label-left { padding-right: 10px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .assign-wrap-label-left > span.placeholder { color: #c6c8d1; padding-left: 0; } .assign-wrap-label-right { color: #a0a3af; font-size: 10px; } .assign-wrap-label-right.isOpen { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .assign-wrap-content { font-size: 14px; color: #515666; max-height: 250px; padding: 0 0 7px 0; overflow-y: scroll; } .assign-wrap-content .search-input { 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; } .assign-wrap-content .search-input span { font-size: 16px; color: #c6c8d1; } .assign-wrap-content .search-input .chime-input { border: none; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-shadow: none; box-shadow: none; } .assign-wrap-content .select-all { padding-left: 10px; line-height: 32px; height: 32px; 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; } .assign-wrap-content .select-all:hover { background: #f6f7fb; } .assign-wrap-content .group-item-name { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px; cursor: pointer; height: 32px; line-height: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .assign-wrap-content .group-item-name:hover { background: #f6f7fb; } .assign-wrap-content .group-item-name-left { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 10px; -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; overflow: hidden; } .assign-wrap-content .group-item-name-left-text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; line-break: 32px; } .assign-wrap-content .group-item-name-right { color: #a0a3af; font-size: 10px; -webkit-transition: all 0.2s; transition: all 0.2s; } .assign-wrap-content .group-item-name-right.isOpen { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .assign-wrap-content .group-item-list { -webkit-transition: all 0.2s; transition: all 0.2s; overflow-y: hidden; } .assign-wrap-content .group-item-list-item { cursor: pointer; padding: 0 30px 0 20px; line-height: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 32px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .assign-wrap-content .group-item-list-item-name { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 32px; } .assign-wrap-content .group-item-list-item:hover { background: #f6f7fb; } .assign-wrap-content .group-item-list-item.active { color: var(--primary-color); } .assign-wrap-content .group-item-list-item.active:before { font-family: "chime"; content: "\E93D"; color: var(--primary-color); font-size: 12px; font-weight: bold; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px; } .assign-wrap-content .empty { text-align: center; color: #c8c8c8; line-height: 60px; width: 100%; 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!../crm-common/freeTrial/subScribeTip.vue?vue&type=style&index=0&id=6f93814e&prod&lang=less& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .free-trial-subscribe-tip { --color-main: var(--primary-color); position: fixed; z-index: 1000; bottom: -60px; height: 60px; width: 100vw; left: 0; -webkit-transition: bottom 0.2s ease; transition: bottom 0.2s ease; background: var(--color-main); 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; -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; color: #fff; font-size: 14px; } .free-trial-subscribe-tip .bold { font-size: 16px; font-weight: bold; margin-left: 5px; } .free-trial-subscribe-tip .mark { font-weight: bold; font-size: 14px; color: #fbe889; margin-left: 5px; } .free-trial-subscribe-tip .subscribe { margin-left: 10px; width: 119px; height: 30px; cursor: pointer; 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; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-main); background-color: #fff; font-size: 14px; font-weight: bold; } .free-trial-subscribe-tip .subscribe .icon2017 { margin-left: 7px; } .free-trial-subscribe-tip.show { bottom: 0px; } body.subscribe-tip-shown > .header-main.with-header + #app { height: -webkit-calc(100% - 120px); height: calc(100% - 120px); overflow: auto; } body.subscribe-tip-shown .free-trial-guide { bottom: 130px; right: 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!../crm-common/taskRichText/index.vue?vue&type=style&index=0&id=53681495&prod&lang=less&scoped=true& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-53681495] { color: var(--primary-color) !important; } .hover-underline[data-v-53681495]:hover { text-decoration: underline; } .com-rich-text-outer[data-v-53681495] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: auto; min-height: 20px; } .com-rich-text-outer .rich-text-inner[data-v-53681495] { 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; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; border: solid 1px #c6c8d1; padding: 10px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-rich-text-outer .rich-text-inner .rich-text[data-v-53681495] { width: 100%; padding-right: 10px; outline: 0; margin-bottom: 0px !important; overflow-x: hidden; overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; word-break: break-word; color: #202437; font-size: 14px; } .com-rich-text-outer .rich-text-inner .rich-text[contenteditable="true"][data-v-53681495]:empty:before { content: attr(placeholder); color: #c6c8d1; font-size: 14px; font-family: "SF UI Text"; } .com-rich-text-outer .rich-text-inner .rich-text[data-v-53681495]::-webkit-scrollbar { display: none; } .com-rich-text-outer .rich-text-inner .rich-text .hyperlinks[data-v-53681495] { color: var(--primary-color) !important; cursor: pointer; text-decoration: underline; -webkit-text-decoration-color: var(--primary-color); -moz-text-decoration-color: var(--primary-color); text-decoration-color: var(--primary-color); word-break: break-all; } .com-rich-text-outer .rich-text-inner .upload-btn[data-v-53681495] { height: 24px; line-height: 24px; border-radius: 4px; display: inline-block; background-color: #fff; border: solid 1px #e1e2e6; font-size: 12px; color: #515666; cursor: pointer; min-width: 80px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .com-rich-text-outer .rich-text-inner .upload-btn[data-v-53681495]:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1); } .com-rich-text-outer .rich-text-inner .upload-btn .disabled[data-v-53681495] { color: #c6c8d1; } .com-rich-text-outer .rich-text-inner .upload-btn input[data-v-53681495] { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .com-rich-text-outer .rich-text-focus[data-v-53681495] { border-color: var(--primary-color) !important; } .com-rich-text-outer .title-container[data-v-53681495] { width: 100%; position: relative; } .com-rich-text-outer .title-container textarea[data-v-53681495] { width: 100%; border: none; font-size: 16px; font-weight: 600; color: #202437; word-break: break-all; white-space: normal; min-height: 19px; overflow: hidden; } .com-rich-text-outer .title-container textarea[data-v-53681495]::-webkit-input-placeholder { color: #c6c8d1; font-size: 14px; font-family: "SF UI Text"; } .com-rich-text-outer .title-container .title-overlay[data-v-53681495] { min-height: 19px; width: 100%; position: absolute; left: 0; top: 0; visibility: hidden; pointer-events: none; word-break: break-all; white-space: normal; font-size: 16px; font-weight: 600; line-height: normal; } .com-rich-text-outer .file-container[data-v-53681495] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 10px; } .com-rich-text-outer .file-container .attach-area[data-v-53681495] { 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: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0px; } .com-rich-text-outer .file-container .attach-area .bottom-attach[data-v-53681495] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; border: solid 1px var(--primary-color-9); background-color: var(--primary-color-10); -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; 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-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; } .com-rich-text-outer .file-container .attach-area .bottom-attach .fileName[data-v-53681495] { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -moz-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; white-space: nowrap; 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; } .com-rich-text-outer .file-container .attach-area .bottom-attach .fileName span[data-v-53681495]:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -moz-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .com-rich-text-outer .file-container .attach-area .bottom-attach .fileName *[data-v-53681495] { font-size: 12px; color: var(--primary-color); } .com-rich-text-outer .file-container .attach-area .bottom-attach .progress[data-v-53681495] { background: rgba(var(--primary-color-rgb), 0.15); border-radius: 10px; width: 200px; height: 6px; margin-left: 10px; } .com-rich-text-outer .file-container .attach-area .bottom-attach .progress .progress-in[data-v-53681495] { border-radius: 10px; background-color: var(--primary-color); height: 6px; -webkit-transition: all 600ms; transition: all 600ms; } .com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right[data-v-53681495] { margin-left: 10px; } .com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right span[data-v-53681495] { opacity: 0.3; color: var(--primary-color); width: 12px; height: 12px; font-size: 12px; line-height: 1em; } .com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right span[data-v-53681495]:hover { 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!../crm-common/taskRichText/index.vue?vue&type=style&index=1&id=53681495&prod&lang=less& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .rich-text-task .hyperlinks { color: var(--primary-color) !important; cursor: pointer; text-decoration: underline; -webkit-text-decoration-color: var(--primary-color); -moz-text-decoration-color: var(--primary-color); text-decoration-color: var(--primary-color); } .rich-text-task .rich-text-inner .upload-btn:hover { border-color: #e1e2e6 !important; color: #515666 !important; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1); } .rich-text-task .file-container { height: auto; border: none; -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!../crm-common/emailTextGenerator/index.vue?vue&type=style&index=0&id=39f54974&prod&scoped=true&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-39f54974] { color: var(--primary-color) !important; } .hover-underline[data-v-39f54974]:hover { text-decoration: underline; } *[data-v-39f54974] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .generator-wrap .generator_icon[data-v-39f54974] { cursor: pointer; background: #ffffff; } .generator-wrap .generator_icon .icon2017[data-v-39f54974] { display: inline-block; font-size: 16px; color: #ffffff; vertical-align: middle; } .generator-wrap .generator_icon[data-v-39f54974]:hover { background: #f6f7fb; } .generator-wrap .generator_icon:hover .icon2017[data-v-39f54974] { color: var(--primary-color); } .generator-wrap .generator_icon[data-v-39f54974]:active, .generator-wrap .generator_icon[data-v-39f54974]:focus, .generator-wrap .generator_icon.is-open[data-v-39f54974] { border-color: transparent; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), -webkit-linear-gradient(226.04deg, #2460fc 4.75%, #2492fc 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(223.96deg, #2460fc 4.75%, #2492fc 100%); } .generator-wrap .generator_icon:active .icon2017[data-v-39f54974], .generator-wrap .generator_icon:focus .icon2017[data-v-39f54974], .generator-wrap .generator_icon.is-open .icon2017[data-v-39f54974] { font-size: 14px; color: #ffffff !important; } .generator-wrap .generator_icon.text[data-v-39f54974] { height: 30px; width: 30px; line-height: 30px; text-align: center; } .generator-wrap .generator_icon.text .icon2017[data-v-39f54974] { font-size: 16px; color: #a0a3af; } .generator-wrap .generator_icon.text[data-v-39f54974]:hover { background: #f6f7fb; } .generator-wrap .generator_icon.text:hover .icon2017[data-v-39f54974] { color: var(--primary-color); } .generator-wrap .generator_icon.replyEmail[data-v-39f54974], .generator-wrap .generator_icon.newEmail[data-v-39f54974] { width: 30px; height: 30px; text-align: center; border-radius: 4px; } .generator-wrap .generator_icon.replyEmail .icon2017[data-v-39f54974], .generator-wrap .generator_icon.newEmail .icon2017[data-v-39f54974] { font-size: 14px; color: #000000; 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!../crm-common/emailTextGenerator/index.vue?vue&type=style&index=1&id=39f54974&prod&lang=less& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color { color: var(--primary-color) !important; } .hover-underline:hover { text-decoration: underline; } .generator-content-box { padding: 15px; overflow: hidden; } .generator-content-box .generator-content { position: relative; max-width: 640px; background: #fff; } .generator-content-box .generator-content .generator-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; font-weight: 700; font-size: 12px; color: #797e8b; } .generator-content-box .generator-content .generator-header .tips > .icon2017 { font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .tips { font-size: 12px; color: #797e8b; } .generator-content-box .generator-content .generator-template-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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; width: 100%; margin-top: 10px; } .generator-content-box .generator-content .generator-template-list .template-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; background: #ffffff; border-radius: 4px; padding: 0px 10px; font-size: 12px; color: #797e8b; height: 30px; line-height: 30px; border: 1px solid #e1e2e6; cursor: pointer; } .generator-content-box .generator-content .generator-template-list .template-item .icon2017 { font-size: 14px; margin-right: 5px; } .generator-content-box .generator-content .generator-template-list .template-item:hover { border: 1px solid var(--primary-color); color: var(--primary-color); } .generator-content-box .generator-content .generator-template-list .template-item.active { border-color: var(--primary-color); color: var(--primary-color); } .generator-content-box .generator-content .generator-text_empty { padding: 30px 40px; text-align: center; } .generator-content-box .generator-content .generator-text_empty .icon-robot_02 { color: #c6c8d1; font-size: 40px; margin-bottom: 20px; } .generator-content-box .generator-content .generator-text_empty .title { font-weight: 700; font-size: 14px; text-align: center; color: #a0a3af; margin-top: 4px; } .generator-content-box .generator-content .generator-text_empty .subtitle { font-size: 12px; text-align: center; color: #c6c8d1; margin-top: 8px; } .generator-content-box .generator-content .generator-text_box { position: relative; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box { position: relative; width: 100%; height: 120px; background: #ffffff; margin-top: 10px; margin-bottom: 10px; font-weight: 400; font-size: 14px; color: #202437; white-space: nowrap; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .tip { color: #c6c8d1; font-size: 11px; margin-top: 5px; float: right; position: absolute; bottom: 5px; right: 10px; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .tip.max-limit { color: #f0454c; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea { width: 100%; height: 120px; border: 1px solid #c6c8d1; border-radius: 4px; white-space: pre-wrap; padding: 10px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea:hover { border-color: #a0a3af; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea:focus { border-color: var(--primary-color); caret-color: var(--primary-color); } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::-webkit-input-placeholder { font-weight: 400; font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::-moz-placeholder { font-weight: 400; font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea:-ms-input-placeholder { font-weight: 400; font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::-ms-input-placeholder { font-weight: 400; font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::placeholder { font-weight: 400; font-size: 14px; color: #c6c8d1; } .generator-content-box .generator-content .generator-text .btn-group { 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-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!../crm-common/marketingBanner/popup/FormDialog.vue?vue&type=style&index=0&id=1dd9f909&prod&lang=less&scoped=true& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-1dd9f909] { color: var(--primary-color) !important; } .hover-underline[data-v-1dd9f909]:hover { text-decoration: underline; } .container[data-v-1dd9f909] { width: 580px; 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; padding: 20px 30px; -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; gap: 20px; } .row[data-v-1dd9f909] { 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; -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; width: 100%; gap: 10px; margin-bottom: 0; } .row[data-v-1dd9f909] .com-form-label { font-weight: 700; font-size: 14px; line-height: 20px; color: #515666; } .row[data-v-1dd9f909] .com-form-content { width: 100%; } .footer[data-v-1dd9f909] { 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; gap: 10px; } .full-width[data-v-1dd9f909] { width: 100%; } .form-textarea[data-v-1dd9f909] { min-height: 150px; padding: 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!../crm-common/marketingBanner/popup/VideoDialog.vue?vue&type=style&index=0&id=6155b8b6&prod&lang=less&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-6155b8b6] { color: var(--primary-color) !important; } .hover-underline[data-v-6155b8b6]:hover { text-decoration: underline; } .container[data-v-6155b8b6] { width: 900px; padding: 20px 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrapper[data-v-6155b8b6] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -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; gap: 20px; } .video-wrapper[data-v-6155b8b6] { height: 460px; width: 100%; } .title[data-v-6155b8b6] { color: #202437; font-weight: 600; font-size: 24px; line-height: 36px; } .subtitle[data-v-6155b8b6] { color: #515666; font-size: 14px; line-height: 20px; } .btn[data-v-6155b8b6] { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: 300px; height: 40px; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/marketingBanner/popup/ResultDialog.vue?vue&type=style&index=0&id=2a3d8ada&prod&lang=less&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-2a3d8ada] { color: var(--primary-color) !important; } .hover-underline[data-v-2a3d8ada]:hover { text-decoration: underline; } .lofty-work-request-tip-pop[data-v-2a3d8ada] .pop-title { height: 30px; } .lofty-work-request-tip-pop[data-v-2a3d8ada] .pop-footer { border: none; } .lofty-work-request-tip-pop__body[data-v-2a3d8ada] { width: 480px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; 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; } .lofty-work-request-tip-pop__body .type-icon[data-v-2a3d8ada] { font-size: 60px; width: 60px; height: 60px; line-height: 60px; } .lofty-work-request-tip-pop__body .type-icon.icon-type-fail[data-v-2a3d8ada] { color: #f0454c; } .lofty-work-request-tip-pop__body .type-icon.icon-type-success[data-v-2a3d8ada] { color: #20c472; } .lofty-work-request-tip-pop__body .description[data-v-2a3d8ada] { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 25px 0 20px; color: #515666; font-size: 18px; font-weight: 600; line-height: 22px; text-align: center; word-wrap: break-word; } .lofty-work-request-tip-pop__footer[data-v-2a3d8ada] { 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: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; } .lofty-work-request-tip-pop__footer .close-btn[data-v-2a3d8ada] { width: 140px; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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!../crm-common/marketingBanner/index.vue?vue&type=style&index=0&id=2f0ac63e&prod&scoped=true&lang=less& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .chime-primary-color[data-v-2f0ac63e] { color: var(--primary-color) !important; } .hover-underline[data-v-2f0ac63e]:hover { text-decoration: underline; } .container[data-v-2f0ac63e] { border-radius: 4px; width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container .wrapper[data-v-2f0ac63e] { gap: 20px; 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-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; } .container .content[data-v-2f0ac63e] { 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; gap: 10px; color: #ffffff; } .container .icon[data-v-2f0ac63e] { position: absolute; border-radius: 50%; line-height: 20px; text-align: center; width: 20px; height: 20px; } .container .icon[data-v-2f0ac63e]:hover { background-color: rgba(255, 255, 255, 0.1); } .container .icon[data-v-2f0ac63e]::before { color: #ffffff; opacity: 0.3; } .container .btn[data-v-2f0ac63e] { border: none; border-radius: 4px; 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; font-weight: 600; color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .container .btn[data-v-2f0ac63e]:hover { background-color: rgba(255, 255, 255, 0.2); } .container.is-vertical[data-v-2f0ac63e] { padding: 20px; background: url("https://cdn.chime.me/image/fs/sitebuild/202478/6/original_a1be01e9-0159-41d4-b6e3-33fbb4e514fe.png"), url(https://cdn.chime.me/image/fs/sitebuild/2024719/2/original_b8328354-ea48-4a07-a3bf-3c4504c1ae65.png); background-position: bottom -82px center, center; background-size: 90%, cover; background-repeat: no-repeat; width: 320px; height: 260px; position: fixed; right: 20px; bottom: 20px; z-index: 201; } .container.is-vertical .wrapper[data-v-2f0ac63e] { width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 5px 108px 5px; gap: 15px; } .container.is-vertical .title[data-v-2f0ac63e] { padding: 0 10px; font-size: 16px; font-weight: 700; line-height: 20px; } .container.is-vertical .description[data-v-2f0ac63e] { font-size: 12px; line-height: 16px; font-weight: 400; } .container.is-vertical .icon[data-v-2f0ac63e] { right: 10px; top: 10px; } .container.is-vertical .btn[data-v-2f0ac63e] { border: 1px solid #ffffff; width: 178px; height: 32px; font-size: 12px; line-height: 32px; background-color: transparent; } .container.is-vertical .btn[data-v-2f0ac63e]:hover { opacity: 0.75; } .container.is-horizontal[data-v-2f0ac63e] { min-height: 190px; padding: 30px; background: url("https://cdn.chime.me/image/fs/sitebuild/202478/6/original_a1be01e9-0159-41d4-b6e3-33fbb4e514fe.png"), url(https://cdn.chime.me/image/fs/sitebuild/2024718/11/original_251f7dd7-57f7-4f70-a9c8-3441f3cd19b7.png); background-position: right 50px bottom, center; background-size: 39%, cover; background-repeat: no-repeat; margin-top: 20px; width: 780px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .container.is-horizontal .wrapper[data-v-2f0ac63e] { width: 380px; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .container.is-horizontal .title[data-v-2f0ac63e] { font-size: 18px; font-weight: 600; line-height: 25px; } .container.is-horizontal .description[data-v-2f0ac63e] { font-size: 14px; line-height: 18px; font-weight: 400; } .container.is-horizontal .icon[data-v-2f0ac63e] { right: 20px; top: 20px; } .container.is-horizontal .btn[data-v-2f0ac63e] { width: 180px; height: 40px; } .container.is-full-width[data-v-2f0ac63e] { width: 100%; height: 90px; padding: 20px 30px 20px; background: url(https://cdn.chime.me/image/fs/sitebuild/2024719/2/original_8e0a5910-76e3-4193-bf03-7dc681bb875d.png); background-position: center; background-size: cover; background-repeat: no-repeat; 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-bottom: 20px; } .container.is-full-width .icon[data-v-2f0ac63e] { top: 20px; right: 20px; } .container.is-full-width .wrapper[data-v-2f0ac63e] { width: 100%; -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-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; -webkit-box-flex: 1; -webkit-flex: auto 1; -moz-box-flex: 1; -ms-flex: auto 1; flex: auto 1; padding-right: 20px; } .container.is-full-width .title[data-v-2f0ac63e]::before { content: "🏠"; } .container.is-full-width .btn[data-v-2f0ac63e] { width: 176px; height: 36px; font-size: 12px; background-color: transparent; border: 1px solid #ffffff; } .container.is-full-width .btn[data-v-2f0ac63e]:hover { opacity: 0.75; }