/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/commonPop/instanceConfict.vue?vue&type=style&index=0&id=2e90f749&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/commonPop/instanceCheck.vue?vue&type=style&index=0&id=c6cca17a&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/email/components/preview-dialog.vue?vue&type=style&index=0&id=4396117e&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/email/preview.vue?vue&type=style&index=0&id=77277f98&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/email/components/Editor.vue?vue&type=style&index=0&id=0192cd20&prod&lang=less& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.attach-area {
  padding-bottom: 5px;
  -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;
}
.attach-area .bottom-attach .uploadprogress {
  margin-right: 30px;
}
.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 .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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/leadPop/components/phone-type.vue?vue&type=style&index=0&id=45c3dc42&prod&lang=less& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.phone-type {
  position: relative;
}
.phone-type .types,
.phone-type .states {
  padding: 7px 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1);
          box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1);
  border: 1px solid #c6c8d1;
  background: #fff;
  border-radius: 4px;
}
.phone-type .name {
  font-size: 14px;
  color: #515666;
}
.phone-type .types {
  width: 152px;
}
.phone-type .type {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  cursor: pointer;
  -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 20px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.phone-type .type:hover,
.phone-type .type.active {
  background-color: #f6f7fb;
}
.phone-type .type .icon2017 {
  color: #a0a3af;
  font-size: 12px;
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.phone-type .states {
  width: 178px;
  position: absolute;
  top: 0;
  left: 150px;
}
.phone-type .state {
  line-height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 23px 0 20px;
}
.phone-type .state:hover,
.phone-type .state.active {
  background-color: #f6f7fb;
}
.phone-type .state .name {
  margin-left: 5px;
}
.phone-type .state .icon2017:first-child {
  font-size: 16px;
  padding-top: 2px;
}
.phone-type .state .icon2017:last-child {
  font-size: 12px;
  margin-left: auto;
  color: transparent;
}
.phone-type .state.active .icon2017:last-child {
  color: var(--primary-color);
}
.phone-type .state .icon-phone_talk,
.phone-type .state .icon-call_ringing {
  color: #2492fc;
}
.phone-type .state .icon-phone_01,
.phone-type .state .icon-call_01 {
  color: #515666;
}
.phone-type .state .icon-phone_invalid,
.phone-type .state .icon-call_invalid {
  color: #c6c8d1;
}
.phone-type .state .icon-phone_dnc {
  color: #f0454c;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/VariableTag/index.vue?vue&type=style&index=0&id=3fba4a1e&prod&lang=less& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.com-variable-tag .com-dropdown-label {
  padding: 6px 30px 6px 8px;
  font-size: 12px;
}
.com-variable-tag .com-dropdown-label:hover {
  background-color: #ebecf1;
}
.com-variable-tag .com-dropdown-label .icon.icon-sel-triangle.right::before {
  color: #c6c8d1;
}
.text-variable-dropdown {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #c6c8d1;
  width: 250px;
}
.text-variable-dropdown li {
  padding: 5px 20px 5px 15px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.6;
  color: #515666;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-variable-dropdown li:hover {
  background: #f6f7fb;
}
.text-variable-dropdown li.disabled {
  cursor: not-allowed;
}
.text-variable-dropdown li .match {
  color: var(--primary-color);
}
.text-variable-dropdown ul {
  padding: 0;
  margin: 0;
}
.text-variable-dropdown .icon2017 {
  margin-right: 10px;
  font-size: 16px;
  color: #a0a3af;
  display: inline-block;
  vertical-align: middle;
}
.text-variable-dropdown .label-list {
  height: 36px;
  border-bottom: 1px solid #ebecf1;
  line-height: 36px;
  font-size: 14px;
  color: #515666;
  white-space: nowrap;
}
.text-variable-dropdown .label-list .tap {
  cursor: pointer;
  text-align: center;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}
.text-variable-dropdown .label-list .tap::before {
  content: " ";
  position: absolute;
  bottom: 0;
  height: 4px;
  width: 0;
  background-color: var(--primary-color);
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}
.text-variable-dropdown .label-list .tap.active {
  color: var(--primary-color);
}
.text-variable-dropdown .label-list .tap.active::before {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.text-variable-dropdown .text-search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-variable-dropdown .text-search i {
  position: absolute;
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.text-variable-dropdown .text-search input {
  padding-left: 30px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  caret-color: var(--primary-color);
}
.text-variable-dropdown .text-wraper {
  overflow: hidden;
}
.text-variable-dropdown .text-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.text-variable-dropdown .text-content.active {
  -webkit-transform: translate(-100%, 0px);
      -ms-transform: translate(-100%, 0px);
          transform: translate(-100%, 0px);
}
.text-variable-dropdown .text-content ul {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-height: 200px;
  overflow: auto;
}
.text-variable-dropdown .empty {
  text-align: center;
  color: #ccc;
  font-size: 12px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/Additional.vue?vue&type=style&index=0&id=7b04d254&prod&lang=less& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.transaction-additional-wrap {
  font-size: 14px;
  color: #515666;
}
.transaction-additional-wrap .additional-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}
.transaction-additional-wrap .additional-title > .price {
  color: var(--primary-color);
  font-weight: 600;
}
.transaction-additional-wrap .additional-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 25px;
}
.transaction-additional-wrap .additional-label .label-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.15;
}
.transaction-additional-wrap .additional-label .label-item + .label-item {
  margin-left: 10px;
}
.transaction-additional-wrap .additional-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transaction-additional-wrap .additional-form .form-item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 36px;
  line-height: 34px;
}
.transaction-additional-wrap .additional-form .form-item .validate-tip {
  display: none;
}
.transaction-additional-wrap .additional-form .form-item.error-item .validate-tip {
  display: block;
}
.transaction-additional-wrap .additional-form .form-item + .form-item {
  margin-left: 20px;
}
.transaction-additional-wrap .additional-form .delete-icon {
  margin-left: 20px;
  font-size: 16px;
  color: #f0454c;
  border: 1px solid #e1e2e6;
  border-radius: 4px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
.transaction-additional-wrap .additional-form .delete-icon:hover {
  opacity: 0.6;
}
.transaction-additional-wrap .additional-detail-wrap + .add-btn {
  margin-top: 20px;
}
.transaction-additional-wrap .add-btn {
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px dashed var(--primary-color);
  text-align: center;
  line-height: 36px;
  color: var(--primary-color);
  cursor: pointer;
}
.transaction-additional-wrap .add-btn:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.transaction-additional-wrap .add-btn .icon-add_bold {
  margin-right: 10px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/CommissionInputNumber.vue?vue&type=style&index=0&id=86bc956e&prod&lang=less& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.commission-input-number {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: solid 1px #c6c8d1;
  border-radius: 4px;
}
.commission-input-number .add-icon {
  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;
}
.commission-input-number .chime-input-number-wrap {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 80px;
}
.commission-input-number .chime-input-number-wrap .chime-input {
  border: none;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.commission-input-number .chime-input-number-wrap .icon-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;
}
.commission-input-number.commission-input_composite .chime-input {
  border-right: solid 1px #c6c8d1;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.commission-input-number .commission-input-number-select {
  width: 36px;
  height: 36px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: pointer;
}
.commission-input-number .commission-input-number-select .com-dropdown-body {
  padding: 0;
  border: none;
  text-align: center;
}
.commission-input-number .commission-input-number-select .com-dropdown-body .number {
  line-height: 36px;
}
.commission-input-number .commission-input-number-select .com-dropdown-body .number span {
  font-size: 16px;
  color: #a0a3af;
}
.commission-input-number .commission-input-Number-drop {
  margin-top: -5px;
}
.commission-input-number .commission-input-Number-drop .com-dropdown-content {
  border: none;
}
.commission-input-number .commission-input-Number-drop .percent-input {
  position: relative;
  padding: 4px 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: 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: 4px;
  color: white;
  z-index: 1;
}
.commission-input-number .commission-input-Number-drop .chime-input-number_step {
  display: none;
}
.commission-input-number .commission-input-Number-drop .arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(32, 36, 55, 0.95) 50%);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(32, 36, 55, 0.95) 50%);
  left: 50%;
  margin-left: -4px;
  top: -4px;
  border: none;
}
.commission-input-number .commission-input-Number-drop .chime-input-val2 {
  border-radius: 4px;
}
.commission-input-number .commission-input-Number-drop input.chime-input {
  height: 28px;
  border: none;
  background: #515666;
  border: 1px solid #A0A3AF;
  border-radius: 4px;
  line-height: 26px;
  width: 60px;
  color: white;
  text-align: center;
}
.commission-input-number .commission-input-Number-drop .text {
  color: #C6C8D1;
  margin-left: 5px;
}
.commission .com-form-content.content-error .commission-input-number {
  border: solid 1px #f0454c;
}
.commission .com-form-content.content-error .commission-input-number .com-dropdown-label {
  border: none !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/CommissionPersonSelect.vue?vue&type=style&index=0&id=6416db23&prod&lang=less& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.commission-person-select {
  height: 100%;
  cursor: pointer;
}
.commission-person-select .commission-label {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #c6c8d1;
  border-radius: 4px;
}
.commission-person-select .commission-label .person-name {
  color: #202437;
  font-size: 14px;
}
.commission-person-select .commission-label .person-label {
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 12px;
  line-height: 14px;
  margin-left: 10px;
  margin-right: 15px;
}
.commission-person-select .commission-label .person-label.symbol-g {
  border: 1px solid #BFF6C5;
  border-radius: 4px;
  color: #20C472;
  background: #E7FFE3;
}
.commission-person-select .commission-label .person-label.symbol-y {
  border: 1px solid #FEF8E4;
  border-radius: 4px;
  color: #FFA600;
  background: #FEF8E4;
}
.commission-person-select .commission-label .person-label.symbol-b {
  border: 1px solid #CEEDFE;
  border-radius: 4px;
  color: #2492FC;
  background: #E7F6FF;
}
.commission-person-select .commission-label i {
  margin-left: auto;
  position: absolute;
  right: 10px;
}
.commission-person-select .commission-label i.up {
  position: absolute;
  top: 50%;
}
.commission-select-dropdown {
  width: 189px;
  border: 1px solid #E1E2E6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px 0;
}
.commission-select-dropdown .member {
  color: #515666;
  height: 32px;
  cursor: pointer;
}
.commission-select-dropdown .member:hover {
  background: #F6F7FB;
}
.commission-select-dropdown .member .normal-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  height: 32px;
  font-size: 14px;
}
.commission-select-dropdown .member.with-drop .com-dropdownbox {
  width: 100%;
}
.commission-select-dropdown .member.with-drop .com-dropdown-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  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;
  color: #515666;
  height: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.commission-select-dropdown .member.with-drop .com-dropdown-body span {
  font-size: 12px;
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.commission-select-dropdown .member.with-drop .filters-list {
  width: 290px;
  padding: 4px 0;
  border: 1px solid #E1E2E6;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 10, 30, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 10, 30, 0.1);
  border-radius: 4px;
}
.commission-select-dropdown .member.with-drop .filters-list .com-Input input {
  border: none;
  height: 36px;
}
.commission-select-dropdown .member.with-drop .filters-list .com-select-list {
  padding: 0;
  max-height: none;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-list-input {
  padding: 0 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-list-input i {
  font-size: 16px;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-list-container {
  height: 270px;
  overflow: auto;
  width: 100%;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item {
  height: 75px;
  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;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item .right-info {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 10px;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item .right-info p {
  font-size: 14px;
  line-height: 17px;
  color: #515666;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item .right-info .contact {
  color: #A0A3AF;
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item.active {
  color: var(--primary-color);
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item:hover {
  background: #F6F7FB;
}
.commission-select-dropdown .member.with-drop .filters-list .filter-item > span {
  color: var(--primary-color);
  margin-left: auto;
}
.commission-select-dropdown .member.active .normal-text {
  color: var(--primary-color);
}
.commission-select-dropdown .member.active .com-dropdown-body {
  color: var(--primary-color);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/CommissionAdditional.vue?vue&type=style&index=0&id=7a888442&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-7a888442] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-7a888442]:hover {
  text-decoration: underline;
}
.commission-additional[data-v-7a888442] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.commission-additional .commission-additional-form[data-v-7a888442] {
  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;
}
.commission-additional .commission-additional-form .addition-form-item[data-v-7a888442] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
  margin-bottom: 0px;
}
.commission-additional .commission-additional-form .addition-form-item .com-form-content[data-v-7a888442] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.commission-additional .commission-additional-form .addition-form-item .com-form-content .item-label[data-v-7a888442] {
  color: #515666;
  margin-bottom: 10px;
  font-size: 14px;
}
.commission-additional .commission-additional-form .addition-form-item .com-form-content .item-control[data-v-7a888442] {
  height: 36px;
}
.commission-additional .commission-additional-form .commission-select[data-v-7a888442] {
  height: 100%;
}
.commission-additional .commission-additional-form .commission-select .commission-label[data-v-7a888442] {
  height: 100%;
}
.commission-additional .edit-btn[data-v-7a888442] {
  border: 1px solid #C6C8D1;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin-left: 5px;
  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;
  cursor: pointer;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.commission-additional .edit-btn span[data-v-7a888442] {
  color: #F0454C;
  font-size: 14px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/module/commission.vue?vue&type=style&index=0&id=1df35e38&prod&lang=less& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.commission.commission-pop-module {
  overflow-x: hidden ;
}
.commission.commission-pop-module .form-item {
  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;
  margin-right: 10px;
}
.commission.commission-pop-module .form-item .form-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}
.commission.commission-pop-module .form-item .form-control {
  height: 36px;
}
.commission.commission-pop-module .form-item.necessary .form-label::after {
  content: " *";
  color: #F0454C;
}
.commission.commission-pop-module .form-item:last-child {
  margin-right: 0;
}
.commission.commission-pop-module .form-item .chime-input-val {
  width: 320px;
}
.commission.commission-pop-module .content {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.commission.commission-pop-module .content .com-form-item {
  width: auto;
}
.commission.commission-pop-module .content .split-item {
  border-top: 1px solid #EBECF1;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
}
.commission.commission-pop-module .content .split-item.presplit {
  margin-top: 0px;
}
.commission.commission-pop-module .content .split-item .split-header {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #202437;
  margin-bottom: 20px;
  position: relative;
}
.commission.commission-pop-module .content .split-item .split-header .split-tip {
  font-size: 14px;
  color: #c6c8d1;
  cursor: pointer;
  margin: 0px 5px 0 5px;
}
.commission.commission-pop-module .content .split-item .split-header p {
  position: absolute;
  color: #F0454C;
  bottom: -17px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  left: 0;
}
.commission.commission-pop-module .content .split-item .split-header-amount {
  color: var(--primary-color);
}
.commission.commission-pop-module .content .split-item .split-header-amount-2 {
  margin-left: auto;
  color: #515666;
  font-weight: 400;
}
.commission.commission-pop-module .content .split-item .split-header-amount-2 span {
  margin-left: 5px;
  color: var(--primary-color);
  font-weight: 600;
}
.commission.commission-pop-module .content .split-item .post-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EBECF1;
}
.commission.commission-pop-module .content .split-item .post-item .post-item-header {
  font-weight: 600;
  margin-bottom: 15px;
  color: #515666;
}
.commission.commission-pop-module .content .split-item .post-item .post-item-header span {
  font-size: 14px;
}
.commission.commission-pop-module .content .split-item .post-item:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
.commission.commission-pop-module .content .split-item .add-btn {
  height: 40px;
  border-radius: 4px;
  border: 1px dashed var(--primary-color);
  text-align: center;
  line-height: 36px;
  color: var(--primary-color);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.commission.commission-pop-module .content .split-item .add-btn span {
  margin-right: 10px;
  font-size: 12px;
}
.commission.commission-pop-module .content .split-item .add-btn:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.commission.commission-pop-module .content .split-item:last-child {
  border-bottom: 1px solid #EBECF1;
}
.commission.commission-pop-module .content .overview {
  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;
}
.commission.commission-pop-module .content .overview .commission-input-number {
  width: 320px;
}
.commission.commission-pop-module .content .payment {
  border-top: 1px solid #EBECF1;
  padding: 20px 0px 10px;
  margin-bottom: 20px;
}
.commission.commission-pop-module .content .payment .revenue {
  width: 100%;
  background: #F6F7FB;
  margin-top: 10px;
  border-radius: 4px;
  padding: 10px 0 10px 10px;
}
.commission.commission-pop-module .content .payment .revenue .revenue-item {
  margin-top: 10px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.commission.commission-pop-module .content .payment .revenue .revenue-item:not(.revenue-top) {
  position: relative;
  padding-left: 20px;
}
.commission.commission-pop-module .content .payment .revenue .revenue-item:not(.revenue-top)::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--primary-color);
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -3px;
  border-radius: 50%;
}
.commission.commission-pop-module .content .payment .revenue .revenue-item .l-title {
  color: #202437;
  font-weight: 500;
}
.commission.commission-pop-module .content .payment .revenue .revenue-item .r-dollar {
  color: var(--primary-color);
  margin-left: 5px;
  font-weight: 600;
}
.commission.commission-pop-module .content .payment .revenue .revenue-top {
  margin-top: 0px;
}
.commission.commission-pop-module .form-item__error {
  z-index: 1;
}
.commission.commission-pop-module .overview {
  margin-top: 0;
  border-bottom: none;
}
.commission.commission-pop-module .commission-additional .addition-form-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin-bottom: 10px;
}
.commission.commission-pop-module .commission-additional .addition-form-item:nth-child(2n) {
  margin-right: 0;
}
.commission.commission-pop-module .commission-additional .addition-form-item:nth-child(n+3) {
  margin-bottom: 0;
}
.commission.commission-pop-module .commission-additional .commission-additional-form {
  padding-top: 0;
  border-bottom: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/SelectAssign4Role.vue?vue&type=style&index=0&id=a5f4c4f8&prod&lang=less& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.SelectAssign4Role {
  color: #515666;
  font-size: 14px;
}
.select-assign_role .com-dropdown-label:hover {
  border-color: #a0a3af;
}
.select-assign_role.open .com-dropdown-label {
  border-color: var(--primary-color);
}
.select-assign-dropdown_role .clear {
  text-align: center;
  line-height: 32px;
  font-weight: 600;
  cursor: pointer;
}
.select-assign-dropdown_role .search-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 10px;
  font-size: 14px;
}
.select-assign-dropdown_role .search-bar .icon2017 {
  font-size: 16px;
  color: #c6c8d1;
  margin-right: 10px;
}
.select-assign-dropdown_role .search-bar input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 34px;
  border: none;
}
.select-assign-dropdown_role .search-list-basic {
  max-height: 150px;
  overflow: auto;
}
.select-assign-dropdown_role .search-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;
  height: 32px;
  cursor: pointer;
}
.select-assign-dropdown_role .search-item .icon2017 {
  color: var(--primary-color);
  display: none;
  font-size: 12px;
}
.select-assign-dropdown_role .search-item .info .email {
  color: #a0a3af;
}
.select-assign-dropdown_role .search-item:hover {
  background-color: #f6f7fb;
}
.select-assign-dropdown_role .search-item.active .icon2017 {
  display: block;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/TextTemplate/index.vue?vue&type=style&index=0&id=22820b0e&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.com-text-template .com-dropdown-label {
  padding: 6px 30px 6px 8px;
  font-size: 12px;
}
.com-text-template .com-dropdown-label.noborder {
  padding: 2px 30px 0 15px;
  color: #a0a3af;
}
.com-text-template .com-dropdown-label .icon.icon-sel-triangle.right:before {
  color: #c6c8d1;
}
.com-tabSelect {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
}
.com-tabSelect .label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 14px;
  color: #797e8b;
  padding: 0 15px 0 0px;
  border-bottom: 1px solid #ebecf1;
}
.com-tabSelect .label-wrap .label-item {
  width: 130px;
  text-align: center;
  height: 37px;
  line-height: 37px;
  cursor: pointer;
  white-space: nowrap;
}
.com-tabSelect .label-wrap .label-item.active {
  color: var(--primary-color);
}
.com-tabSelect .label-wrap .icon-settings_01 {
  position: relative;
  font-size: 14px;
  color: #515666;
  cursor: pointer;
  line-height: 37px;
  margin-left: 15px;
}
.com-tabSelect .label-wrap .icon-settings_01:hover {
  color: var(--primary-color);
}
.com-tabSelect .label-wrap .checked-line {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: var(--primary-color);
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.com-tabSelect .search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  margin-top: 5px;
  padding: 0 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.com-tabSelect .search-wrap .search-icon {
  height: 12px;
  font-size: 12px;
  margin-right: 5px;
  color: #c6c8d1;
  line-height: 1;
}
.com-tabSelect .search-wrap .search-icon::before {
  content: "\E9C8";
}
.com-tabSelect .search-wrap input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  height: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  background: #fff;
  caret-color: var(--primary-color);
}
.com-tabSelect .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  padding: 0;
  max-height: 160px;
  min-height: 32px;
}
.com-tabSelect .list {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  overflow: auto;
  padding: 6px 0;
}
.com-tabSelect .list .list-item {
  cursor: pointer;
  height: 32px;
  padding: 0 15px;
  line-height: 32px;
  font-size: 14px;
  color: #515666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-tabSelect .list .list-item:hover {
  background-color: #f6f7fb;
}
.com-tabSelect .list .list-item .match {
  color: var(--primary-color);
}
.com-tabSelect .list .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  color: #ccc;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/components/menus/index.vue?vue&type=style&index=0&id=e6c385c4&prod&lang=less& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.crm-header-v2.crm-header .menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-right: auto;
}
.crm-header-v2.crm-header .menu-list .calMenu {
  z-index: -1;
  position: absolute;
  top: -1000px;
}
.crm-header-v2.crm-header .menu-list .main-ruler {
  z-index: -1;
  position: absolute;
  top: -1000px;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.crm-header-v2.crm-header .menu-list .icon2017 {
  cursor: pointer;
  color: #b5bacc;
  margin: 0 10px;
  font-size: 24px;
}
.crm-header-v2.crm-header .menu-list .small-menu-icon {
  padding: 3px 8px;
  border-radius: 5px;
  vertical-align: middle;
}
.crm-header-v2.crm-header .menu-list .small-menu-icon.active {
  color: #797e8b;
  background-color: #f5f5f5;
}
.crm-header-v2.crm-header .menu-list .list-item {
  position: relative;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  margin-right: 30px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.crm-header-v2.crm-header .menu-list .list-item a,
.crm-header-v2.crm-header .menu-list .list-item span {
  color: var(--upgrade-header-text-Color);
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
}
.crm-header-v2.crm-header .menu-list .list-item .red-point::after {
  width: 5px;
  height: 5px;
  border: none;
  position: absolute;
  top: 10px;
  right: -5px;
}
.crm-header-v2.crm-header .menu-list .list-item .red-text::after {
  position: absolute;
  left: unset;
  right: -30px;
}
.crm-header-v2.crm-header .menu-list .list-item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background: var(--upgrade-header-underline-Color);
  left: 50%;
  bottom: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.crm-header-v2.crm-header .menu-list .list-item:hover a,
.crm-header-v2.crm-header .menu-list .list-item:hover span {
  color: var(--upgrade-header-underline-Color);
}
.crm-header-v2.crm-header .menu-list .list-item:hover::after {
  left: 0;
  width: 100%;
}
.crm-header-v2.crm-header .menu-list .list-item.curr-menu a,
.crm-header-v2.crm-header .menu-list .list-item.curr-menu span {
  color: var(--upgrade-header-underline-Color);
}
.crm-header-v2.crm-header .menu-list .list-item.curr-menu::after {
  left: 0;
  width: 100%;
}
.crm-header-v2.crm-header .menu-list .list-item .header-beta {
  position: absolute;
  width: 24px;
  height: 12px;
  right: 0;
  top: 4px;
}
.crm-header-v2.crm-header .menu-list .header-small-nav .smallList {
  color: var(--upgrade-header-smalllist-Color);
}
.crm-header-v2.crm-header .menu-list .header-small-nav .smallList .more {
  cursor: pointer;
}
.crm-header-v2.crm-header .menu-list .header-small-nav .smallList span {
  font-size: 15px;
  font-weight: 500;
}
.crm-header-v2.crm-header .menu-list .header-small-nav .smallList i {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  font-size: 12px;
  -webkit-transform: rotateZ(0);
      -ms-transform: rotate(0);
          transform: rotateZ(0);
  color: var(--upgrade-header-smalllist-Color);
}
.crm-header-v2.crm-header .menu-list .header-small-nav .smallList.openSync i {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.crm-header-v2.crm-header .curr-menu .icon2017 {
  color: var(--primary-color);
  text-shadow: 0 4px 4px rgba(var(--primary-color-rgb), 0.2);
}
.small-list-dropdown-container {
  -webkit-transform: translateY(17px);
      -ms-transform: translateY(17px);
          transform: translateY(17px);
  border-radius: 5px;
  border: 1px solid #ebecf1;
}
.header-menu-list {
  width: 170px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0;
  background: #ffffff;
  margin: 0;
}
.header-menu-list .list-item {
  font-size: 14px;
  height: 38px;
  color: #515666;
  background-color: #fff;
  padding: 0 10px;
  cursor: pointer;
}
.header-menu-list .list-item .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.header-menu-list .list-item:hover {
  background: #f6f7fb;
  border-radius: 4px;
  color: var(--primary-color);
}
.header-menu-list .list-item:hover .icon2017 {
  color: var(--primary-color);
}
.header-menu-list .list-item .icon2017 {
  margin-right: 10px;
  font-size: 14px;
  color: #515666;
}
.header-menu-list .list-item.active span {
  color: var(--primary-color);
}
.home .list-item > .icon-chime_03,
.people .list-item > .icon-people_04,
.people-detail .list-item > .icon-people_04,
.tasks .list-item > .icon-task_complete_02,
.campaigns .list-item > .icon-campaign_01,
.report .list-item > .icon-reporting_02,
.listingmgmt .list-item > .icon-listing_management,
.smartlisting .list-item > .icon-listing_management,
.transactionmgmt .list-item > .icon-dollor,
.transaction-detail .list-item > .icon-dollor,
.activities .list-item > .icon-activities_04,
.settings .list-item > .icon-settings_02,
.website .list-item > .icon-idx,
.marketplace .list-item > .icon-marketplace_01 {
  color: var(--primary-color);
  text-shadow: 0 4px 6px rgba(var(--primary-color-rgb), 0.2);
}
.home .list-item > .icon-chime_03:hover,
.people .list-item > .icon-people_04:hover,
.people-detail .list-item > .icon-people_04:hover,
.tasks .list-item > .icon-task_complete_02:hover,
.campaigns .list-item > .icon-campaign_01:hover,
.report .list-item > .icon-reporting_02:hover,
.listingmgmt .list-item > .icon-listing_management:hover,
.smartlisting .list-item > .icon-listing_management:hover,
.transactionmgmt .list-item > .icon-dollor:hover,
.transaction-detail .list-item > .icon-dollor:hover,
.activities .list-item > .icon-activities_04:hover,
.settings .list-item > .icon-settings_02:hover,
.website .list-item > .icon-idx:hover,
.marketplace .list-item > .icon-marketplace_01:hover {
  color: var(--primary-color);
}
.home .header-menu-list .list-item[title="Chime"],
.people .header-menu-list .list-item[title="People"],
.people-detail .header-menu-list .list-item[title="People"],
.tasks .header-menu-list .list-item[title="Tasks"],
.report .header-menu-list .list-item[title="Reporting"],
.activities .header-menu-list .list-item[title="Activities"],
.settings .header-menu-list .list-item[title="Settings"],
.billings .header-menu-list .list-item[title="Billing"],
.marketplace .header-menu-list .list-item[title="Marketplace"],
.listingmgmt .header-menu-list .list-item[title="Listing Discovery"],
.transactionmgmt .header-menu-list .list-item[title="Transactions"],
.transaction-detail .header-menu-list .list-item[title="Transactions"],
.website .header-menu-list .list-item[title="Website"],
.campaigns .header-menu-list .list-item[title="Campaigns"] {
  color: var(--upgrade-theme-Color);
}
.home .header-menu-list .list-item[title="Chime"] .icon2017,
.people .header-menu-list .list-item[title="People"] .icon2017,
.people-detail .header-menu-list .list-item[title="People"] .icon2017,
.tasks .header-menu-list .list-item[title="Tasks"] .icon2017,
.report .header-menu-list .list-item[title="Reporting"] .icon2017,
.activities .header-menu-list .list-item[title="Activities"] .icon2017,
.settings .header-menu-list .list-item[title="Settings"] .icon2017,
.billings .header-menu-list .list-item[title="Billing"] .icon2017,
.marketplace .header-menu-list .list-item[title="Marketplace"] .icon2017,
.listingmgmt .header-menu-list .list-item[title="Listing Discovery"] .icon2017,
.transactionmgmt .header-menu-list .list-item[title="Transactions"] .icon2017,
.transaction-detail .header-menu-list .list-item[title="Transactions"] .icon2017,
.website .header-menu-list .list-item[title="Website"] .icon2017,
.campaigns .header-menu-list .list-item[title="Campaigns"] .icon2017 {
  color: var(--upgrade-theme-Color);
}
.crm-header-v2 .header-small-nav {
  display: block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/components/search/index.vue?vue&type=style&index=0&id=0883dc82&prod&lang=less&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-0883dc82] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-0883dc82]:hover {
  text-decoration: underline;
}
.headerV2-search[data-v-0883dc82] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.headerV2-search-wrap.header-search-wrap[data-v-0883dc82] {
  width: 640px;
  height: 40px;
  border-radius: 20px;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: white;
}
.headerV2-search-wrap.header-search-wrap .input-box[data-v-0883dc82] {
  width: 100%;
  height: 40px;
  border: 1px solid var(--primary-color);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 15px;
}
.headerV2-search-wrap.header-search-wrap .input-box i[data-v-0883dc82] {
  display: inline-block;
  width: 16px;
  line-height: 38px;
  text-align: left;
  font-size: 16px;
  color: #c6c8d1;
}
.headerV2-search-wrap.header-search-wrap .input-box input[data-v-0883dc82] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border: none;
}
.header-search-result[data-v-0883dc82] {
  width: 100% !important;
}
.header-search-result .empty[data-v-0883dc82] {
  height: 86px;
  line-height: 86px;
  text-align: center;
  color: #c6c8d1;
  font-size: 12px;
}
.header-search-result .item[data-v-0883dc82] {
  font-size: 14px;
  position: relative;
  text-align: left;
  color: #515666;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header-search-result .item .click-item[data-v-0883dc82] {
  padding: 15px 10px;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-search-result .item.hover[data-v-0883dc82],
.header-search-result .item[data-v-0883dc82]:hover {
  background-color: #f6f7fb;
}
.header-search-result .item .title[data-v-0883dc82] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-search-result .item .title .name[data-v-0883dc82] {
  max-width: 125px;
  color: #515666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
  font-weight: 700;
  height: 16px;
}
.header-search-result .item .title .info[data-v-0883dc82] {
  font-size: 12px;
  color: #c6c8d1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-search-result .item .detail-data[data-v-0883dc82] {
  padding-top: 10px;
  font-size: 12px;
  color: #a0a3af;
}
.header-search-result .item .detail-data .detail-item[data-v-0883dc82] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}
.header-search-result .item .detail-data .detail-item[data-v-0883dc82]:first-child {
  margin-top: 0;
}
.header-search-result .item .detail-data .value[data-v-0883dc82] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-search-result .item .icon-info[data-v-0883dc82] {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 14px;
  overflow: hidden;
}
.header-search-result .item .icon-info[data-v-0883dc82]::before,
.header-search-result .item .icon-info[data-v-0883dc82]::after {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: 0;
  border-radius: 90%;
  text-align: center;
}
.header-search-result .item .icon-info.seller[data-v-0883dc82]::after {
  content: "S";
  right: 0;
  background: #2cd781;
}
.header-search-result .item .icon-info.buyer[data-v-0883dc82]::before {
  content: "B";
  left: 0;
  background: #2492fc;
}
.header-search-result .item .icon-info.buyer.seller[data-v-0883dc82] {
  width: 30px;
}
.header-search-result .item .icon-info.renter[data-v-0883dc82]::before {
  content: "R";
  left: 0;
  background: #6bcbff;
}
.header-search-result .item .note-detail[data-v-0883dc82] {
  width: 400px;
  max-height: 36px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  color: #515666;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
}
.header-search-result .item[data-v-0883dc82]:nth-child(1) {
  margin-top: 6px;
}
.header-search-result .item[data-v-0883dc82]:nth-last-child(2) {
  margin-bottom: 6px;
}
.header-search-result .keyword[data-v-0883dc82] {
  color: var(--primary-color);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/components/search/index.vue?vue&type=style&index=1&id=0883dc82&prod&lang=less&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-0883dc82] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-0883dc82]:hover {
  text-decoration: underline;
}
.flex-col[data-v-0883dc82] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-row[data-v-0883dc82] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.headerV2-search-wrap.header-search-wrap .search-result-box[data-v-0883dc82] {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  line-height: 1;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1);
          box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1);
  border: solid 1px #c6c8d1;
  background-color: #ffffff;
  z-index: 2;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .search-tab[data-v-0883dc82] {
  width: 100%;
  border-bottom: 1px solid #e1e2e6;
  height: 36px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .search-tab .tab[data-v-0883dc82] {
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  font-weight: 700;
  color: #515666;
  cursor: pointer;
  padding: 0 10px;
  margin-right: 10px;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .search-tab .active[data-v-0883dc82] {
  color: var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
}
.headerV2-search-wrap.header-search-wrap .search-result-box .search-result[data-v-0883dc82] {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .result-height[data-v-0883dc82] {
  max-height: 340px;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .note-result[data-v-0883dc82] {
  max-height: 340px;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .note-result .header-search-result .item .name[data-v-0883dc82] {
  font-weight: normal;
  color: #a0a3af;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .loadStatus[data-v-0883dc82] {
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #fafbfd;
  color: #a0a3af;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .view-more[data-v-0883dc82] {
  padding: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: var(--primary-color);
  border-top: 1px solid #ebecf1;
  cursor: pointer;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .view-more[data-v-0883dc82]:hover {
  background-color: #f6f7fb;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .view-more .link[data-v-0883dc82] {
  display: block;
}
.headerV2-search-wrap.header-search-wrap .search-result-box .bottom-radius[data-v-0883dc82] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/components/user/index.vue?vue&type=style&index=0&id=94cd05b8&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.crm-header.crm-header-v2 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.crm-header.crm-header-v2 .profile-picture {
  position: relative;
  cursor: pointer;
  margin-left: 0px;
  padding-right: 0px;
  width: 30px;
  height: 30px;
  overflow: initial;
}
.crm-header.crm-header-v2 .profile-picture .user-logo {
  position: absolute;
  opacity: 0;
  border-radius: 50%;
}
.crm-header.crm-header-v2 .profile-picture .user-logo.horizontal {
  height: 30px;
  top: 0px;
  left: 0px;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
      transform: translateX(0%);
  opacity: 0.9;
  object-fit: cover;
  width: 30px;
}
.crm-header.crm-header-v2 .profile-picture .user-logo.vertical {
  width: 30px;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  opacity: 0.9;
}
.crm-header.crm-header-v2 .profile-picture .user-logo.vertical:hover,
.crm-header.crm-header-v2 .profile-picture .user-logo.horizontal:hover {
  opacity: 1;
}
.crm-header.crm-header-v2 .profile-picture > .frame {
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 2;
  position: absolute;
}
.crm-header.crm-header-v2 .crm-headerV2-main .right-box .framebox {
  width: 44px;
  overflow: hidden;
  height: 100%;
}
.crm-header.crm-header-v2 .crm-headerV2-main .right-box .framebox .com-dropdown-body {
  height: 100%;
}
.crm-header.crm-header-v2 .crm-headerV2-main .right-box .framebox .com-dropdown-body .profile-picture {
  overflow: initial;
  top: 15px;
  left: 7px;
}
.crm-header.crm-header-v2 .crm-headerV2-main .right-box .framebox .com-dropdown-body .profile-picture .frame {
  width: initial;
  height: initial;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  left: 0px;
  z-index: 2;
  position: absolute;
}
.crm-header.crm-header-v2 .crm-headerV2-main .right-box .framebox .com-dropdown-body .profile-picture .user-logo {
  width: 30px;
  left: 0px;
}
.headerV2-frame-person {
  height: 169px;
  min-width: 218px;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #515666;
}
.headerV2-frame-person .photo-box {
  width: 50px;
  height: 50px;
  position: relative;
  margin-top: 20px;
}
.headerV2-frame-person .photo-box .user {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.headerV2-frame-person .photo-box .frame {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 50px;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  z-index: 2;
}
.headerV2-frame-person p {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin: 20px 0 10px;
}
.headerV2-frame-person span {
  color: #326648;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}
.header-user-list {
  width: 220px;
  font-size: 14px;
  color: #515666;
}
.header-user-list .list-item {
  margin: 6px 0;
  padding: 0 20px;
  line-height: 40px;
  background: #fff;
  cursor: pointer;
}
.header-user-list .list-item.avatar {
  cursor: default;
}
.header-user-list .list-item.avatar:hover {
  background-color: #fff;
}
.header-user-list .list-item.instance {
  padding: 0 2px;
}
.header-user-list .list-item.instance .com-dropdown-body {
  padding: 0 18px;
}
.header-user-list .list-item.logout {
  text-align: center;
  color: #f0454c;
  line-height: 38px;
  font-size: 14px;
}
.header-user-list .list-item:hover {
  background: #f6f7fb;
}
.header-user-list .list-item .link {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.header-user-list .list-item .link.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header-user-list .list-item .link-arrow {
  margin-left: auto;
  font-size: 10px;
  color: #a0a3af;
}
.header-user-list .split-line {
  height: 0;
  border-top: 1px solid #ebecf1;
}
.header-user-list .list-item-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 22px;
}
.header-user-list .list-item-avatar .photo-box {
  width: 74px;
  height: 74px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.header-user-list .list-item-avatar .photo-box > .frame {
  width: 74px;
  height: 74px;
  object-fit: contain;
  z-index: 2;
  position: absolute;
}
.header-user-list .list-item-avatar .photo-box > .user-logo {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 30px;
  left: 7px;
  top: 7px;
}
.header-user-list .list-item-avatar .user-name {
  color: #515666;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  line-height: normal;
  margin-bottom: 6px;
}
.header-user-list .list-item-avatar .user-company {
  color: #a0a3af;
  line-height: normal;
  font-size: 12px;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
}
.headerV2-user-list {
  font-size: 14px;
  color: #515666;
  border: 1px solid #ebecf1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 10, 30, 0.1);
          box-shadow: 0px 2px 10px rgba(0, 10, 30, 0.1);
  padding: 10px;
  overflow: hidden;
}
.headerV2-user-list .list-item {
  width: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  height: 38px;
  cursor: pointer;
}
.headerV2-user-list .list-item .header-instance-dropdown-container {
  -webkit-transform: translate(-20px, -5px);
      -ms-transform: translate(-20px, -5px);
          transform: translate(-20px, -5px);
}
.headerV2-user-list .list-item .com-dropdown-body {
  width: 100%;
  height: 100%;
}
.headerV2-user-list .list-item .flex-line {
  width: 100%;
  height: 100%;
}
.headerV2-user-list .list-item .flex-line > a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerV2-user-list .list-item .flex-line > a i {
  margin-right: 10px;
}
.headerV2-user-list .list-item .dropdown-line {
  height: 38px;
}
.headerV2-user-list .list-item:hover {
  background: #f6f7fb;
  border-radius: 4px;
}
.headerV2-user-list .list-item:hover .flex-line {
  color: var(--primary-color);
}
.headerV2-user-list .list-item.logout .flex-line {
  color: #f0454c;
}
.header-instance-dropdown {
  --clear-blue: var(--primary-color);
  width: 240px;
  border-radius: 4px;
  background-color: #ffffff;
}
.header-instance-dropdown .icon2017 {
  font-size: 12px;
}
.header-instance-dropdown .header-instance-dropdown-item {
  font-size: 14px;
  margin: 6px 0;
  padding: 0 20px;
  line-height: 40px;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header-instance-dropdown .header-instance-dropdown-item:hover {
  background: #f6f7fb;
}
.header-instance-dropdown .header-instance-dropdown-item.selected {
  color: var(--clear-blue);
}
.header-instance-dropdown .header-instance-dropdown-item.selected .icon2017 {
  margin-left: auto;
}
.header-instance-dropdown .header-instance-dropdown-item.add-item {
  color: var(--clear-blue);
  border-top: 1px solid #ebecf1;
  text-align: center;
}
.header-instance-dropdown .header-instance-dropdown-item.add-item .icon2017 {
  margin-right: 5px;
}
.header-instance-dropdown .header-instance-dropdown-item .item-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 184px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  margin-right: 10px;
}
.header-dropdown .com-dropdown-content {
  border: 1px solid #c6c8d1;
}
.header-dropdown.headerV2-dropdown .com-dropdown-content {
  border: none;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/components/help/index.vue?vue&type=style&index=0&id=63956f3c&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.header-help-dropdown {
  overflow: auto;
  width: 220px;
}
.header-help-dropdown .help-list {
  margin: 6px 0;
}
.header-help-dropdown .list-item {
  line-height: 40px;
  font-size: 14px;
  padding: 0 20px;
  color: #515666;
  cursor: pointer;
}
.header-help-dropdown .list-item.loading {
  cursor: wait;
}
.header-help-dropdown .list-item .content {
  display: block;
  height: 100%;
}
.header-help-dropdown .list-item .icon2017 {
  color: #797e8b;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
}
.header-help-dropdown .list-item:hover {
  background-color: #f6f7fb;
}
.header-help-dropdown .list-item .loading-icon::before {
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-image: url(//static.chimeroi.com/site/images/home/loading.gif);
  vertical-align: middle;
  background-repeat: no-repeat;
}
.header-help-dropdown .header-qr {
  border-top: 1px solid #ebecf1;
  height: 180px;
}
.header-help-dropdown .header-qr .download-qr {
  text-align: center;
  padding: 20px 18px;
}
.header-help-dropdown .header-qr .download-qr .title-des {
  font-size: 14px;
  font-weight: 500;
  color: #515666;
}
.header-help-dropdown .header-qr .download-qr .qr-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-help-dropdown .header-qr .download-qr .qr-small .left-qr {
  width: 79px;
  text-align: center;
}
.header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-text {
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 12px;
  color: #515666;
}
.header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-ios {
  width: 79px;
  height: 79px;
}
.header-help-dropdown .header-qr .download-qr .qr-small .left-qr .qr-ios img {
  width: 100%;
  height: 100%;
}
.header-help-dropdown .header-qr .single-qr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 18px;
  height: 180px;
}
.header-help-dropdown .header-qr .single-qr span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #515666;
}
.header-help-dropdown .header-qr .single-qr .qr-img {
  width: 114px;
  height: 114px;
}
.header-help-dropdown .header-qr .single-qr .qr-img img {
  height: 100%;
  width: 100%;
}
.header-help-dropdown .support-call {
  border-top: 1px solid #ebecf1;
  padding: 10px 20px 14px;
  font-size: 12px;
  color: #a0a3af;
}
.header-help-dropdown .support-call .phone-text {
  font-size: 13px;
  color: #515666;
  font-weight: 500;
  margin: 10px 0;
}
.header-help-dropdown .support-call .time {
  font-size: 13px;
  color: #797e8b;
}
.has-chat-item.menu-item .com-dropdown {
  /*height: calc(100% - 60px);*/
  /*overflow: auto;*/
  top: 48px !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/freeTrial/subScribeTip.vue?vue&type=style&index=0&id=5d5976eb&prod&lang=less& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.free-trial-subscribe-tip {
  --color-main: #57a8f6;
  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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/headerV2/index.vue?vue&type=style&index=0&id=00404212&prod&lang=less& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.header-main.with-header {
  height: 60px;
}
.header-main.with-header .crm-header {
  display: block;
  padding: 0;
}
.header-main.with-header .crm-header-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}
.header-main.with-header.with-100px-banner {
  height: 100px;
}
.header-main.with-header.with-100px-banner .crm-header {
  height: 100px;
}
.header-main.with-header.with-110px-banner {
  height: 110px;
}
.header-main.with-header.with-110px-banner .crm-header {
  height: 110px;
}
.header-main.with-header.with-150px-banner {
  height: 150px;
}
.header-main.with-header.with-150px-banner .crm-header {
  height: 150px;
}
.header-main.with-banner {
  height: 110px;
}
.header-main.with-banner .crm-header {
  height: 110px;
}
.crm-header {
  background: var(--upgrade-header-bg-Color) !important;
}
.crm-header.theme-lucido {
  border-bottom: none;
}
.crm-header .header-banner {
  margin-left: -20px;
  margin-right: -20px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 35px;
}
.crm-header .header-banner.danger {
  color: #f0454c;
  border: none;
  border-radius: 0;
  border-top: 1px solid #fcd7d2;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.crm-header .header-banner.danger .chime-alert__btn {
  background-color: #f0454c;
  margin-left: 20px;
  line-height: 21px;
  width: 87px;
  height: 30px;
}
.crm-header .header-banner.danger .chime-alert__btn:hover {
  opacity: 0.9;
}
.crm-header .header-banner .chime-alert__closebtn {
  height: 14px;
  line-height: 14px;
  right: 35px;
  top: 18px;
}
.crm-header .header-banner .chime-alert__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-header .header-banner.is-closable {
  padding-right: 60px;
}
.crm-header .super-user-banner {
  padding: 0px 20px;
  background: rgba(32, 36, 55, 0.95);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white;
  height: 40px;
}
.crm-header .super-user-banner i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  line-height: 1em;
}
.crm-header .super-user-banner span {
  line-height: 1em;
}
.crm-header .super-user-banner .left-content,
.crm-header .super-user-banner .right-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crm-header .super-user-banner .right-content {
  cursor: pointer;
  color: white;
}
.crm-header .super-user-banner .right-content i {
  color: white;
}
.crm-header .crm-header-main.crm-headerV2-main {
  height: 60px;
  line-height: normal;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 0 20px;
}
.crm-header .crm-header-main.crm-headerV2-main .extra-space {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.crm-header .crm-header-main.crm-headerV2-main .com-dropdown .arrow {
  width: 8px;
  height: 8px;
  top: 4.5px;
}
.crm-header .crm-header-main.crm-headerV2-main .logo {
  margin-right: 50px;
  height: 30px;
  cursor: pointer;
}
.crm-header .crm-header-main.crm-headerV2-main .logo > img {
  height: 100%;
  vertical-align: middle;
  max-width: 180px;
  object-fit: contain;
}
.crm-header .crm-header-main.crm-headerV2-main.gs .logo {
  width: 80px;
}
.crm-header .crm-header-main.crm-headerV2-main .right-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  min-width: 200px;
}
.crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item {
  margin: 0 10px;
}
.crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item:hover .menu-icon {
  color: var(--upgrade-header-icon-hover-Color);
}
.crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item .menu-icon {
  cursor: pointer;
  font-size: 20px;
  color: var(--upgrade-header-icon-Color);
}
.crm-header .crm-header-main.crm-headerV2-main .right-menu .menu-item .menu-icon.active {
  color: var(--upgrade-header-icon-hover-Color);
}
.crm-header .crm-header-main.crm-headerV2-main .to-back-office {
  padding-left: 25px;
  margin-left: 8px;
  position: relative;
}
.crm-header .crm-header-main.crm-headerV2-main .to-back-office::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #e1e2e6;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1px;
}
.crm-header .crm-header-main.crm-headerV2-main .to-back-office .icon-backoffice {
  font-size: 24px;
  color: #b5bacc;
}
.crm-header .crm-header-main.crm-headerV2-main .common-red {
  content: attr(number);
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  color: #fff;
  background: #f0454c;
  display: inline-block;
}
.crm-header .crm-header-main.crm-headerV2-main .red-number,
.crm-header .crm-header-main.crm-headerV2-main .red-text {
  position: relative;
}
.crm-header .crm-header-main.crm-headerV2-main .red-number::after {
  content: attr(number);
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  color: #fff;
  background: #f0454c;
  display: inline-block;
  top: -5px;
  left: -webkit-calc(100% - 9px);
  left: calc(100% - 9px);
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  border-radius: 7px;
  padding: 0 4px;
  border-bottom-left-radius: 4px;
}
.crm-header .crm-header-main.crm-headerV2-main .red-text::after {
  content: attr(number);
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  color: #fff;
  background: #f0454c;
  display: inline-block;
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  border-bottom-left-radius: 8px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  top: -10px;
  left: unset;
  padding: 0 8px;
  margin-right: -13px;
  border: none;
}
.crm-header .crm-header-main.crm-headerV2-main.gf .logo {
  width: 135px;
}
.crm-header .crm-header-main.crm-headerV2-main .search-box {
  width: 100%;
  height: 100%;
  background: var(--upgrade-header-bg-Color);
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99999;
}
.crm-header .crm-header-main.crm-headerV2-main .search-box > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: 330px  ;
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 1px solid var(--upgrade-header-icon-Color);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--upgrade-header-search-Color);
  font-size: 14px;
  cursor: pointer;
}
.crm-header .crm-header-main.crm-headerV2-main .search-box > i:hover {
  color: var(--upgrade-header-search-Color);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 10, 30, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 10, 30, 0.1);
}
.crm-header .crm-header-main.crm-headerV2-main .search-box > i:active {
  color: var(--upgrade-header-search-Color);
  background: #EBECF1;
}
.crm-header-main.crm-headerV2-main .extra-space {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.crm-header-main.crm-headerV2-main .right-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-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  height: 100%;
}
.crm-header-main.crm-headerV2-main .right-box > .com-dropdownbox {
  width: 40px;
  overflow: hidden;
}
@media (max-width: 1280px) {
.header-main.with-header,
  .crm-header-main {
    height: 60px;
}
.crm-header-main .logo {
    margin-right: 33px;
}
.crm-header-main .menu-list .icon2017 {
    font-size: 20px;
    margin: 0 12px;
}
}
@media screen and (min-width: 1180px) and (max-width: 1320px) {
.crm-header-main .header-search-wrap .header-search-result {
    width: 215px;
}
.crm-header-main .header-search-wrap.active .search-input {
    width: 175px;
}
}
@media screen and (min-width: 741px) and (max-width: 1180px) {
.crm-header-main .header-search-wrap .header-search-result {
    width: 200px;
}
.crm-header-main .header-search-wrap.active .search-input {
    width: 160px;
}
}
@media screen and (max-width: 740px) {
.crm-header-main .header-search-wrap .header-search-result {
    width: -webkit-calc(100vw - 280px);
    width: calc(100vw - 280px);
}
.crm-header-main .header-search-wrap.active .search-input {
    width: -webkit-calc(100vw - 320px);
    width: calc(100vw - 320px);
}
}
.change-search-alert {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/customFieldEditor.vue?vue&type=style&index=0&id=60ebcb63&prod&lang=less&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-60ebcb63] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-60ebcb63]:hover {
  text-decoration: underline;
}
.custom-field-editor .address-wrap .unit[data-v-60ebcb63] {
  width: 150px;
  position: relative;
}
.custom-field-editor .address-wrap .unit .label[data-v-60ebcb63] {
  position: absolute;
  top: -25px;
  font-weight: 600;
  padding: 0 0 10px;
  line-height: normal;
  font-size: 14px;
  color: #515666;
}
.custom-field-editor .link-wrap[data-v-60ebcb63] {
  margin-top: 20px;
}
.custom-field-editor .link-wrap[data-v-60ebcb63] .radio-input {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.custom-field-editor .front-wrap .chime-input[data-v-60ebcb63] {
  padding-left: 26px;
  width: 100%;
}
.custom-field-editor .input-wrap .chime-input[data-v-60ebcb63] {
  width: 100%;
}
.custom-field-editor .end-wrap .chime-input[data-v-60ebcb63] {
  padding-right: 26px;
  width: 100%;
}
.custom-field-editor .input[data-v-60ebcb63] {
  position: relative;
}
.custom-field-editor .input span[data-v-60ebcb63] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #c6c8d1;
  line-height: 16px;
}
.custom-field-editor .input .front-icon[data-v-60ebcb63] {
  left: 11px;
}
.custom-field-editor .input .end-icon[data-v-60ebcb63] {
  right: 11px;
}
.custom-field-editor .s-item[data-v-60ebcb63] {
  height: 36px;
  line-height: 36px;
}
.custom-field-editor .s-label-item[data-v-60ebcb63] {
  height: 36px;
  line-height: 36px;
  border: solid 1px #c6c8d1;
  border-radius: 4px;
  padding: 0 15px 0 35px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.custom-field-editor .s-label-item .val[data-v-60ebcb63] {
  font-size: 14px;
}
.custom-field-editor .s-label-item .icon2017[data-v-60ebcb63] {
  position: absolute;
  color: #a0a3af;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 11px;
  font-size: 14px;
  line-height: 14px;
}
.custom-field-editor .link-wrap[data-v-60ebcb63] {
  padding: 15px;
  background-color: var(--primary-color-10);
  border: 1px solid var(--primary-color-9);
  border-radius: 4px;
}
.custom-field-editor .link-des[data-v-60ebcb63] {
  font-size: 12px;
  line-height: 16px;
  color: #797e8b;
}
.custom-field-editor .link-btns[data-v-60ebcb63] {
  font-size: 14px;
}
.custom-field-editor .link-btns .chime-btn[data-v-60ebcb63] {
  width: 80px;
  min-width: 80px;
  height: 30px;
}
.custom-field-editor .link-btns .invisible[data-v-60ebcb63] {
  color: var(--primary-color);
  margin-right: 10px;
  background-color: transparent;
}
.custom-field-editor .link-btns .invisible[data-v-60ebcb63]:hover {
  color: #3a9dfc;
}
.custom-field-editor .com-radiobox[data-v-60ebcb63] {
  margin-top: 20px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/AssociatedLead.vue?vue&type=style&index=0&id=f80eeb6c&prod&lang=less&scoped=true& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-f80eeb6c] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-f80eeb6c]:hover {
  text-decoration: underline;
}
.__query-select[data-v-f80eeb6c] {
  width: 100%;
}
.__query-select[data-v-f80eeb6c] .results {
  padding: 0px;
  max-height: 250px;
}
.__query-select[data-v-f80eeb6c] .results li {
  padding: 10px 20px;
  height: initial;
  cursor: pointer;
}
.__query-select[data-v-f80eeb6c] .results li:hover {
  background: #f6f7fb;
}
.__query-select[data-v-f80eeb6c] .results .tag-role {
  color: #fff;
  cursor: default;
  border-radius: 90%;
  line-height: 16px;
  margin-right: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.__query-select[data-v-f80eeb6c] .results .tag-role.buyer {
  background-color: #2492fc;
}
.__query-select[data-v-f80eeb6c] .results .tag-role.seller {
  background-color: #2cd781;
}
.__query-select[data-v-f80eeb6c] .results .tag-role.renter {
  background-color: #6bcbff;
}
.__query-select[data-v-f80eeb6c] .input-wrap input {
  height: auto;
}
.__query-select p[data-v-f80eeb6c] {
  color: #a0a3af;
  font-size: 12px;
  line-height: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.__query-select p .icon2017[data-v-f80eeb6c] {
  margin-right: 5px;
}
.__query-select .lead-name[data-v-f80eeb6c] {
  color: #515666;
  padding-right: 5px;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.__query-select .lead-name .name[data-v-f80eeb6c] {
  margin-right: 2px;
}
.__query-select .email[data-v-f80eeb6c],
.__query-select .property[data-v-f80eeb6c] {
  margin-top: 6px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/transactionPop/components/AddressSugWithMLS.vue?vue&type=style&index=0&id=2ca444d3&prod&lang=less&scoped=true& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-2ca444d3] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-2ca444d3]:hover {
  text-decoration: underline;
}
.__address-sug-with-mls .mls-container[data-v-2ca444d3] {
  width: 100%;
  padding: 15px;
  background-color: var(--primary-color-10);
  border: 1px solid var(--primary-color-9);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
}
.__address-sug-with-mls .mls-container .link-des[data-v-2ca444d3] {
  font-size: 12px;
  line-height: 16px;
  color: #797e8b;
}
.__address-sug-with-mls .mls-container .mls-wrap[data-v-2ca444d3] {
  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;
}
.__address-sug-with-mls .mls-container .mls-wrap .radiobox[data-v-2ca444d3] {
  margin-top: 20px;
}
.__address-sug-with-mls .mls-container .mls-wrap .radio-label[data-v-2ca444d3] {
  color: #515666;
  font-size: 14px;
  line-height: 16px;
}
.__address-sug-with-mls .mls-container .mls-wrap .radio-label[data-v-2ca444d3]:hover {
  color: var(--primary-color);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--primary-color);
     -moz-text-decoration-color: var(--primary-color);
          text-decoration-color: var(--primary-color);
}
.__address-sug-with-mls .mls-container .btn-wrap[data-v-2ca444d3] {
  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;
  margin-top: 20px;
}
.__address-sug-with-mls .mls-container .btn-wrap .chime-btn[data-v-2ca444d3] {
  width: 80px;
  min-width: 80px;
  height: 30px;
}
.__address-sug-with-mls .mls-container .btn-wrap .invisible[data-v-2ca444d3] {
  color: var(--primary-color);
  margin-right: 10px;
  background-color: transparent;
}
.__address-sug-with-mls .mls-container .btn-wrap .chime-btn + .chime-btn[data-v-2ca444d3] {
  margin-left: 10px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/pocketListing/pop.vue?vue&type=style&index=0&id=e5455386&prod&lang=less& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.crm-pocket-dialog .pop-container {
  height: 618px;
  max-height: none !important;
}
.crm-pocket-dialog .pop-body.scroll {
  height: 618px;
  overflow: hidden !important;
}
.pocket-iframe-container {
  height: 618px;
  overflow: hidden;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/leadPop/components/date-select.vue?vue&type=style&index=0&id=11021c2d&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.detail-date-select .icon-calendar_02 {
  position: absolute;
  font-size: 14px;
  top: 50%;
  color: #a0a3af;
  left: 11px;
  -webkit-transform: rotate(0deg) translateY(-46%);
      -ms-transform: rotate(0deg) translateY(-46%);
          transform: rotate(0deg) translateY(-46%);
}
.detail-date-select .com-dropdown-label {
  padding: 0 30px 0 36px !important;
}
.detail-date-dropdown {
  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;
}
.detail-date-dropdown .date-select {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.detail-date-dropdown .date-select + .date-select {
  margin-left: 10px;
}
.detail-date-dropdown .date-select.w93 .com-dropdown-content {
  width: 93px;
}
.detail-date-dropdown .date-select.w93 .com-dropdown-content .com-select-item {
  min-width: 53px;
}
.detail-date-dropdown .date-select.w83 .com-dropdown-content {
  width: 83px;
}
.detail-date-dropdown .date-select.w83 .com-dropdown-content .com-select-item {
  min-width: 43px;
}
.detail-date-dropdown .date-select .com-dropdown-label {
  padding-left: 10px;
}
.detail-date-dropdown .date-select .com-dropdown-text {
  color: #202437;
}
.detail-date-dropdown .icon2017 {
  cursor: pointer;
  font-size: 14px;
  color: #515666;
}
.detail-date-dropdown .icon2017.icon-delete_01 {
  margin-left: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/modules/processBar/index.vue?vue&type=style&index=0&id=377e6190&prod&lang=less& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.crm-progress-bar {
  padding: 15px 15px 14px 20px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 10, 30, 0.1);
          box-shadow: 0 2px 5px rgba(0, 10, 30, 0.1);
  border-radius: 3px;
}
.crm-progress-bar .step-list {
  padding-top: 1px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.crm-progress-bar .step-list span {
  position: relative;
  padding: 0 84px 0 30px;
  line-height: 20px;
  font-size: 14px;
  white-space: nowrap;
  color: #a0a3af;
}
.crm-progress-bar .step-list span::before {
  position: absolute;
  left: 0px;
  background: #e1e2e6;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.crm-progress-bar .step-list span::after {
  content: "\E93B";
  position: absolute;
  color: #c6c8d1;
  right: 35px;
  font-size: 14px;
  font-family: "icon-font";
}
.crm-progress-bar .step-list span:last-child::after {
  content: "";
}
.crm-progress-bar .step-list span:nth-child(1):before {
  content: "1";
}
.crm-progress-bar .step-list span:nth-child(2):before {
  content: "2";
}
.crm-progress-bar .step-list span:nth-child(3):before {
  content: "3";
}
.crm-progress-bar .step-list span.active {
  color: var(--primary-color);
}
.crm-progress-bar .step-list span.active::before {
  background: var(--primary-color);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/payTipPop/Pop.vue?vue&type=style&index=0&id=5655e49c&prod&lang=less& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.pay-tip-pop {
  z-index: 999999999;
}
.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;
}
.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_01,
.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_01 {
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pay-tip-pop .dialer-pay-pop .btn-wrap button {
  width: 116px;
  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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfo/payValidateItem.vue?vue&type=style&index=0&id=1f371f0d&prod&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.validate-item[data-v-1f371f0d] {
    display: inline-block;
}
.full-width[data-v-1f371f0d] {
    width: 100%;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfo/addCard.vue?vue&type=style&index=0&id=6ed4c9c8&prod&lang=less&scoped=true& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-6ed4c9c8] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-6ed4c9c8]:hover {
  text-decoration: underline;
}
h3 p.desc[data-v-6ed4c9c8] {
  font-size: 14px;
  font-weight: normal;
  color: #797e8b;
  margin: 10px 0;
}
.com-datatable[data-v-6ed4c9c8] {
  -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: 10px 20px 20px;
  overflow: visible;
}
.form-item.small[data-v-6ed4c9c8] {
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
}
.item-label[data-v-6ed4c9c8] {
  font-size: 14px;
  font-weight: 600;
  color: #515666;
  margin-bottom: 10px;
}
.tip[data-v-6ed4c9c8] {
  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-6ed4c9c8] {
  -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-6ed4c9c8] {
  display: inline-block;
  position: relative;
}
.form .card-type + .card-type[data-v-6ed4c9c8] {
  margin-left: 10px;
}
.form .card-type.selected[data-v-6ed4c9c8]::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-6ed4c9c8] {
  margin-left: 10px;
}
.code-instruction[data-v-6ed4c9c8] {
  z-index: 1000;
  display: none;
  position: absolute;
  top: 33px;
  right: -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-6ed4c9c8]::before {
  content: "";
  display: inline-block;
  width: 216px;
  height: 120px;
  background: url(//static.chimeroi.com/crm/images/pay/bubble.png);
}
.code-instruction[data-v-6ed4c9c8]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: -6px;
  right: 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-6ed4c9c8] {
  float: right;
  width: 130px;
  margin-top: 18px;
}
.code-instruction div p[data-v-6ed4c9c8]:nth-of-type(1) {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #515666;
}
.code-instruction div p[data-v-6ed4c9c8]:nth-of-type(2) {
  margin-top: 4px;
  font-size: 12px;
  text-align: left;
  color: #afafb5;
}
.icon-attention_02[data-v-6ed4c9c8] {
  position: relative;
  margin-left: 10px;
  color: #c6c8d1;
}
.icon-attention_02:hover .code-instruction[data-v-6ed4c9c8] {
  display: block;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfo/showCard.vue?vue&type=style&index=0&id=02ea4408&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;
  margin-top: 20px;
}
.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: 14px;
  line-height: 1.29;
  font-weight: normal;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfo/addCardNew.vue?vue&type=style&index=0&id=387fa4a2&prod&lang=less&scoped=true& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-387fa4a2] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-387fa4a2]:hover {
  text-decoration: underline;
}
.desc[data-v-387fa4a2] {
  color: #797e8b;
  font-size: 14px;
  line-height: 1.29;
  font-weight: normal;
}
#ccnumber[data-v-387fa4a2],
#ccexp[data-v-387fa4a2],
#cvv[data-v-387fa4a2] {
  outline: none;
}
#ccnumber[data-v-387fa4a2]:focus,
#ccexp[data-v-387fa4a2]:focus,
#cvv[data-v-387fa4a2]:focus {
  outline: none;
}
#ccnumber[data-v-387fa4a2]:active,
#ccexp[data-v-387fa4a2]:active,
#cvv[data-v-387fa4a2]:active {
  outline: none;
}
#ccnumber[data-v-387fa4a2]:hover,
#ccexp[data-v-387fa4a2]:hover,
#cvv[data-v-387fa4a2]:hover {
  border-color: #a0a3af;
}
.validate-item[data-v-387fa4a2] {
  display: inline-block;
}
.full-width[data-v-387fa4a2] {
  width: 100%;
}
.com-datatable[data-v-387fa4a2] {
  -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: 10px 20px 20px;
  overflow: visible;
}
.form-item.small[data-v-387fa4a2] {
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
}
.form-item.small:nth-child(3) #chime-ccnumber[data-v-387fa4a2] {
  max-width: 46% !important;
  min-width: 45% !important;
  margin-right: 5px;
}
.form-item.small:nth-child(3) #chime-cvv[data-v-387fa4a2] {
  max-width: 47% !important;
  min-width: 46% !important;
}
.expiration-date[data-v-387fa4a2] {
  margin-top: 12px !important;
}
.item-label[data-v-387fa4a2] {
  font-size: 14px;
  font-weight: 600;
  color: #515666;
  margin-bottom: 10px;
}
.tip[data-v-387fa4a2] {
  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-387fa4a2] {
  -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-387fa4a2] {
  position: relative;
}
.form .card-type + .card-type[data-v-387fa4a2] {
  margin-left: 10px;
}
.form .card-type.selected[data-v-387fa4a2]::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-387fa4a2] {
  margin-left: 10px;
}
.code-instruction[data-v-387fa4a2] {
  z-index: 1000;
  display: none;
  position: absolute;
  top: 33px;
  right: -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-387fa4a2]::before {
  content: "";
  display: inline-block;
  width: 216px;
  height: 120px;
  background: url(//static.chimeroi.com/crm/images/pay/bubble.png);
}
.code-instruction[data-v-387fa4a2]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: -6px;
  right: 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-387fa4a2] {
  float: right;
  width: 130px;
  margin-top: 18px;
}
.code-instruction div p[data-v-387fa4a2]:nth-of-type(1) {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #515666;
}
.code-instruction div p[data-v-387fa4a2]:nth-of-type(2) {
  margin-top: 4px;
  font-size: 12px;
  text-align: left;
  color: #afafb5;
}
.icon-attention_02[data-v-387fa4a2] {
  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;
  height: 36px;
  -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-387fa4a2] {
  display: block;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfo/index.vue?vue&type=style&index=0&id=743c210d&prod&lang=less& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.payment-v1-container {
  min-height: 200px;
}
.payment-v1-container.collapse {
  padding-top: 20px;
  border-bottom: 1px solid #ebecf1;
}
.payment-v1-container.collapse .payment-info-add-card {
  padding-bottom: 20px;
}
.payment-v1-container.collapse .payment-info-add-card:has(.icon-expand_up) {
  padding-bottom: 0;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-enter-active,
.payment-v1-container.collapse .payment-info-add-card .slide-fade-enter-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-leave-active,
.payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-enter,
.payment-v1-container.collapse .payment-info-add-card .slide-fade-enter,
.payment-v1-container.collapse .payment-show-card .slide-fade-leave-to,
.payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-to {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
}
.payment-v1-container.collapse .payment-show-card > h3,
.payment-v1-container.collapse .payment-info-add-card > h3 {
  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;
}
.payment-v1-container.collapse .payment-show-card > h3:has(.icon-expand_up),
.payment-v1-container.collapse .payment-info-add-card > h3:has(.icon-expand_up) {
  margin-bottom: 16px;
}
.payment-v1-container.collapse .payment-show-card > h3 .desc,
.payment-v1-container.collapse .payment-info-add-card > h3 .desc {
  margin-left: 5px;
}
.payment-v1-container.collapse .payment-show-card > h3 .collapse-btn,
.payment-v1-container.collapse .payment-info-add-card > h3 .collapse-btn {
  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:hover,
.payment-v1-container.collapse .payment-info-add-card > h3 .collapse-btn:hover {
  background-color: var(--primary-color-10);
}
.payment-v1-container.collapse .payment-show-card .pay-tip,
.payment-v1-container.collapse .payment-info-add-card .pay-tip {
  margin-top: 10px;
  margin-bottom: 20px;
}
.card-type {
  width: 64px;
  height: 40px;
  display: block;
  background-size: contain !important;
  border: solid 1px #ebecf1;
  border-radius: 4px;
}
.card-type.visa {
  background: url("//static.chimeroi.com/crm/images/pay/visa2.jpg");
}
.card-type.master {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.mastercard {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.american_express {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.amex {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.discover {
  background: url("//static.chimeroi.com/crm/images/pay/discover.jpg");
}
.card-type.jcb {
  background: url("//static.chimeroi.com/crm/images/pay/jcb.jpg");
}
.agreement {
  margin-top: 20px;
  font-size: 14px;
  line-height: 18px;
  color: #797e8b;
}
.agreement .link {
  color: var(--primary-color);
  text-decoration: underline;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfoV2/payValidateItem.vue?vue&type=style&index=0&id=ea723db0&prod&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.validate-item[data-v-ea723db0] {
    display: inline-block;
}
.full-width[data-v-ea723db0] {
    width: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfoV2/addCard.vue?vue&type=style&index=0&id=77ac0f40&prod&lang=less&scoped=true& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-77ac0f40] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-77ac0f40]:hover {
  text-decoration: underline;
}
.com-datatable[data-v-77ac0f40] {
  -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: 10px 20px 20px;
  overflow: visible;
}
.form-item.small[data-v-77ac0f40] {
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
}
.item-label[data-v-77ac0f40] {
  font-size: 14px;
  font-weight: 600;
  color: #515666;
  margin-bottom: 10px;
}
.tip[data-v-77ac0f40] {
  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-77ac0f40] {
  -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-77ac0f40] {
  position: relative;
}
.form .card-type + .card-type[data-v-77ac0f40] {
  margin-left: 10px;
}
.form .card-type.selected[data-v-77ac0f40]::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-77ac0f40] {
  margin-left: 10px;
}
.code-instruction[data-v-77ac0f40] {
  z-index: 1000;
  display: none;
  position: absolute;
  top: 33px;
  right: -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-77ac0f40]::before {
  content: "";
  display: inline-block;
  width: 216px;
  height: 120px;
  background: url(//static.chimeroi.com/crm/images/pay/bubble.png);
}
.code-instruction[data-v-77ac0f40]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: -6px;
  right: 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-77ac0f40] {
  float: right;
  width: 130px;
  margin-top: 18px;
}
.code-instruction div p[data-v-77ac0f40]:nth-of-type(1) {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #515666;
}
.code-instruction div p[data-v-77ac0f40]:nth-of-type(2) {
  margin-top: 4px;
  font-size: 12px;
  text-align: left;
  color: #afafb5;
}
.icon-attention_02[data-v-77ac0f40] {
  position: relative;
  margin-left: 10px;
  color: #c6c8d1;
}
.icon-attention_02:hover .code-instruction[data-v-77ac0f40] {
  display: block;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfoV2/showCard.vue?vue&type=style&index=0&id=1e4f2dbc&prod&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.payment-show-card .pay-tip {
    color: #797e8b;
    line-height: 1.29;
    text-align: right;
    font-size: 14px;
    margin-top: 20px;
}
.payment-show-card .com-datatable-body {
    min-height: auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/paymentInfoV2/index.vue?vue&type=style&index=0&id=5eb0db61&prod&lang=less& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.card-type {
  width: 64px;
  height: 40px;
  display: inline-block;
  background-size: contain !important;
  border: solid 1px #ebecf1;
  border-radius: 4px;
}
.card-type.visa {
  background: url("//static.chimeroi.com/crm/images/pay/visa2.jpg");
}
.card-type.master {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.mastercard {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.american_express {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.amex {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.discover {
  background: url("//static.chimeroi.com/crm/images/pay/discover.jpg");
}
.card-type.jcb {
  background: url("//static.chimeroi.com/crm/images/pay/jcb.jpg");
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/chargeInfo/index.vue?vue&type=style&index=0&id=5e591681&prod&lang=less& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.com-pay-charge-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  height: 120px;
  border-top: solid 4px var(--primary-color-6);
  z-index: 199;
}
.com-pay-charge-info .place-order-bottom {
  font-size: 14px;
  margin-left: 130px;
  color: #797e8b;
}
.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-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: 20px;
  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 {
  width: 120px;
  height: 40px;
  outline: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/unactiviatedDialerPackage/index.vue?vue&type=style&index=0&id=4f6f9776&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 {
  object-fit: cover;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/leadAssign/components/NonCollapseItem.vue?vue&type=style&index=0&id=45dee368&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;
  max-width: -webkit-calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
}
.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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/leadAssign/Pop.vue?vue&type=style&index=0&id=0f8d3f61&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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./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 ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/taskRichText/index.vue?vue&type=style&index=0&id=528981cc&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-528981cc] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-528981cc]:hover {
  text-decoration: underline;
}
.com-rich-text-outer[data-v-528981cc] {
  -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-528981cc] {
  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-528981cc] {
  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-all;
  color: #202437;
  font-size: 14px;
}
.com-rich-text-outer .rich-text-inner .rich-text[contenteditable="true"][data-v-528981cc]: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-528981cc]::-webkit-scrollbar {
  display: none;
}
.com-rich-text-outer .rich-text-inner .rich-text .hyperlinks[data-v-528981cc] {
  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-528981cc] {
  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;
  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-528981cc]: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-528981cc] {
  color: #c6c8d1;
}
.com-rich-text-outer .rich-text-inner .upload-btn input[data-v-528981cc] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.com-rich-text-outer .rich-text-focus[data-v-528981cc] {
  border-color: var(--primary-color) !important;
}
.com-rich-text-outer .title-container[data-v-528981cc] {
  width: 100%;
  position: relative;
}
.com-rich-text-outer .title-container textarea[data-v-528981cc] {
  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-528981cc]::-webkit-input-placeholder {
  color: #c6c8d1;
  font-size: 14px;
  font-family: "SF UI Text";
}
.com-rich-text-outer .title-container .title-overlay[data-v-528981cc] {
  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-528981cc] {
  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-528981cc] {
  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-528981cc] {
  -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-528981cc] {
  -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-528981cc]: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-528981cc] {
  font-size: 12px;
  color: var(--primary-color);
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .progress[data-v-528981cc] {
  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-528981cc] {
  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-528981cc] {
  margin-left: 10px;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right span[data-v-528981cc] {
  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-528981cc]:hover {
  opacity: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/taskRichText/index.vue?vue&type=style&index=1&id=528981cc&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;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/emailTextGenerator/index.vue?vue&type=style&index=0&id=6b07bd71&prod&scoped=true&lang=less& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-6b07bd71] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-6b07bd71]:hover {
  text-decoration: underline;
}
*[data-v-6b07bd71] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.generator-wrap .generator_icon[data-v-6b07bd71] {
  cursor: pointer;
  border: 1px solid #e1e2e6;
  background: #ffffff;
}
.generator-wrap .generator_icon .icon2017[data-v-6b07bd71] {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: #ffffff;
  vertical-align: middle;
}
.generator-wrap .generator_icon[data-v-6b07bd71]:hover {
  border-color: transparent;
  background: -webkit-linear-gradient(226.04deg, #2460fc 4.75%, #2492fc 100%);
  background: linear-gradient(223.96deg, #2460fc 4.75%, #2492fc 100%);
}
.generator-wrap .generator_icon:hover .icon2017[data-v-6b07bd71] {
  color: #ffffff !important;
}
.generator-wrap .generator_icon[data-v-6b07bd71]:active,
.generator-wrap .generator_icon[data-v-6b07bd71]:focus,
.generator-wrap .generator_icon.is-open[data-v-6b07bd71] {
  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-6b07bd71],
.generator-wrap .generator_icon:focus .icon2017[data-v-6b07bd71],
.generator-wrap .generator_icon.is-open .icon2017[data-v-6b07bd71] {
  font-size: 14px;
  color: #ffffff !important;
}
.generator-wrap .generator_icon.text[data-v-6b07bd71] {
  width: 60px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
}
.generator-wrap .generator_icon.text .icon2017[data-v-6b07bd71] {
  font-size: 14px;
  color: #a0a3af;
}
.generator-wrap .generator_icon.replyEmail[data-v-6b07bd71],
.generator-wrap .generator_icon.newEmail[data-v-6b07bd71] {
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
}
.generator-wrap .generator_icon.replyEmail .icon2017[data-v-6b07bd71],
.generator-wrap .generator_icon.newEmail .icon2017[data-v-6b07bd71] {
  font-size: 14px;
  color: #000000;
  margin-top: 6px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!../crm-common/emailTextGenerator/index.vue?vue&type=style&index=1&id=6b07bd71&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::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;
}