/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/js/transaction-detail/modules/offer/components/fileList.vue?vue&type=style&index=0&id=0f6bbb54&prod&lang=less&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-0f6bbb54] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-0f6bbb54]:hover {
  text-decoration: underline;
}
.docfile-base[data-v-0f6bbb54] {
  background-image: url(https://static.chimeroi.com/crm/image/document-icon/annex-sprite.svg);
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
}
.doc-excel[data-v-0f6bbb54] {
  background-position: -32px -32px;
}
.doc-doc[data-v-0f6bbb54] {
  background-position: -112px -32px;
}
.doc-text[data-v-0f6bbb54] {
  background-position: -192px -32px;
}
.doc-code[data-v-0f6bbb54] {
  background-position: -272px -32px;
}
.doc-ppt[data-v-0f6bbb54] {
  background-position: -352px -32px;
}
.doc-pdf[data-v-0f6bbb54] {
  background-position: -32px -112px;
}
.doc-page[data-v-0f6bbb54] {
  background-position: -112px -112px;
}
.doc-keynote[data-v-0f6bbb54] {
  background-position: -192px -112px;
}
.doc-numbers[data-v-0f6bbb54] {
  background-position: -272px -112px;
}
.doc-file[data-v-0f6bbb54] {
  background-position: -352px -112px;
}
.doc-zip[data-v-0f6bbb54] {
  background-position: -32px -192px;
}
.doc-image[data-v-0f6bbb54] {
  background-position: -112px -192px;
}
.doc-video[data-v-0f6bbb54] {
  background-position: -192px -192px;
}
.doc-audio[data-v-0f6bbb54] {
  background-position: -272px -192px;
}
.doc-cloud[data-v-0f6bbb54] {
  background-position: -352px -192px;
}
.file-list .file-item[data-v-0f6bbb54] {
  padding: 20px 24px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: row;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
      flex-direction: row;
  -ms-flex-pack: justify;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
       -moz-box-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  border: 1px solid #ebecf1;
  border-radius: 4px;
  margin-bottom: 10px;
}
.file-list .file-item[data-v-0f6bbb54]:last-child {
  margin-bottom: 0;
}
.file-list .file-item .file-info[data-v-0f6bbb54] {
  margin: 0 24px;
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  -ms-flex-negative: 0;
          -webkit-flex-shrink: 0;
      flex-shrink: 0;
}
.file-list .file-item .file-info h6[data-v-0f6bbb54] {
  font-size: 14px;
  color: #515666;
  margin-bottom: 10px;
}
.file-list .file-item .file-info p[data-v-0f6bbb54] {
  font-size: 12px;
  color: #a0a3af;
}
.file-list .file-item .operator a[data-v-0f6bbb54],
.file-list .file-item .operator i[data-v-0f6bbb54] {
  margin-left: 30px;
  font-size: 16px;
  color: #a0a3af;
  cursor: pointer;
}
.file-list .file-item .operator a.disabled[data-v-0f6bbb54],
.file-list .file-item .operator i.disabled[data-v-0f6bbb54] {
  cursor: not-allowed;
}
.file-list .file-item .operator[data-v-0f6bbb54]:first-child {
  margin-left: 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!./src/js/transaction-detail/modules/offer/components/offerForm.vue?vue&type=style&index=0&id=0d70330c&prod&lang=less& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.offer-form-wrapper {
  background: #fff;
  padding: 20px;
}
.offer-form-wrapper .offer-form .form-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #202437;
  margin-bottom: 20px;
  padding-top: 35px;
  position: relative;
}
.offer-form-wrapper .offer-form .form-item-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 1px;
  background: #ebecf1;
}
.offer-form-wrapper .offer-form .form-item-title:nth-of-type(1) {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
.offer-form-wrapper .offer-form .form-item-title:nth-of-type(1)::after {
  display: none;
}
.offer-form-wrapper .offer-form .offer-form-item .input-wrap {
  position: relative;
}
.offer-form-wrapper .offer-form .offer-form-item .input-wrap input.hasDollar {
  padding-left: 26px;
}
.offer-form-wrapper .offer-form .offer-form-item .input-wrap .dollar {
  font-size: 14px;
  line-height: 1;
  color: #a0a3af;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.offer-form-wrapper .offer-form .upload-file {
  height: 88px;
  text-align: center;
  border: 1px dashed #e1e2e6;
  background: #f6f7fb;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: row;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
      flex-direction: row;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
  color: #a0a3af;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 4px;
}
.offer-form-wrapper .offer-form .upload-file.disabled {
  cursor: not-allowed;
}
.offer-form-wrapper .offer-form .upload-file:not(.disabled):hover {
  border-radius: 4px;
  border: dashed 1px #e1e2e6;
  background-color: #fff;
}
.offer-form-wrapper .offer-form .upload-file .file-btn {
  visibility: hidden;
  width: 1px;
  height: 1px;
}
.offer-form-wrapper .offer-form .com-dropdownbox .com-dropdown-label {
  line-height: 32px;
}
.offer-form-wrapper .offer-form .half {
  width: -webkit-calc((100% - 20px) / 2);
  width: calc((100% - 20px) / 2);
  display: -ms-inline-grid;
  display: inline-grid;
}
.offer-form-wrapper .offer-form .half input[class^="chime-"],
.offer-form-wrapper .offer-form .half select[class^="chime-"] {
  width: 100%;
}
.offer-form-wrapper .offer-form .half.checkbox {
  -webkit-transform: translateY(32px);
      -ms-transform: translateY(32px);
          transform: translateY(32px);
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
}
.offer-form-wrapper .offer-form .half.checkbox .com-form-content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: row;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
      flex-direction: row;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
}
.offer-form-wrapper .offer-form .half.checkbox .checkbox-label {
  font-size: 14px;
  color: #515666;
  float: none;
  font-weight: 600;
  display: inline-block;
  text-align: left;
  line-height: normal;
}
.offer-form-wrapper .offer-form textarea {
  height: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.offer-form-wrapper .offer-form .chime-select {
  height: 36px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/offerPage/components/submit.vue?vue&type=style&index=0&id=31160813&prod&lang=less& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.chime-btn.cancel {
  border-radius: 4px;
  border: solid 1px #e1e2e6;
}
.chime-btn.last {
  -webkit-transform: translateX(-4px);
      -ms-transform: translateX(-4px);
          transform: translateX(-4px);
}
.rich-text-wrap * {
  font-size: 16px;
  color: #000;
  word-break: break-word;
}
.rich-text-wrap ul,
.rich-text-wrap ol {
  padding-left: 40px;
  margin: 16px 0;
}
.rich-text-wrap ol {
  list-style-type: auto;
}
.rich-text-wrap ul {
  list-style-type: auto;
}
.rich-text-wrap a {
  color: var(--primary-color);
  cursor: pointer;
}
.rich-text-wrap span {
  font-size: 16px;
  color: #000;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/js/transaction-detail/modules/offer/components/houseInfo.vue?vue&type=style&index=0&id=6fae3710&prod&lang=less& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.house-info-comp {
  width: 100%;
  background: #fff;
  border-top: 4px solid var(--primary-color);
  padding: 0 30px;
  text-align: center;
  -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);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.house-info-comp .inner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
}
.house-info-comp .inner h2 {
  font-size: 24px;
  line-height: 28px;
  color: #202437;
}
.house-info-comp .inner .house-info {
  margin-top: 8px;
  margin-bottom: 20px;
}
.house-info-comp .inner .house-info,
.house-info-comp .inner .mls-info {
  font-size: 12px;
  line-height: 14px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
}
.house-info-comp .inner .house-info span,
.house-info-comp .inner .mls-info span {
  color: #797e8b;
}
.house-info-comp .inner em,
.house-info-comp .inner b {
  font-style: normal;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
}
.house-info-comp .inner em {
  width: 1px;
  margin: 0 8px;
  color: #e1e2e6;
}
.house-info-comp .inner b {
  width: 4px;
  height: 4px;
  background: #e1e2e6;
  border-radius: 50%;
  margin: 0 10px;
}
.house-info-comp .logo {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-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!./src/js/transaction-detail/modules/offer/components/buyerOfferDetail.vue?vue&type=style&index=0&id=6511ef1d&prod&lang=less& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.buyer-offer-info {
  font-family: "SF UI Text";
}
.buyer-offer-info .price {
  padding: 0 30px;
  margin: 26px auto 20px auto;
  font-size: 26px;
  font-weight: bold;
  color: #202437;
}
.buyer-offer-info .desc-wrap {
  padding: 0 30px;
}
.buyer-offer-info .desc-wrap .desc-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 14px;
  line-height: 1.71;
}
.buyer-offer-info .desc-wrap .desc-item .label {
  width: 103px;
  margin-right: 10px;
  color: #797e8b;
  -ms-flex-negative: 0;
          -webkit-flex-shrink: 0;
      flex-shrink: 0;
}
.buyer-offer-info .desc-wrap .desc-item .value {
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  font-weight: 500;
  color: #515666;
  word-break: break-word;
}
.buyer-offer-info .sub-title {
  padding: 0 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 600;
  color: #515666;
  border-top: 1px solid #ebecf1;
  background: #f6f7fb;
  margin: 30px 0 20px 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!./src/js/transaction-detail/modules/offer/components/noDocuments.vue?vue&type=style&index=0&id=4f76f674&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.no-documents {
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  font-family: "chime";
  line-height: 40px;
  font-size: 40px;
  color: #c6c8d1;
  text-align: center;
}
.no-documents .no-data-message {
  font-size: 12px;
  text-align: center;
  color: #a0a3af;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/offerPage/components/res.vue?vue&type=style&index=0&id=3893d70d&prod&lang=less& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.content .top-header {
  padding: 30px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  border-bottom: 1px solid #ebecf1;
}
.content .top-header .time {
  margin-right: 40px;
}
.content .top-header .icon2017 {
  font-size: 14px;
  color: #797e8b;
}
.content .top-header span {
  margin-left: 6px;
  font-size: 14px;
  color: #797e8b;
}
.content .buyer-offer-info {
  padding-bottom: 25px;
}
.content .buyer-offer-info .price {
  padding-top: 25px;
  margin-top: 0;
}
.content .res-title {
  padding: 0 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 600;
  color: #515666;
  border-top: 1px solid #ebecf1;
  background: #f6f7fb;
}
.content .file-wrap {
  padding: 20px 30px;
  margin-bottom: 40px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/offerPage/components/result.vue?vue&type=style&index=0&id=f72bfdee&prod&scoped=true&lang=less& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-f72bfdee] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-f72bfdee]:hover {
  text-decoration: underline;
}
.primary-color[data-v-f72bfdee] {
  color: var(--primary-color);
}
.offer-result[data-v-f72bfdee] {
  position: relative;
  font-family: "SF UI Text";
  width: 1180px;
  padding-bottom: 80px;
  margin: 180px auto 0 auto;
  border-radius: 4px;
  border: 1px solid #e1e2e6;
  background-color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  margin-bottom: 100px;
  background: #fff;
}
.offer-result .icon-wrap[data-v-f72bfdee] {
  width: 80px;
  height: 80px;
  margin: 80px auto 30px auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
  border-radius: 50%;
  background-color: #2cd781;
}
.offer-result .icon-wrap .icon2017[data-v-f72bfdee] {
  color: #fff;
  font-size: 32px;
}
.offer-result .result-info[data-v-f72bfdee] {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  color: #202437;
}
.offer-result .result-desc[data-v-f72bfdee] {
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
  line-height: 1.25;
}
.offer-result .result-note[data-v-f72bfdee] {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #797e8b;
}
.offer-result .result-input-wrap[data-v-f72bfdee] {
  margin-top: 30px;
  width: 570px;
  height: 36px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.offer-result .result-input-wrap .chime-input[data-v-f72bfdee] {
  height: 36px;
  line-height: 36px;
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  padding-right: 20px;
}
.offer-result .result-input-wrap .copy-btn[data-v-f72bfdee] {
  width: 160px;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  height: 36px;
  border-radius: 0 4px 4px 0;
  background-color: var(--primary-color);
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  cursor: pointer;
}
.offer-result .hidden-input[data-v-f72bfdee] {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
}
.offer-result.disable .icon-wrap[data-v-f72bfdee],
.offer-result.deleted .icon-wrap[data-v-f72bfdee] {
  background: #ffa600;
}
.offer-result.disable .option-wrapper[data-v-f72bfdee],
.offer-result.deleted .option-wrapper[data-v-f72bfdee] {
  margin-top: 60px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
}
.offer-result.disable .option-wrapper .or[data-v-f72bfdee],
.offer-result.deleted .option-wrapper .or[data-v-f72bfdee] {
  width: 60px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 16px;
  color: #c6c8d1;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
       -moz-box-pack: center;
      justify-content: center;
}
.offer-result.disable .option-wrapper .option[data-v-f72bfdee],
.offer-result.deleted .option-wrapper .option[data-v-f72bfdee] {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  width: 480px;
  height: 206px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0;
  border-radius: 8px;
  outline: solid 1px #ebecf1;
  background-color: #fff;
}
.offer-result.disable .option-wrapper .option .desc[data-v-f72bfdee],
.offer-result.deleted .option-wrapper .option .desc[data-v-f72bfdee] {
  margin-bottom: 10px;
}
.offer-result.disable .option-wrapper .option .link[data-v-f72bfdee],
.offer-result.deleted .option-wrapper .option .link[data-v-f72bfdee] {
  margin-bottom: 40px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--primary-color);
}
.offer-result.disable .option-wrapper .option .link[data-v-f72bfdee]:hover,
.offer-result.deleted .option-wrapper .option .link[data-v-f72bfdee]:hover {
  text-decoration: underline;
}
.offer-result.disable .option-wrapper .option .chime-btn[data-v-f72bfdee],
.offer-result.deleted .option-wrapper .option .chime-btn[data-v-f72bfdee] {
  width: 156px;
  height: 40px;
  line-height: 40px;
}
.offer-result.disable .option-wrapper .option[data-v-f72bfdee]:hover,
.offer-result.deleted .option-wrapper .option[data-v-f72bfdee]:hover {
  outline: solid 2px var(--primary-color);
  -webkit-box-shadow: 0 10px 15px 0 rgba(var(--primary-color-rgb), 0.1);
          box-shadow: 0 10px 15px 0 rgba(var(--primary-color-rgb), 0.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!./src/js/transaction-detail/components/noteEditor.vue?vue&type=style&index=0&id=680b893d&prod&lang=less& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.note-editor {
  position: relative;
  background: #ffffff;
  border: 1px solid #c6c8d1;
  border-radius: 4px;
  padding: 10px;
  padding-right: 0px !important;
  overflow: hidden !important;
}
.note-editor:hover {
  border-color: #a0a3af;
}
.note-editor .data-list {
  position: fixed;
  z-index: 100;
}
.note-editor .data-list .link {
  width: 198px;
  max-height: 238px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #c6c8d1;
  background-color: #fff;
  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);
  padding-bottom: 10px;
}
.note-editor .data-list .link .title {
  padding: 6px 11px;
  font-size: 12px;
  line-height: 14px;
  color: #515666;
  font-weight: 600;
}
.note-editor .data-list .link .link-title {
  font-size: 12px;
  line-height: 14px;
  color: #a0a3af;
  padding: 6px 11px;
}
.note-editor .data-list .link .link-item {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding-left: 20px;
}
.note-editor .data-list .link .link-item img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  object-fit: cover;
}
.note-editor .data-list .link .link-item div {
  max-width: 128px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.note-editor .data-list .link .link-item:hover {
  background-color: #f6f7fb;
}
.note-editor .data-list .link .agent,
.note-editor .data-list .link .lender {
  line-height: 32px;
  color: #515666;
  padding-left: 11px;
  font-weight: 600;
}
.note-editor .cke_reset {
  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!./src/js/transaction-detail/modules/pop/addNotePop.vue?vue&type=style&index=0&id=788cde3e&prod&lang=less& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.tr-add-note-pop .content-container {
  width: 1000px;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tr-add-note-pop .footer-container {
  padding: 20px 30px;
}
.tr-add-note-pop .bottom-btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
  font-size: 14px;
  color: #515666;
}
.tr-add-note-pop .complex-btns {
  font-size: 14px;
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  text-align: right;
}
.tr-add-note-pop .complex-btns .chime-btn {
  line-height: 40px;
}
.tr-add-note-pop .complex-btns .chime-btn + .chime-btn {
  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!./src/js/transaction-detail/modules/offer/pop/createOfferPop.vue?vue&type=style&index=0&id=2963364b&prod&lang=less& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.offer-modal-form {
  padding: 20px;
  width: 100%;
}
.offer-modal-form input {
  width: 100%;
}
.offer-modal-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-pack: justify;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
       -moz-box-pack: justify;
      justify-content: space-between;
  padding: 20px;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
}
.offer-modal-footer button {
  margin-right: 10px;
}
.offer-modal .inform {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
}
.offer-modal .inform label {
  font-size: 14px;
  color: #515666;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.offer-modal .bgwhite {
  background: #fff;
}
.offer-modal .content {
  max-width: 1020px;
  background-color: #f6f7fb;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  overflow: hidden;
}
.offer-modal .content .house-info-comp {
  height: 145px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.offer-modal .content .inner-content {
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  overflow: auto;
  padding: 20px 30px;
}
.offer-modal .content .inner-content > h4 {
  margin-top: 40px;
  margin-bottom: 10px;
  height: 36px;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  color: #202437;
}
.offer-modal .content .inner-content > h4 span {
  font-size: 14px;
  font-weight: normal;
  color: #a0a3af;
}
.offer-modal .content .inner-content > h4 em {
  color: #f0454c;
}
.offer-modal .card {
  padding: 20px;
}
.offer-modal .card h5 {
  font-size: 16px;
  color: #515666;
  font-weight: 600;
  line-height: 1.25;
}
.offer-modal .card p {
  font-size: 14px;
  line-height: 1.43;
  color: #515666;
}
.offer-modal .rich-text-wrap {
  font-size: 14px;
  color: #202437;
  word-break: break-word;
}
.offer-modal .rich-text-wrap a {
  color: var(--primary-color);
  cursor: pointer;
}
.offer-modal .rich-text-wrap span {
  font-size: 14px;
  color: #202437;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./src/offerPage/App.vue?vue&type=style&index=0&id=2c2480d9&prod&lang=less& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.buyer-offer-error-pop .desc {
  text-align: left;
}
.offer-page {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  background: #f6f7fb;
}
.offer-page .bgwhite {
  background: #fff;
}
.offer-page .offer-header {
  position: fixed;
  top: 0;
  left: 0;
  height: 160px;
  z-index: 1;
}
.offer-page .offer-content {
  background: #f6f7fb;
  margin-top: 160px;
  -ms-flex: 1;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
       -moz-box-flex: 1;
      flex: 1;
  overflow: auto;
}
.offer-page .offer-content .content {
  max-width: 1120px;
  padding: 20px 30px;
  margin: 0 auto;
  background-color: #f6f7fb;
  height: auto;
}
.offer-page .offer-content .content.invalide-content {
  width: 80%;
}
.offer-page .offer-content .content .invalide {
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
      flex-direction: column;
  padding: 80px 0;
  -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
       -moz-box-align: center;
      align-items: center;
}
.offer-page .offer-content .content .invalide .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  background: #ffa600;
}
.offer-page .offer-content .content .invalide h4 {
  font-size: 24px;
  color: #202437;
  margin: 30px 0 60px;
}
.offer-page .offer-content .content .invalide .more-info {
  padding: 40px;
  text-align: center;
  width: 480px;
  margin: 0 auto;
  border: 1px solid #ebecf1;
  border-radius: 8px;
  cursor: pointer;
}
.offer-page .offer-content .content .invalide .more-info:hover {
  border: 2px solid var(--primary-color);
  -webkit-box-shadow: 0 10px 15px 0 rgba(var(--primary-color-rgb), 0.1);
          box-shadow: 0 10px 15px 0 rgba(var(--primary-color-rgb), 0.1);
}
.offer-page .offer-content .content .invalide .more-info h5 {
  font-size: 16px;
  color: #515666;
}
.offer-page .offer-content .content .invalide .more-info a {
  display: block;
  color: var(--primary-color);
  font-size: 14px;
  margin: 10px 0 40px;
}
.offer-page .offer-content .content > h4 {
  margin-top: 40px;
  margin-bottom: 10px;
  height: 36px;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  color: #202437;
}
.offer-page .offer-content .content > h4 span {
  font-size: 14px;
  font-weight: normal;
  color: #a0a3af;
}
.offer-page .offer-content .content > h4 em {
  color: #f0454c;
}
.offer-page .offer-content .content .card {
  padding: 20px;
  background: #fff;
}
.offer-page .offer-content .content .card h5 {
  font-size: 16px;
  color: #515666;
  font-weight: 600;
  line-height: 1.25;
}
.offer-page .offer-content .content .card > p {
  font-size: 14px;
  line-height: 1.43;
  color: #515666;
}
.offer-page .offer-content .offer-footer {
  max-width: 1120px;
  margin: 0 auto 100px;
  padding: 0 30px;
  text-align: right;
}
.offer-page .box-shadow {
  -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);
}