.paidUserIcon {
  margin-inline-end: var(--zd_size5) ;
  vertical-align: middle;
  bottom: var(--zd_size1) ;
  position: relative;
  font-size: var(--zd_font_size8) ;
}

.icon {
  display: block;
}

.disable {
  cursor: not-allowed;
}

.textBold {
  font-weight: var(--zd-fw-bold);
  color: var(--zdt_secondaryText_black_text);
}

.link {
  display: block
}

.ticketId,
.link,
.secondaryText,
.ratingText,
.phoneNumber {
  color: var(--zdt_secondaryText_secondaryText_text);
}

.ticketId,
.ratingText {
  font-size: var(--zd_font_size12) ;
}

.linkWithText {
  color: var(--zdt_secondaryText_secondaryText_text);
  max-width: 100% ;
  cursor: pointer;
}

.linkWithText:hover {
  color: var(--zdt_secondaryText_blue_text);
}

.secondaryText,
.phoneNumber {
  max-width: 100% ;
}

.secondaryText, .phoneNumber {
  cursor: pointer;
}

.ticketIdLink,
.phoneNumber:hover,
.link:hover {
  color: var(--zdt_secondaryText_blue_text);
}

/* .link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
  color: var(--zdt_secondaryText_blue_text);
} */
.ticketIdLink {
  cursor: pointer;
}

.ticketIdLink:hover,
.ticketIdLink:focus {
  color: var(--zdt_secondaryText_blue_hover_text);
}

.primaryAccountNameCnt {
  max-width: 100% ;
}

/* status */
.font_regular {
  font-weight: var(--zd-fw-normal);
}

.font_semibold {
  font-weight: var(--zd-fw-semibold);
}

.font_bold {
  font-weight: var(--zd-fw-bold);
}

.font_semibold,
.font_bold,
.textBold {
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
}

.priorityText {
  max-width: 100% ;
}

.departmentText {
  color: var(--zdt_secondaryText_secondaryText_text);
  max-width: 100% ;
}

/* HappinessRating Style */
.happinessContainer {
  composes: inlineBlockMiddle from '../listCommon.module.css';
}

.happinessImg {
  width: var(--zd_size13) ;
  margin-block:0 ;
  margin-inline:0 var(--zd_size4) ;
  vertical-align: middle;
}

/* colors */
.gray {
  color: var(--zdt_secondaryText_gray_text);
}

.orange {
  color: var(--zdt_secondaryText_orage_text);
}

.green {
  color: var(--zdt_secondaryText_green_text);
}

.red {
  color: var(--zdt_secondaryText_red_text);
}

.blue {
  color: var(--zdt_secondaryText_blue_text);
}

.black {
  color: var(--zdt_secondaryText_black_text);
}

.phonetxt {
  composes: ltr-dir from '~@zohodesk/components/es/common/common.module.css';
}