@charset "utf-8";

.contact-detail-dialog .header-wrapper { padding: 28px 30px; }

.contact-detail-dialog .header-wrapper .detail-head { padding: 0px; }

.contact-detail-dialog .header-wrapper .paid-member-box { margin: 28px 0px 0px; display: flex; justify-content: space-between; cursor: pointer; }

.contact-detail-dialog .header-wrapper .paid-member-box .s-kit-icon { font-size: 18px; }

.contact-detail-dialog .contact-detail-panel { display: -webkit-flex; }

.contact-detail-dialog .contact-detail-panel .more-info { display: none; }

.contact-detail-dialog .contact-detail-panel .time-zone { line-height: 1; color: rgb(169, 174, 178); }

@media screen and (max-width: 540px) {
  .contact-detail-dialog .s-kit-modal-body { height: 100vh; }
  .contact-detail-dialog .contact-detail-panel { flex-direction: column; height: calc(100dvh - 43px); }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper { width: 100%; height: auto; padding: 10px 20px; display: inline-block; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name { justify-content: flex-start; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name .more-info { display: block; flex: 1 1 0%; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name .more-info .more-info-icon { margin-left: calc(100% - 12px); color: rgb(136, 103, 186); }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-tags-pane { margin-top: 10px; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-tags-panel { display: none; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info { display: flex; flex-flow: wrap; margin-top: 10px; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info .contact-info-item { width: 40%; margin-right: 16px; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info .contact-info-item .info-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .display-none { display: none; }
  .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .membership-tags { margin-top: 5px; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper { margin: 5px 20px; width: 90%; flex: 1 1 0%; display: -webkit-flex; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs { flex: 1 1 0%; flex-direction: column; width: calc(100% - 40px); }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-bar { margin-bottom: 0px; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content { height: 100%; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .s-kit-tabs-tabpane, .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .message-tab-page-wrapper, .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .data-tab-page-wrapper { height: 100%; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .history-list { scrollbar-width: none; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .history-list::-webkit-scrollbar { display: none; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .message-sender .s-kit-btn { font-size: 11px; padding: 0px 15px; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .order-tab-page-wrapper { height: auto; }
  .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .order-tab-page-wrapper .entypo-right-open { display: none; }
}

body.new-dashboard-adaptive .contact-detail-dialog .s-kit-modal-body { height: 100vh; }

@media screen and (max-width: 767px) {
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel { flex-direction: column; height: calc(100dvh - 43px); }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper { width: 100%; height: auto; padding: 10px 20px; display: inline-block; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name { justify-content: flex-start; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name .more-info { display: block; flex: 1 1 0%; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .avatar-name .more-info .more-info-icon { margin-left: calc(100% - 12px); color: rgb(136, 103, 186); }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-tags-pane { margin-top: 10px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-tags-panel { display: none; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info { display: flex; flex-flow: wrap; margin-top: 10px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info .contact-info-item { width: 40%; margin-right: 16px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .contact-info .contact-info-item .info-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .display-none { display: none; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .left-contact-info-wrapper .membership-tags { margin-top: 5px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper { margin: 5px 20px; width: 90%; flex: 1 1 0%; display: -webkit-flex; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs { flex: 1 1 0%; flex-direction: column; width: calc(100% - 40px); }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-bar { margin-bottom: 0px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content { height: 100%; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .s-kit-tabs-tabpane, body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .message-tab-page-wrapper, body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .data-tab-page-wrapper { height: 100%; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .history-list { scrollbar-width: none; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .s-kit-tabs-content .history-list::-webkit-scrollbar { display: none; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .message-sender .s-kit-btn { font-size: 11px; padding: 0px 15px; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .order-tab-page-wrapper { height: auto; }
  body.new-dashboard-adaptive .contact-detail-dialog .contact-detail-panel .right-audience-page-wrapper .audience-tabs .order-tab-page-wrapper .entypo-right-open { display: none; }
}

body.mobile-contact-detail-dialog-open #s-support-widget-container, body.mobile-contact-detail-dialog-open .s-support-widget-container { display: none; }

.re-captcha-dialog .s-kit-modal { min-width: 340px; }

.re-captcha-dialog .re-captcha-title { margin-bottom: 20px; max-width: calc(100% - 20px); }

.s-kit-dropdown.send-button-dropdown-container { z-index: 3001; }