.im-toast.ant-notification-notice-success {
  --current-color: #00c151;
}

/* .ant-notification .ant-notification-notice-error { */
.im-toast.ant-notification-notice-error {
  --current-color: #ed1c24;
}

.im-toast.ant-notification-notice-warning  {
  --current-color: #ffa01c;
}

.im-toast {
  --current-color: #005dd0;
  border: solid 1px var(--current-color);
  border-left-width: 5px;
}

.im-toast .ant-notification-notice-message {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: var(--current-color);
}

.im-toast .ant-notification-notice-icon {
  left: 15px;
}
.im-toast .ant-notification-notice-icon, .im-toast .ant-notification-notice-close {
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0.5em;
}

.ant-notification-notice-description {
  margin-right: 25px;
}
.ant-notification {
  z-index: 99999 !important;
}
@media screen and (max-width : 400px) {
  .im-toast{
    width: 85%;
  }

  .ant-notification-notice {
    max-width: calc(min(384px, 100vw - 24px * 2));
    width: auto;
  }

  .ant-notification.ant-notification-topRight {
    margin-left: 18px;
  }
}
.ats-status-tag {
  padding: 0.25rem 1.5rem;
  border: 1px solid;
  min-height: 1.5rem;
  line-height: 1;
  white-space: nowrap;
  min-width: 7rem;
  display: inline-block;
  text-align: center;
}

.ats-status-tag.ats-status-success,
.ats-status-tag.ats-status-completed {
  background-color: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}

.ats-status-tag.ats-status-failed {
  background-color: #fff1f0;
  color: #f5222d;
  border-color: #ffa39e;
}

.ats-status-tag.ats-status-started {
  background-color: #f0f5ff;
  color: #2f54eb;
  border-color: #adc6ff;
}

.ats-status-tag.ats-status-stopped {
  background-color: #fff2e8;
  color: var(--im-reddish-orange);
  border-color: #ffbb96;
}

.ats-status-tag.ats-status-in-progress {
  background-color: #fff7e6;
  color: var(--im-carrot-orange-1);
  border-color: #ffd591;
}

.ats-status-tag.ats-status-initiated {
  background-color: #e6fffb;
  color: #13c2c2;
  border-color: #87e8de;
}

.ats-status-tag-lite.ats-status-success-lite,
.ats-status-tag-lite.ats-status-completed-lite {
  color: #52c41a;
}

.ats-status-tag-lite.ats-status-failed-lite {
  color: #f5222d;
}

.ats-status-tag-lite.ats-status-started-lite {
  color: #2f54eb;
}

.ats-status-tag-lite.ats-status-stopped-lite {
  color: var(--im-reddish-orange);
}

.ats-status-tag-lite.ats-status-in-progress-lite {
  color: var(--im-carrot-orange-1);
}

.ats-status-tag-lite.ats-status-initiated-lite {
  color: #13c2c2;
}

.impress-form-creatable-select .add-new-item-wrapper {
    display: flex;
    margin-top: 8px;
    padding: 8px;
    gap: 4px;
    align-items: center;
}
.impress-form-creatable-select .add-new-item-wrapper input {
    padding-block: 0px;
    line-height: 12px;
    display: inline-block;
}

.file-type-item-wrapper .file-clickable-container {
    padding: 0.5rem;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
}


.file-type-item-wrapper .file-clickable-container:hover {
    color: var(--im-primary-color);
    border-color: var(--im-primary-color);
}

.file-type-item-wrapper .file-clickable-container .document-icon {
    font-size: 20px;
}

.file-type-item-wrapper .file-clickable-container .delete-file svg {
    height: 14px;
}

.file-type-item-wrapper .file-clickable-container .delete-file path {
    fill: #8C8C8C;
}

.file-type-item-wrapper .file-clickable-container .delete-file svg:hover path {
    fill: red;
}

.file-type-item-wrapper .preview-hint {
    display: block;
    margin-top: 4px;
    color: #8C8C8C;
    font-size: 12px;
}

.file-type-item-wrapper .file-name-with-preview {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 94%;
}

.file-type-item-wrapper .file-clickable-container .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.file-type-item-wrapper .file-name-with-preview img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.file-preview-modal-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-preview-modal-wrapper .ant-modal-title {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-preview-modal-wrapper .ant-modal {
    padding-bottom: 0px;
    top: 0px;
}

.file-preview-modal-wrapper .ant-modal:has(iframe) {
    height: 90% !important;
}

.file-preview-modal-wrapper .ant-modal:has(img) {
    display: flex;
    justify-content: center;
    width: unset !important;  /* overriding antd inline css */
    max-width: 90vw;
}

.file-preview-modal-wrapper .ant-modal-content {
    padding: 9px 10px 10px 10px;
}

.file-preview-modal-wrapper .ant-modal:has(img) .ant-modal-body {
    min-width: 300px;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-preview-modal-wrapper .ant-modal:has(img) .ant-modal-body > img {
    max-width: 100%;
}

.file-preview-modal-wrapper .ant-modal-content {
    height: 100%;
}
.file-preview-modal-wrapper .ant-modal-body {
    height: 100%;
    max-height: 90vh;
    max-width: 90vw;
    overflow: auto;
}  

.file-preview-modal-wrapper .ant-modal-content:has(img) {
    width: fit-content;
}

.file-preview-modal-wrapper iframe {
    border: 0px;
}

.file-preview-modal-wrapper .ant-modal-header {
    margin-bottom: 12px;
}

.file-preview-modal-wrapper .ant-modal-title {
    font-size: 16px;
}
.file-upload-field .impress-form-uploader {
    padding-inline: 8px;
    box-sizing: border-box;
    font-size: 14px;
}

.file-upload-field .impress-form-uploader .upload-icon {
    margin-bottom: 8px;
}

.file-upload-field .impress-form-uploader .upload-icon svg {
    font-size: 20px;
}
.file-upload-field .impress-form-uploader .upload-hint {
    font-size: 12px;
    color: #9b9b9b;
}
.file-upload-field .file-type-item-wrapper {
    margin-top: 4px;
}

#universal_search {
  z-index: 99px;
  width: 351px;
}

.long-header-content {
  width: 250px;
  margin-bottom: 10px;
}

.search-expanded {
  position: absolute;
  top: 5px;
}

.search {
  width: 351px;
  transition: width -200ms linear, height -200ms linear !important;
  will-change: height, width;
  backface-visibility: hidden;
}

.search-expanded .universal-search-input {
  animation: expand 150ms alternate !important;
  transition: width -200ms linear, height -200ms linear !important;
  backface-visibility: hidden;
  will-change: height, width;
}

.search-expanded .ant-input {
  height: 34px;
  transition: none !important;
}

.search .ant-input {
  box-shadow: none;
  transition: none !important;
}

.search-expanded .ant-input {
  box-shadow: none;
}

.search .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #dedede !important;
}

.search-expanded .ant-input-group-wrapper:hover, .ant-input-group-wrapper:focus-within {
  border-color: #dedede !important;
}

.search-expanded .ant-input-affix-wrapper {
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.11);
}

.search-result-container {
  position: absolute;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #d1d1d1;
  background-color: #ffffff;
  border-top: none;
  line-height: normal;
  z-index: 10000;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 700px;
  padding-bottom: 10px;
  animation: expand 150ms alternate !important;
}

.badge-container {
  display: flex;
  margin-top: 10px;
  margin-bottom: 19px;
}

.search .ant-input-affix-wrapper-sm {
  background-color: #ffffff;
}

.search .ant-input-affix-wrapper {
  transition: none !important;
}

.half-curved-search {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: #ffffff;
}

.search-result-container .ant-tag {
  padding: 8px 13px 9px 11px;
  background-color: var(--im-primary-color-shade-2);
  margin-right: 15px;
  border: none;
  cursor: pointer;
}

.search-result-container .ant-divider {
  margin: 5px 0;
}

.search-expanded .ant-input-prefix path {
  fill: var(--im-primary-color);
}

.search-result-container .ant-tag>span {
  padding-left: 5px;
}

.search-expanded .ant-input-group-addon {
  background: var(--im-primary-color-shade-2);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
  border: none;
}

.search-expanded .ant-input-group-wrapper {
  margin-top: 14px;
  background: #ffffff;
}

.search-expanded .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
}

.search-icon-sm svg {
  width: 18px;
  height: 18px;
}

.search-expanded .ant-input-group-wrapper .ant-input-affix-wrapper {
  border: none;
}

.workflow-info, .pages-info {
  display: flex;
  align-items: center;
}

.universal-search-candidate-info {
  display: flex;
}

.candidate-info-text-container {
  display: flex;
  flex-direction: column;
}

.workflow-item,
.pages-item, .candidate-item {
  cursor: pointer;
  padding: 8px 22px;
}

.candidate-container {
  margin-top: 9px;
}

.search-main-text-container .search-main-text {
  margin: auto 0;
}

.pages-main-text-container .search-main-text {
  margin: auto 0;
}

.candidate-item:hover,
.workflow-item:hover,
.pages-item:hover {
  background-color: var(--im-primary-color-shade-2);
}

.pages-container {
  margin-top: 14px;
}

.addon-icon svg {
  width: 12px;
  height: 12px;
}

.addon-text {
  padding-right: 10px;
}

.no-results-container {
  display: grid;
  place-items: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #d1d1d1;
  background-color: #ffffff;
  position: absolute;
  z-index: 999;
  border-top: none;
}

.no-results-info {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 61px;
  margin-bottom: 68px;
}

.no-results-footer {
  margin-top: -30px;
}

.search-expanded .ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #d1d1d1 !important;
  box-shadow: none;
}

.search-expanded .ant-input:focus,
.ant-input-focused {
  border-color: #d1d1d1 !important;
  box-shadow: none;
}

.search-expanded .ant-input-affix-wrapper:hover,
.ant-input-affix-wrapper-hover {
  border-color: #d1d1d1 !important;
}

.orange-search path {
  fill: rgba(0, 0, 0, 0.45);
}

.universal-search-close-icon>svg {
  height: 12px;
  width: 12px;

}

.tag-selection-container {
  padding: 10px 22px;
}

.divider {
  padding: 0 22px;
}

.search-main-icon {
  padding-right: 10px;
}

.candidate-item .search-main-icon {
  padding-top: 5px;
}

.search-main-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.candidate-main-text .search-main-text, .candidate-footer-text .candidate-under-text {
  padding: 0;
  margin: 0;
}

.info-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #bbbbbb;
}

.wrapped-breadcrumbs {
  max-width: 500px;
  overflow: hidden;
}

.info-orange {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--im-primary-color);
}

.info-orange {
  margin-left: 22px;
}

.universal-search-header-icon path {
  fill: var(--im-primary-color);
}

.universal-search-header-icon {
  padding-right: 9px;
}

.candidate-email-text {
  font-size: 14px;
  line-height: normal;
  color: #000000;
  padding-left: 3px;
}

.candidate-under-text {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #8f8f8f;
}

.tag-selected-info-text {
  padding-left: 22px;
  padding-top: 24px;
  padding-bottom: 4px;
  margin-bottom: 0;
}

.info-text-workflow {
  margin-bottom: 0px;
}

.no-results-title {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.no-results-footer-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #616161;
}

.universal-search-empty-space {
  padding: 5px;
}

.rm-top-space {
  margin-top: -3px;
}

.universal-search-no-result-section {
  position: absolute;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #d1d1d1;
  background-color: #ffffff;
  border-top: none;
  line-height: normal;
  z-index: 10000;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 0;
}

.universal-search-no-result-section p {
  font-family: Roboto;
  text-align: center;
  padding: 0;
  margin: 0;
}

.universal-search-loader {
  display: grid;
  place-items: center;
  padding: 30px 0;
}

.search .ant-input-affix-wrapper input.ant-input {
  padding-left: 5px;
}

.search input.ant-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

#universal_search .ant-input {
  text-overflow: ellipsis;
}

.search .ant-input-suffix svg {
  transform: translateY(-1.5px);
}

.search .ant-input-suffix {
  padding-left: 5px;
  border-left: 1px solid var(--im-light-silver-4);
}

@keyframes expand {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  20% {
    opacity: 0.2;
    transform: scaleX(.2);
  }

  40% {
    opacity: .4;
    transform: scaleX(.4);
  }

  60% {
    opacity: .6;
    transform: scaleX(.6);
  }

  80% {
    opacity: .8;
    transform: scaleX(.8);
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }

}

@media only screen and (max-width: 1270px) {
  .search, #universal_search {
    width: 300px;
  }
}

@media only screen and (max-width: 1224px) {
  .search, #universal_search {
    width: 260px;
  }
}

@media only screen and (max-width: 1156px) {
  .search, #universal_search {
    width: 37px;
  }
  .search .ant-input-suffix {
    border-left: none;
    padding-left: 0;
  }

  .search .ant-input-suffix svg {
    transform: translateX(-3px) translateY(-1.2px);
  }

  .search-main-text {
    font-size: 14px;
  }

  .search .ant-input {
    padding-left: 0 !important;
  }
}

.help-centre-icon {
  margin-left: 20px;
  margin-right: 5px;
  cursor: pointer;
}

.mobile-screen-modal .mobile-screen-popup-content,
.mobile-screen-modal .footer {
  text-align: center;
}

.mobile-screen-modal .footer a {
  color: white;
}

.mobile-screen-modal svg {
  margin-block: 20px;
}

.text-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.notification-area {
  margin-left: 20px;
  margin-right: 5px;
}

.notification-icon {
  position: relative;
  cursor: pointer;
}

.notification-icon .count {
  position: absolute;
  left: 8px;
  top: -11px;
  background-color: #e40000;
  height: 19px;
  border-radius: 3px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4em;
}

.notification-header {
  display: flex;
  align-items: center;
  padding: 12px 15px;
}

.notification-header .title {
  color: #484d4e;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 0;
}

.notification-content {
  width: 330px;
  height: 340px;
  overflow: auto;
}

.notification-content .ant-card-body {
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid #f2f2f2;
  min-height: 70px;
}

.notification-modal .notification-group .ant-card-body {
  padding: 15px 45px 15px 15px;
  border-bottom: 1px solid #f2f2f2;
  min-height: 65px;
}

.notification-modal .notification-group:last-child .ant-card-body {
  border-bottom: none;
}

.notification-content .ant-card-meta-detail > div:not(:last-child),
.notification-modal .ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 4px;
}

.notification-content .ant-card-meta-title,
.notification-content .ant-card-meta-title a,
.notification-modal .ant-card-meta-title,
.notification-modal .ant-card-meta-title a {
  white-space: normal;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 17px;
  text-decoration: none;
  cursor: pointer;
}

.unread-group {
  background-color: var(--im-primary-color-shade-1);
}

.unread-group .ant-card-meta-title a {
  font-weight: 500;
}

.notification-content .ant-card-meta-description,
.notification-modal .ant-card-meta-description {
  color: #9d9d9d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.notification-popover .ant-popover-inner-content {
  padding: 0;
}

.notification-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
}

.notification-footer a.action-links, .notification-footer a.action-links:hover {
  color: #00286f;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}

.notification-popover.ant-popover-placement-bottomRight
  > .ant-popover-content
  > .ant-popover-arrow {
  top: 11px;
}

.notification-popover.ant-popover-placement-bottomRight {
  padding-top: 15px;
}

.ant-modal.notification-modal {
  top: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: 0;
  position: sticky;
  padding-bottom: 0;
  overflow: auto;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.28);
  background-color: #ffffff;
}

.notification-modal .ant-modal-content {
  border-radius: 0;
  padding: 0;
}

.notification-modal .ant-modal-header {
  margin-bottom: 0;
}

.notification-modal .notification-header {
  height: 78px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cacbcb;
  justify-content: space-between;
  padding-right: 60px;
}

.notification-modal a.action-links, .notification-modal a.action-links:hover {
  color: #00286f;
  cursor: pointer;
  font-weight: 500;
}

.notification-modal .notification-expanded {
  height: calc(100vh - (78px + 35px));
  overflow: auto;
}

.notification-modal .ant-modal-close {
  top: 10px;
}

.notification-modal .ant-modal-footer {
  padding: 6px 12px;
  height: 35px;
}

.notification-modal .filter-dropdown {
  height: 32px;
  width: 172px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  padding: 7px 12px;
  font-weight: normal;
}

.notification-modal .filter-dropdown .dropdown-icon {
  margin-left: 80px;
}

.notification-modal .dropdown-icon path {
  fill: #979797;
}

.support-query-modal .ant-modal-header{
  margin-bottom: 10px;
}
.support-query-modal-wrap{
  z-index: 2100;
}

.high-five-avatar{
  width: 32px;
  height: 32px;
  background-color: #DAF6E5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.high-five-avatar svg{
  width: 15px;
  height: 15px;
}

.high-five-avatar path{
  fill: #00c151;
}
.impress-global .sidebar-nav li .type-search{
    padding: 6px 0;
    padding-left: 27px;
    margin-top: 0;
}
.type-search .ImSelect{
    width: 205px; 
}
#downloadCSVForm .ImSelect, #downloadCSVForm .ant-picker,
#downloadCSVForm  .ant-form-item-label > label, #downloadCSVForm .ant-form-item {
    width: 100%;
}

#downloadCSVForm .vertical-form-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.workflow__comments--csv-download-modal .ant-modal-content {
    padding: 0px;
}

.workflow__comments--csv-download-modal .ant-modal-header {
    padding: 16px 36px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px 10px 0px;
}

.workflow__comments--csv-download-modal .ant-modal-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--im-outer-space);
}

.workflow__comments--csv-download-modal .ant-modal-body {
    padding: 24px 36px;
}

.workflow__comments--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--workflow-comments-border);
    padding: 12px 16px;
}

.workflow__comments--header > h4 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--workflow-comments-black);
}

.workflow__comments--header > div {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.workflow__comments--header svg {
    width: 12px;
    height: 12px;
}

.workflow__comments--filter-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: var(--workflow-comments-body);
}

.comments__filter {
    display: flex;
    gap:9px;
    cursor: pointer;
}

.comments__filter svg {
    margin-top: 4px;
    width: 12px;
    height: 12px;
}

.comments__filter p {
    margin: 0;
}

.comments__filter--content .select__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.comments__filter--content .select__container:nth-child(1) {
    margin-bottom: 10px;
}

 .workflow__comments--popover.ant-popover .ant-popover-arrow {
    display: none;
}

.workflow__comments--popover.ant-popover .ant-popover-inner-content {
    padding: 0;
}

.workflow__comments--filter-content 
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, 
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    margin-left: 0;
}

.workflow__comments--filter-content  
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, 
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0;
    border-bottom: 1px solid var(--workflow-comments-tab-border);
}

.workflow__comments--filter-content   
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, 
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
    background: var(--workflow-comments-orange);
}

.workflow__comments--filter-content  
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--workflow-comments-white);
}
.workflow__comments--filter-content   .workflow__comments--tab-item {
    padding: 0 12px;
    margin-top: 5px;
}
.workflow__comments--filter-content {
    border: 1px solid var(--workflow-comments-tab-border);
    width: max-content;
}

.workflow__comments--filter-content 
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, 
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    border: none;
}

.workflow__comments--filter-content   .workflow__comments--tab-item .ant-radio-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 12px;
    margin: 10px 0;
}

.workflow__comments--filter-content .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > 
.ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, 
.ant-tabs-bottom > div > .ant-tabs-nav {
    margin: 0;
}

.workflow__comments--filter-content 
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, 
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.workflow__comments--filter-content  
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, 
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
    width: 100%;
}

.workflow__comments-tab-select {
 padding: 10px 0;
}

.workflow__comments--popover.ant-popover .ant-tabs {
    overflow:visible;
}

.workflow__comments--applied-filters .ant-tag .anticon svg {
    margin-top: -3px;
}

.workflow__comments-tab-select .ant-select-arrow {
    margin-top: -7px;
}

.workflow__comments--popover.ant-popover {
    z-index: 1033;
}

.workflow__comments--footer {
    display: block;
    padding: 10px;
    box-shadow: inset 0px 1px 0px var(--workflow-comments-border);
}

.workflow__comments--upload {
    display: flex;
    gap: 5px;
}

.workflow__comments--upload svg {
    margin-top: 3px;
}

.workflow__comments--footer-actions {
    margin-top: 10px;
}

.workflow__comments--footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.workflow__comments--submit-btns {
    display: flex;
    gap: 5px;
}

.workflow__comments--footer-actions .ant-row {
    margin: 0;
}

.workflow__comments--footer-textarea-wrapper {
    position: relative;
}

.workflow__comments--footer-textarea-wrapper .workflow__comment--footer-attachments {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    bottom: 22px;
    left: 10px;
    width: 98%;
    background-color: #fff;
}

.workflow__comments--footer-textarea-wrapper textarea.ant-input {
    height: 75px;
}

.workflow__comments--footer ul.react-autocomplete-input {
    max-height: 140px;
    overflow-x: none;
    overflow-y: auto;
}
.comment__reply--info {
    border-top: 1px solid #D9F7BE;
    background-color: #F6FFED;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;  
    animation: move-up .2s ease-out;
    position: relative;
}

.comment__reply--info .left p{
    margin-bottom: 0;
}

.comment__reply--info .left p a {
    color: #096DD9;
    padding: 0 5px;
}

.comment__reply--info .right svg {
    width: 20px;
    height: 20px;
}

.comment__reply--info .right .close-icon {
    cursor: pointer;
}

.comment__reply--info .right {
    display: flex;
    align-items: center;
    gap: 10px;
}

@keyframes move-up {
    0%{
        transform: translateY(20px);
    } 25%{
        transform: translateY(15px);
    } 50%{
        transform: translateY(10px);
    } 75%{
        transform: translateY(5px);
    } 100%{
        transform: translateY(0);
    }
}

.comment__reply--info .comment-reply-badge {
    background-color: #389E0D;
    padding: 2px 8px;
    position: absolute;
    top: 0;
    left: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #ffff;
    font-size: 12px;
}

.comment__reply--info .author {
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: var(--workflow-comments-black);
    margin: 0;
    position: absolute;
    top: 0px;
    left: 80px;
}

.comment__reply--info .comment {
    margin-top: 1.5rem;
}

:root{
    --workflow-comments-black:#484D4E;
    --workflow-comments-light-orange: var(--im-primary-color-shade-2);
    --workflow-comments-blue: #1890FF;
    --workflow-comments-grey:#8C8C8C;
    --workflow-comments-green:#389E0D;
    --workflow-comments-border:#F0F0F0;
    --workflow-comments-body: #FAFAFA;
    --workflow-comments-light-grey:#9B9B9B;
    --workflow-comments-white: #FFFFFF;
    --workflow-comments-orange: var(--im-primary-color-shade-6);
    --workflow-comments-tab-border: #D9D9D9;
}

.workflow__comment--group .highlight__comment {
    background-color: var(--workflow-comments-light-orange);
}

.workflow__comment--drawer .ant-drawer-content {
    overflow: hidden;
}

.workflow__comment--overlay {
    pointer-events: none;
    position: relative;
    backdrop-filter: blur(1px);
}

.workflow__comment--overlay::after{
    content: 'Taking you to the comment...';
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1px);
}

.workflow__comment {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(--workflow-comments-white);
    border: 1px solid var(--workflow-comments-border);
    border-radius: 4px;
    transition: background-color 1s ease-in;
}

.workflow__comment .workflow__comment--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.workflow__comment .workflow__comment--header > div {
    display: flex;
    align-items: center;
    gap:10px;
}

.workflow__comment .workflow__comment--header > div > label {
    color: var(--workflow-comments-black);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.workflow__comment .workflow__comment--header .workflow__comment--posted-time {
    color: var(--workflow-comments-light-grey);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    cursor: pointer;
}

.workflow__comment .workflow__comment--content > pre {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--workflow-comments-black);
    word-wrap: break-word;
    margin: 0;
    white-space: pre-wrap;
    font-family: inherit;
}

.workflow__comment .workflow__comment--content > pre a{
    color: #096DD9;
    padding: 0 5px;
}

.workflow__comment .workflow__comment--footer .ant-btn {
    padding: 0;
}

.workflow__comment .workflow__comment--footer .workflow__comment--attachment {
    display: flex;
    align-items: center;
    gap: 5px;
}

.workflow__comment .workflow__comment--footer .workflow__comment--attachment label {
    margin: 0;
    color: var(--workflow-comments-blue);
    cursor: pointer;
}

.workflow__comment .workflow__comment--header .ant-avatar {
    background-color: var(--workflow-comments-light-orange);
}

.workflow__comment .workflow__comment--header .ant-avatar .ant-avatar-string {
    color: var(--workflow-comments-orange);
}

.workflow__comment--attachments {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.workflow__comment--footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.workflow__comment--footer  svg {
    width: 14px;
    height:  14px;
}

.workflow__comment--visible-on-hover {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.workflow__comment:hover .workflow__comment--visible-on-hover{
    opacity: 1;
}

.workflow__comment--resolve-btn {
    cursor: pointer;
    display: flex;
    gap: 5px;
}

.workflow__comment .workflow__comment--content .comment__expanded {
    height: 100%;
}

.workflow__comment--desc-text  {
    height: 48px;
    overflow: hidden;
}

.workflow__comment--desc p {
    margin: 0;
}

.workflow__comment-shrink .workflow__comment--footer {
    margin-top: -16px;
}

.workflow__comment .workflow__comment-rm-flex-gap {
    margin-bottom: -8px;
}

.workflow__comment--desc .workflow__comment--expand-btn-gap {
    margin-bottom: 8px;
}

.workflow__comment--tooltip  {
    width: max-content;
}

.workflow__comment--type-question {
    padding: 7px;
    background-color: var(--im-primary-color-shade-1);
    border: 1px solid var(--im-primary-color-shade-2);
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin: 8px;
}

.workflow__comment--type-question h5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: var(--workflow-comments-black);
    margin: 0;
    position: absolute;
    top: 0px;
    left: 80px;
}

.workflow__comment--type-question p {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: var(--workflow-comments-black);
    margin: 0;
}

.workflow__comment--drawer .wokflow__comment--question-tooltip-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1.5rem;
}

.workflow__comment--drawer .wokflow__comment--question-tooltip-text  a {
    padding: 0 5px;
    color: #096DD9;
}

.workflow__comment--content .toggle-content-btn {
    color: var(--workflow-comments-blue);
    cursor: pointer;
}

.workflow__comment--content .lengthy-comment-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.workflow__comment--content .lengthy-comment-actions  svg {
    width: 14px;
    height: 14px;
}

.workflow__comment.slide-left {
    animation: slide-left .3s ease-out alternate;
}

@keyframes slide-left {
    0%{
        transform: translateX(0);
    } 25%{
        transform: translateX(125px);
    } 50%{
        transform: translateX(250px);
    } 75%{
        transform: translateX(375px);
    } 100%{
        transform: translateX(500px);
    }
}

.workflow__comment--resolve-btn  .comment__delete,
.workflow__comment--resolve-btn  .comment__reply
{
    visibility: hidden;
}

.workflow__comment--resolve-btn  .comment__reply svg path {
    fill: var(--im-primary-color);
}

.workflow__comment:hover .workflow__comment--resolve-btn  .comment__delete,
.workflow__comment:hover .workflow__comment--resolve-btn  .comment__reply
{
    visibility: visible;
}

.workflow__comment--resolve-btn  .comment__delete .delete-icon svg path {
 fill: var(--im-primary-color);
}

.workflow__comment--type-question .comment-type-badge {
    position: absolute;
    top: 0;
    left: 10px;
    padding: 5px;
    background-color: var(--im-primary-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #ffff;
    font-size: 12px;
    padding: 2px 8px;
    text-transform: lowercase;
}

.workflow__comment--type-question .comment-type-badge::first-letter {
    text-transform: uppercase;
}

.workflow__comment--type-question.type-evaluation .comment-type-badge {
    background-color: #096DD9;
}

.workflow__comment--type-question.type-evaluation {
    background: #E6F7FF;
    border: 1px solid #BAE7FF;
}

.workflow__comment--type-question.type-evaluation h5 {
    left: 88px;
}

.workflow__comment--type-question.type-reply h5 {
    margin: 0;
}

.workflow__comment--type-question.type-reply p {
    margin-top: 0;
}

.workflow__comment--type-question.type-reply {
    border: 1px solid #D9F7BE;
    background-color: #F6FFED;
}

.workflow__comment--type-question.type-reply .comment-type-badge {
    background-color: #389E0D;
}

.workflow__comment--type-question.type-reply .comment-type-badge > div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.workflow__comment--type-question.type-reply h5 {
    left: 88px;
}

.workflow__comment--type-question.type-reply p {
    margin-top: 1.5rem;
}

.workflow__comment .highlight__comment {
    background-color: #FFF7ED;
    border: 1px solid #FFDBA9;
}

.workflow__comment .workflow__comment--header .comment-kebab-menu .ant-dropdown-trigger {
    padding: 0px 5px;
    cursor: pointer;
}

.workflow__comments--image-preview-modal-inner 
.workflow__comments--image-preview-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.workflow__comments--image-preview-modal-inner 
.workflow__comments--image-preview-modal-header h5 {
    margin: 0;
}

.workflow__comments--image-preview-modal-footer {
    display: flex;
    justify-content: flex-end;
}

.workflow__comments--image-download-btn svg {
    width: 17px;
    height: 17px;
}

.workflow__comments--image-download-btn {
    color: var(--workflow-comments-black);
}

.workflow__comments--image-download-btn:hover {
    text-decoration: none;
}

.workflow__comments--image-preview-area .ant-image-img {
    max-height: 65vh;
}

.workflow-comments-page .comments-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.workflow-comments-page .comments-header .header-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.workflow-comments-page .comments-header .ant-input-suffix {
    width: 24px;
    padding: 4px 0px 0px 8px;
}

.workflow-comments-page .comments-header .ant-input {
    height: 24px;
    min-height: 24px;
    padding: 3px 0px;
}

.workflow-comments-page .comments-header .filter-button {
    border-radius: 4px;
    width: unset;
    height: 32px;
    padding: 10px;
}

.workflow-comments-page .comments-body-wrapper {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 10px 0px 0 8px;
}

.workflow-comments-page.page-view .comments-body {
    width: 100%;
    border-radius: 5px;
    background-color: #FFFFFF;
    height: calc(100vh - 351px);
    overflow-y: scroll;
    padding-inline: 10px;
}

.workflow-comments-page.page-view .comments-body>.comment-container {
    padding-top: 10px;
}

.workflow-comments-page .comment-card {
    padding: 10px;
    border-radius: 4px;
    position: relative;
}

.workflow-comments-page .comment-card .ant-avatar {
    background-color: #FFE7BA;
    color: #F49C26;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.workflow-comments-page .comment-card .author label {
    color: #484D4E;
    line-height: 14px;
}

.workflow-comments-page .comment-card .comment-time {
    color: #8C8C8C;
    line-height: 11px;
    font-size: 11px;
}

.workflow-comments-page .comment-card label {
    margin-bottom: 0px;
}

.workflow-comments-page .comment-actions .compact-btn,
.workflow-comments-page .comment-card .comment-actions,
.workflow-comments-page .comment-card .comment-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn {
    gap: 0px;
}

.workflow-comments-page.compact-view .compact-btn .text {
    display: none;
}

.workflow-comments-page .comment-card .comment-actions {
    display: none;
}

.workflow-comments-page.compact-view .comment-card .comment-actions {
    position: absolute;
    right: 0px;
}

.workflow-comments-page .comment-actions .compact-btn>button,
.workflow-comments-page .comment-card .comment-actions>button {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 18px 10px;
    font-size: 12px;
    line-height: 20px;
    color: #484D4E;
    transition: none;
    box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.15);
    border: none;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn>button {
    box-shadow: none;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn,
.workflow-comments-page .comment-actions .btn-group {
    box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.15);
    border: none;
    border-radius: 5px;
    display: inline-flex;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn button:first-child,
.workflow-comments-page .comment-actions .btn-group button:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn button:last-child,
.workflow-comments-page .comment-actions .btn-group button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.workflow-comments-page.compact-view .comment-actions .compact-btn button,
.workflow-comments-page .comment-actions .btn-group button {
    display: flex;
    align-items: center;
    padding: 18px 10px;
    color: #484D4E;
    transition: none;
    border: none;
    border-radius: 0px;
}

.workflow-comments-page .comment-card .comment-actions button:hover {
    background-color: #F49C26;
    color: #FFFFFF;
}

.workflow-comments-page .comment-card .comment-actions button path {
    fill: #484D4E;
}

.workflow-comments-page .comment-card .comment-actions button:hover path {
    fill: #FFFFFF;
}


.workflow-comments-page .comment-card .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
}

.workflow-comments-page .comment-card .icon.unresolved {
    width: 20px;
    height: 20px;
}

.workflow-comments-page .comment-card .icon.unresolved svg {
    width: 18px;
    height: 18px;
}

.workflow-comments-page .comment-card.view-mode:hover .comment-actions {
    display: flex;
}

.workflow-comments-page .comment-card.view-mode:hover .ant-avatar {
    background-color: #F49C26;
    color: #FFFFFF;
}

.workflow-comments-page .comment-card.view-mode:hover {
    background-color: #FFF7E6;
}

.workflow-comments-page .comment-container .comment-container {
    margin-left: 45px;
    position: relative;
}

.workflow-comments-page .comment-thread .collapse-thread {
    cursor: pointer;
    margin-left: 21px;
    padding: 0px;
    border: none;
}

.workflow-comments-page .comment-thread .reply-thread {
    position: relative;
    margin-left: 45px;
    margin-block: 10px;
}

.workflow-comments-page .comment-thread .reply-thread-button {
    font-size: 12px;
    line-height: 20px;
}

.workflow-comments-page .comment-thread .reply-thread>div::before {
    position: absolute;
    content: "";
    border-bottom: 1px dashed #D9D9D9;
    width: 15px;
    left: -15px;
    height: 1px;
    top: 50%;
}

.workflow-comments-page .comment-replies {
    position: relative;
}

.workflow-comments-page .comment-thread .show-reply-btn {
    padding: 0px 10px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    margin: 10px;
    background-color: #FAFAFA;
}

.workflow-comments-page .comment-card-bottom {
    margin-top: 10px;
}

.workflow-comments-page .comment-card-bottom .comment-text {
    font-size: 13px;
    line-height: 20px;
}

.workflow-comments-page .comment-card-bottom .comment-text a {
    color: #096DD9;
    margin-right: 5px;
}

.workflow-comments-page .comment-form {
    display: flex;
    gap: 10px;
    max-height: 200px;
    flex-direction: column;
    position: relative;
    padding: 10px;
    background-color: #FFFFFF;
}

.workflow-comments-page .comment-thread .comment-form {
    padding: 0px;
}

.workflow-comments-page .comment-attachment {
    display: flex;
    gap: 5px;
    align-items: center;
}

.workflow-comments-page .comment-form-attachments {
    display: flex;
    gap: 5px;
    align-items: center;
    position: absolute;
    left: 12px;
    top: 52px;
}

.workflow-comments-page .comment-form-attachments.inside-footer {
    left: 20px;
    top: 62px;
}

.workflow-comments-page .comment-form-attachments.editing {
    position: relative;
    top: 0px;
    left: 4px;
}

.workflow-comments-page .comment-form-attachments .ant-tag {
    display: flex;
    gap: 3px;
    align-items: center;
}

.workflow-comments-page .comment-form .comment-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.workflow-comments-page .comment-form-actions>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.workflow-comments-page .comment-form>span {
    width: 100%;
}

.workflow-comments-page .comment-form textarea {
    width: 100%;
    height: 80px;
}

.workflow-comments-page .comment-form .ck-content {
    max-height: 150px;
    min-height: 70px;
}

.workflow-comments-page .comment-form .comment-form-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.workflow-comments-page.compact-view .comment-form-actions button {
    padding: 4px 8px;
}

.workflow-comments-page .comment-form .comment-form-actions .icon.send path {
    fill: #FFFFFF;
}

.workflow-comments-page .comment-form .comment-form-actions .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
}

.workflow-comments-page .vertical-line {
    display: none;
    height: calc(100% - 41px);
    border-left: 1px dashed #D9D9D9;
    position: absolute;
    top: 26px;
    left: 30px;
}

.workflow-comments-page .thread-expanded.vertical-line {
    display: block;
}

.workflow-comments-page .form-opened.vertical-line {
    height: calc(100% - 86px);
}

.workflow-comments-page .comment-replies .reply-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: calc(100% - 60px);
    margin-left: 45px;
}

.workflow-comments-page .comment-object-type {
    border-radius: 5px;
    padding: 0px 10px 10px;
    margin-bottom: 10px;
    position: relative;
    min-width: 200px;
    width: fit-content;
    font-size: 12px;
}

.workflow-comments-page .comment-object-type>div {
    margin-top: 10px;
}

.workflow-comments-page .comment-object-type .tag {
    position: relative;
    padding: 2px 8px;
    border-radius: 0px 0px 4px 4px;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 10px;
    text-transform: lowercase;
    border-width: 2.5px 1px 1px;
    border-style: solid;
    margin-bottom: 10px;
}

.workflow-comments-page .comment-object-type .tag::first-letter {
    text-transform: uppercase;
    font-size: 20px;
}

.workflow-comments-page .comment-object-type .text {
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    font-weight: bold;
    margin-inline: 8px;
}

.workflow-comments-page .comment-object-type.question .text {
    left: 74px;
}

.workflow-comments-page .comment-object-type.evaluation .text {
    left: 82px;
}

.workflow-comments-page .comment-object-type.question {
    outline: 1px solid #FFE7BA;
    background-color: #FFF7E6;
}

.workflow-comments-page .comment-object-type.question .tag {
    border-color: #FA8C16;
    background-color: #FA8C16;
}

.workflow-comments-page .comment-object-type.evaluation {
    outline: 1px solid #BAE7FF;
    background-color: #E6F7FF;
}

.workflow-comments-page .comment-object-type.evaluation .tag {
    border-color: #096DD9;
    background-color: #096DD9;
}

.workflow-comments-page .workflow__comment--type-question p {
    margin-top: 20px;
    margin-bottom: 0px;
}

.comments-filter-wrapper .ant-radio-wrapper {
    margin-top: 10px;
}

.workflow-comments-page.compact-view .ant-drawer-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.workflow-comments-page.compact-view .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.workflow-comments-page.compact-view header,
.workflow-comments-page.compact-view footer,
.workflow-comments-page.compact-view .workflow__comment--type-question,
.workflow-comments-page.compact-view .workflow__comments--filter-area {
    flex: 0 0 auto;
}

.workflow-comments-page.compact-view .comments-body-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.workflow-comments-page.compact-view .comments-body>.comment-container {
    background-color: white;
}

.workflow-comments-page.compact-view .comments-body {
    overflow-y: scroll;
    min-height: 50vh;
    padding-right: 10px;
}

.workflow-comments-page.compact-view .highlight__comment {
    background-color: #FFF7ED;
}

.ant-modal.workflow-comments-page {
    top: 50px;
}

.ant-modal.workflow-comments-page .ant-modal-content {
    padding: 0px;
}

.ant-modal.workflow-comments-page .comments-body {
    padding: 20px 24px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #D9D9D9;
    margin-block: 0px;
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.ant-modal.workflow-comments-page .modal-title {
    padding: 16px 24px;
    font-size: 20px;
    line-height: 24px;
}

.ant-modal.workflow-comments-page .ant-modal-footer {
    padding: 16px 24px;
}

.workflow-comments-page .empty-comments-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 98%;
    padding: 20px;
}

.workflow-comments-page .empty-comments-container div {
    text-align: center;
}

.workflow-comments-page .empty-comments-container h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.workflow-comments-page .empty-comments-container p {
    font-size: 12px;
    line-height: 14px;
    color: #8C8C8C;
}

.workflow-comments-page .ant-skeleton-content .ant-skeleton-title {
    margin-top: 12px;
}

.workflow-comments-page .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
    margin-top: 24px;
    margin-left: -40px;
}

.workflow-comments-page .ant-skeleton {
    margin-top: 16px;
    padding-inline: 10px;
}

.workflow-comments-page .ant-skeleton-header .ant-skeleton-avatar-lg {
    width: 36px;
    height: 36px;
}

.workflow-comments-page .ant-skeleton-header {
    padding-right: 4px;
}

.workflow-comments-page .comment-loading {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    opacity: 0.7;
}

.workflow-comments-page .deleted-comment {
    padding: 10px;
    color: #8C8C8C;
    display: flex;
    gap: 10px;
    justify-content: left;
    align-items: center;
}

.workflow-comments-page .deleted-comment .icon.deleted {
    background-color: #D9D9D9;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.workflow-comments-page .deleted-comment .icon.deleted path {
    fill: #8C8C8C;
}

.workflow-comments-page .toggle-content-btn {
    display: inline-block;
    color: #1890FF;
    cursor: pointer;
    padding-top: 10px;
}

.workflow-comments-page .comment-length-info {
    padding-top: 5px;
    font-size: 12px;
    line-height: 14px;
    height: 16px;
    color: #ED1C24;
}
.json-syntax-highlighter {
  position: relative;
}
.json-syntax-highlighter pre,
.json-syntax-highlighter pre span {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono,
    DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
}

.json-syntax-highlighter pre {
  background-color: #202020;
  border-radius: 0.3rem;
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  color: #eaeaea;
  max-height: 400px;
  overflow-y: auto;
}
.string {
  color: rgb(191, 255, 172);
}
.number {
  color: rgb(255, 88, 183);
}
.boolean {
  color: rgb(253, 145, 255);
}
.null {
  color: rgb(255, 177, 161);
}
.key {
  color: rgb(83, 221, 255);
}

.copy-json-button {
  position: absolute;
  right: 8px;
  top: 5px;
  padding: 0.12rem;
  cursor: pointer;
}

.copy-json-button .copied-info {
  color: #eaeaea;
  padding-right: 0.5rem;
  font-size: 0.8rem;
}
.copy-json-button.disabled {
  pointer-events: none;
}

.copy-json-button:hover svg {
  stroke: #d3d3d3;
}
.copy-json-button:active svg {
  stroke: #a2a2a2;
}

.ats-status-modal .ats-status-modal-header {
  font-size: 1.35rem;
  font-weight: 500;
}

.ats-status-modal .ats-status-modal-sub-header {
  font-size: 0.95rem;
  font-weight: 400;
  padding-bottom: 0.8rem;
  border-bottom: #dfdfdf solid 1px;
  color: #888888;
}

.ats-status-modal .ats-health-check-loader {
  width: 100%;
  padding: 1rem 2rem;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ats-status-modal .ats-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.ats-status-modal .ats-status-error-message-wrapper {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding-block: 0.5rem;
}

.ats-status-modal .ats-issues-heading {
  padding-block: 1rem;
}

.ats-status-modal .ats-status-error-message-wrapper > svg {
  width: 18px;
  min-width: 18px;
}

.ats-status-modal .ats-status-modal-content .ant-collapse-header,
.ats-status-modal .ats-status-modal-content .ant-collapse-content-box {
  padding: 1.75rem 0 0rem 0 !important;
}

.tags-with-validation .tags-with-validation-input {
  flex: 1;
  min-width: 120px;
  min-height: 0;
  padding: 0.25rem;
}

.tags-with-validation .tags-with-validation-input[disabled] {
  background-color: transparent;
}

.tags-with-validation .tags-with-validation-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.tags-with-validation .tags-with-validation-tag {
  display: flex;
  align-self: start;
  align-items: center;
  padding: 0.2rem 0.4rem;
  gap: 0.5rem;
  background-color: #eaeaea;
}

.tags-with-validation .tags-with-validation-tag-close {
  font-weight: 500;
  padding: 0;
}

.tags-with-validation .tags-with-validation-tag-close,
.tags-with-validation .tags-with-validation-tag-close:focus {
  border: none;
  outline: 0;
}

.tags-with-validation .tags-with-validation-tag-close[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.tags-with-validation .tags-with-validation-input,
.tags-with-validation .tags-with-validation-input:hover,
.tags-with-validation .tags-with-validation-input:focus,
.tags-with-validation .tags-with-validation-input:active {
  width: min-content;
  border: none;
  outline: 0;
  box-shadow: none;
}

.tags-with-validation
  .ant-input-status-error:not(.ant-input-disabled).ant-input {
  background: #fff;
  border-color: #ff4d4f;
}

.tags-with-validation-error-wrapper .validation-error {
  color: #ff4d4f;
  font-size: 0.85rem;
  font-weight: 400;
  display: none;
}

.tags-with-validation-error-wrapper .validation-error.visible {
  display: block;
}

.tags-with-validation-error-wrapper {
  min-height: 24px;
  margin-top: 0.5rem;
}

.config-email-modal .ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}

.config-email-modal .ant-alert-info svg {
  color: #1890ff;
}

.config-email-modal .ant-checkbox-wrapper {
  margin-block: 1rem;
}

.config-email-modal .email-config-select {
  padding: 0.35rem 0.5rem;
}

.config-email-modal .ant-modal-footer {
  padding-inline: 0;
}

#ats-health-check-page .ats-health-check-sub-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 1.5rem;
}

#ats-health-check-page .ats-health-check-sub-header > span:nth-child(2) {
  margin-right: auto;
}

#ats-health-check-page .ats-health-check-header {
  padding: 1.5rem 0 0.65rem 0;
}

#ats-health-check-page .search-ats {
  max-width: 500px;
}

#ats-health-check-page svg {
  vertical-align: baseline;
}

#ats-health-check-page .ant-table-wrapper {
  padding-bottom: 1.5rem;
}

#ats-health-check-page .ant-table {
  min-height: 150px;
}

#ats-health-check-page .ant-pagination {
  display: flex;
  justify-content: center;
  padding-bottom: 2.5rem;
}

#ats-health-check-page .search-ats > input {
  min-height: 1.75em;
}

#ats-health-check-page .search-ats > .ant-input-suffix > svg {
  height: 15px;
  width: 15px;
}

#ats-health-check-page .ats-health-check-button {
  margin-left: auto;
}

#ats-health-check-page
  .ats-health-check-button.ats-health-check-button-primary {
  position: absolute;
  right: 2rem;
}

#ats-health-check-page .ats-title {
  color: #888888;
}

#ats-health-check-page .ats-status-tag-cell {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

#ats-health-check-page .ats-not-applicable {
  color: #9a9a9a;
  font-style: italic;
}

#ats-health-check-page .border-none {
  border: none;
}

#ats-health-check-page .ats-actions-container {
  display: flex;
  gap: 0.5rem;
}

#ats-health-check-page .ats-actions-container button,
#ats-health-check-page .ats-status-tag-cell button {
  align-self: center;
  padding: 0.05rem 0.75rem;
}

#ats-health-check-page .ats-actions-container button > svg {
  position: relative;
  top: 2px;
}

#ats-health-check-page
  .ant-table-row:hover
  .ant-btn.ant-btn-default.border-none {
  background-color: #fafafa;
}

#ats-health-check-page .ats-health-check-loading {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 175px;
}

#ats-health-check-page .multi-select-dropdown {
  min-width: 200px;
  padding: 0.9rem 0.8rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ats-health-check-page .multi-select-dropdown:focus,
#ats-health-check-page .multi-select-dropdown:hover {
  color: #000000d9;
}

.workflow-logs-filters-holder {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ats-workflow-logs-table-actions-button svg {
  width: 0.5rem;
  position: relative;
}

.ats-workflow-logs-table-actions-button {
  display: flex;
  align-items: center;
  border: none;
}

.ant-table-row:hover .ats-workflow-logs-table-actions-button {
  background-color: #fafafa;
}

#ats-health-check-page .ant-empty-normal {
  padding-block: 4rem;
}

#ats-health-check-page .ats-not-configured {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 512px;
}

#ats-health-check-page .workflow-title {
  font-weight: 500;
}

#ats-health-check-page .workflow-secondary-title {
  color: #848484;
}

#ats-health-check-page > .ant-result.ant-result-403,
#ats-health-check-page > .ant-result.ant-result-warning {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ats-health-check-page > .ant-result-icon.ant-result-image {
  margin: 0 0 1rem 0;
}

.import-requisition-modal .ant-modal-footer {
  padding-inline: 0;
  padding-top: 1.5rem;
}

.import-requisition-modal .import-requisition-modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  padding-block: 1rem;
}

.candidate-search-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #484D4E;
}
.candidate-search-wrapper .ant-input{
    min-height: 32px;
}
.candidate-search-wrapper label{
    display: block;
    font-weight: 500;
}
.candidate-search-result-wrapper{
    margin: 40px 0;
    display: flex;
    border: 1px solid #d9d9d9;
    flex-direction: column;
    color: #484D4E;
    margin-bottom: 60px;
}
.candidate-search-result-wrapper h3{
    font-size: 18px;
    margin: 0;
}

.candidate-search-result-wrapper .ant-collapse > .ant-collapse-item > .ant-collapse-header{
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
}

.candidate-search-result-wrapper h4{
    font-size: 16px;
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}
.candidate-search-result-wrapper .ant-collapse:first-child h4{
    border-top: 0px;
}
.candidate-search-result-wrapper .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box{
    padding: 0;
}
.candidate-search-result-wrapper ul{
    padding: 16px 24px;
    list-style: none;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0;
}
.candidate-search-result-wrapper ul li{
    display: flex;
    padding: 8px 0;
}
.candidate-search-result-wrapper ul li span{
    width: 45%;
}
.candidate-search-result-wrapper ul li span:first-child{
    width: 10%;
}
.candidate-search-result-wrapper .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .ant-collapse-header{
    padding: 0 !important;
    border: 0px;
}
.candidate-search-result-wrapper .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .ant-collapse-header h4{
    padding: 16px 24px !important;
}
.candidate-search-result-wrapper .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .ant-collapse-header svg{
    margin-top: 21px;
    margin-right: 24px;
}
.empty-holder{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.shimmer-loader {
  width: 100%;
  border-radius: 0.3rem;
  position: relative;
  overflow: hidden;
  padding-block: 0.45rem;
  animation: shimmer 1s infinite ease-in-out;
}

@keyframes shimmer {
  0% {
    background-color: #c9c9c9;
  }
  50% {
    background-color: #eeeeee;
  }
  100% {
    background-color: #c9c9c9;
  }
}

.ats-log-drawer .ats-health-check-loader {
  width: 100%;
  padding: 1rem 2rem;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ats-log-drawer .ats-workflow-log-drawer-grid {
  color: #484d4e;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 0.5rem;
}

.ats-log-drawer .ats-log-detail-section {
  color: #484d4e;
  margin-top: 1.5rem;
}

.ats-log-drawer .ats-log-detail-section h6 {
  margin-bottom: 0.85rem;
}

.ats-log-drawer .ats-not-applicable {
  color: #9a9a9a;
  font-style: italic;
}

.ats-log-drawer .ats-drawer-sub-header {
  font-size: 0.9rem;
  font-weight: normal;
  color: #484d4e;
}

.high-five-wrapper {
  margin-top: 10px;
  padding-bottom: 40px;
}
.high-five-wrapper h3 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}
.high-five-card {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  padding: 8px 16px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
}
.high-five-card p {
    color: #484D4E;
    margin: 0;
    margin-top: 8px;
}
.high-five-card p a {
    color: #0050B3 !important;
    font-weight: 500;
    margin-right: 4px;
}
.high-five-wrapper .avatar{
  width: 34px;
  height: 34px;
  background: #FFF1F0;
  color: #F5222D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
}
.high-five-wrapper .name-sec{
  display: flex;
  align-items: center;
  position: relative;
}
.high-five-wrapper .name-sec .time-display{
  font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #9B9B9B;
position: absolute;
right: 10px

}
.high-five-wrapper .name{
  font-weight: 500;
  margin: 0 8px;
}
.high-five-wrapper .to{
  font-weight: 400;
font-size: 12px;
line-height: 20px;
margin-right: 8px;
}
.high-five-wrapper .multiple{
  display: flex;
  align-items: center;
}
.high-five-wrapper .multiple .avatar{
  margin-left: -8px;
}
.high-five-wrapper .multiple .avatar:first-child{
  margin-left: 0px;
}
.high-five-wrapper .input-tag{
  min-height: 60px;
  resize: none;
}
.high-five-wrapper .react-autocomplete-input, .icon-high-five-wrapper .react-autocomplete-input{
  margin-top: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.high-five-wrapper .react-autocomplete-input > li.active, .icon-high-five-wrapper .react-autocomplete-input > li.active{
  background-color: #fdf5e9;
  color: #484D4E;
}
.high-five-wrapper .high-five-button{
  display: flex;
  justify-content: flex-end;
}
.high-five-wrapper .high-five-input-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.high-five-wrapper .high-five-input-wrapper span{
  width: calc(100% - 109px);
}
.high-five-wrapper .high-five-button button{
  height: 58px;
}
.highfive-button{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.highfive-button svg{
  fill: #fff;
}
.high-five-wrapper .high-five-delete{
  position: absolute;
  right: 20px;
  top: 50%;
  display: none;
  cursor: pointer;
}
.high-five-wrapper .high-five-card:hover .high-five-delete{
  display: block;
}
.high-five-text {
  white-space: pre-wrap;
}
.high-five-text i {
  opacity: 0.8;
}
.icon-high-five-wrapper{
  padding: 16px;
}
.icon-high-five-wrapper .input-tag{
  min-height: 60px;
  resize: none;
  width: 356px;
}
.icon-high-five-wrapper .high-five-button{
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.react-autocomplete-input {
   background-clip: padding-box;
   background-color: #fff;
   border: 1px solid rgba(0,0,0,0.15);
   bottom: auto;
   box-shadow: 0 6px 12px rgba(0,0,0,0.175);
   display: block;
   font-size: 14px;
   list-style: none;
   padding: 1px;
   position: fixed;
   text-align: left;
   z-index: 20000;
   overflow-y: scroll;
   margin-top: 1em;
}

.react-autocomplete-input > li {
  cursor: pointer;
  padding: 10px;
  min-width: 100px;
}

.react-autocomplete-input > li.active {
  background-color: #337ab7;
  color: #fff;
}


.recruiter-feedback-wrapper .recruiter-feedback-trigger{
    background-color: var(--im-primary);
    width: 50px;
    height: 50px;
    border-radius: 8px;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 8px;
    cursor: pointer;
}
.recruiter-feedback-wrapper .recruiter-feedback-trigger span svg path{
    fill: #fff;
}
.feedback-ratings{
    padding: 10px 20px;
}
.feedback-ratings p{
    font-weight: 500;
    color: #484D4E;
    font-size: 16px;
}
.feedback-ratings ul{
    display: flex;
    padding: 0px;
    list-style: none;
    margin-bottom: 5px;
    justify-content: space-between;
}
.feedback-ratings ul li{
    width: 48px;
    height: 48px;
    border: 1px solid #484D4E;
    color: #484D4E;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
}
.feedback-ratings ul li:hover{
    background-color: #484D4E;
}
.feedback-ratings ul li:first-child:hover, .feedback-ratings ul li.active:first-child{
    background-color: #F41D00;
}
.feedback-ratings ul li:nth-child(2):hover, .feedback-ratings ul li.active:nth-child(2){
    background-color: #FF7900;
}
.feedback-ratings ul li:nth-child(3):hover,  .feedback-ratings ul li.active:nth-child(3){
    background-color: #FEC600;
}
.feedback-ratings ul li:nth-child(4):hover,  .feedback-ratings ul li.active:nth-child(4){
    background-color: #BDFF00;
}
.feedback-ratings ul li:nth-child(5):hover,  .feedback-ratings ul li.active:nth-child(5){
    background-color: #12C43C;
}
.feedback-labels{
    display: flex;
    justify-content: space-between;
    font-size: 11px;
}
.feedback-input{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.feedback-input span{
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 303px;
}
.feedback-submit{
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
.proto__botifier .add__selectitem .form-wrapper {
    padding: 0.2rem 1rem 1rem;
}

.proto__botifier .add__selectitem .action-btn-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.proto__botifier .add__selectitem .ant-form-horizontal .ant-form-item-control{
    flex: none;
}

.proto__botifier .add__selectitem .ant-col {
    margin-bottom: -10px;
}

.proto__botifier .add-new-with-structure .fields-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.add-new-with-structure .action-btn-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}

.add-new-with-structure .form-wrapper {
    padding: 0.5rem 1rem;
}
 .proto__botifier .add-new-with-structure .add__selectitem {
     max-height: 220px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card {
    background-color: var(--im-lighter-grey);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--im-grey);
    margin-block: 8px;
}

.link-adhoc-workflow-section .evaluations-list {
    padding-top: 10px;
}

.link-adhoc-workflow-section .evaluations-list .evaluation-item > .ant-checkbox-wrapper {
    font-weight: 500;
    margin-bottom: 15px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .delete-icon svg,
.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .edit-icon svg {
    height: 16px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .edit-icon svg path{
    fill: dodgerblue;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .delete-icon svg path{
    fill: red;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .title {
    font-weight: bold;
    display: flex;
    gap: 20px;
    align-items: center;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .title .ant-alert-message {
    font-weight: 400;
    color: red;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .actions .action-icon {
    cursor: pointer;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .actions .action-icon.disabled {
    cursor: not-allowed;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .actions .action-icon.disabled svg path {
    fill: var(--im-grey);
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .header .actions {
    display: flex;
    gap: 10px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.link-adhoc-workflow-section .evaluations-list .evaluation-fields {
    margin-bottom: 20px;
}

.link-adhoc-workflow-section .error-message {
    color: red;
    display: inline-block;
    margin-top: 5px;
}

.link-adhoc-workflow-section .ant-form-item {
    padding-bottom: 20px;
}

.link-adhoc-workflow-section .ant-form-item-with-help {
    margin-bottom: 24px;
}

.link-adhoc-workflow-section .evaluations-list .ant-divider-horizontal {
    margin: 12px 0;
}

.link-adhoc-workflow-section .grouped-evaluation {
    padding: 10px;
    padding-left: 30px;
}

.link-adhoc-workflow-section .grouped-evaluations .explanation {
    font-weight: 500;
    margin-right: 10px;
    display: flex;
    gap: 5px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .adhoc-workflow-error {
    padding-block: 5px;
    color: red;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .ant-radio-group {
    margin-block: 20px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .extra-params .ant-checkbox-wrapper {
   width: 100%;
   margin-left: 0px;
   margin-bottom: 10px;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .evaluation-item .ant-tag {
    background-color: var(--im-primary-color-shade-1);
    border: 1px solid var(--im-primary-color);
    font-weight: 500;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .evaluation-item .grouped-eval-tag {
    display: inline-block;
}

.link-adhoc-workflow-section .selected-adhoc-workflow-card .evaluation-item .grouped-eval-tag .ant-tag {
    background-color: unset;
    border: 1px solid gray;
}

.link-adhoc-workflow-section .expand-button {
    font-size: 12px;
    cursor: pointer;
    color: darkblue;
}

.link-adhoc-workflow-section .expand-button svg {
    height: 16px;
}

.gpt-resume-keywords {
    background-color: #F0F0F0;
   padding: 18px 16px 18px 16px;
   border-radius: 5px;
   margin: 10px 0;
   color: #484D4E;
}

.gpt-resume-keywords h3, .gpt-resume-keywords .gpt-generated-keywords-area .header h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.gpt-resume-keywords .input-area .input-form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.gpt-resume-keywords .input-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.gpt-resume-keywords .gpt-generated-keywords-area {
    padding: 20px;
    background-color: #FFFFFF;
    margin-top: 10px;
    border-radius: 5px;
    max-width: 620px;
}

.gpt-resume-keywords .gpt-generated-keywords-area .header {
    margin-bottom: 10px;
}

.gpt-resume-keywords .gpt-generated-keywords-area .header label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.gpt-resume-keywords .gpt-generated-keywords-area .header label span{
    color: #8C8C8C;
}

.gpt-resume-keywords .gpt-generated-keywords-area .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.gpt-resume-keywords .gpt-generated-keywords-area .footer .link-btn {
    color: #096DD9;
    padding: 0;
}

.gpt-resume-keywords .gpt-generated-keywords-area .footer .checkbox-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

#smartTemplateForm .ant-picker-input>input[disabled],
#smartTemplateForm .ant-picker.ant-picker-disabled,
#smartTemplateForm .ant-input[disabled],
#smartTemplateForm .ant-input-number-disabled,
#smartTemplateForm .ant-select-disabled .ant-select-selector {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.85);
}
#smartTemplateForm .select-all {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  cursor: auto;
}
#smartTemplateForm .delayed-parsing-enabled {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
#smartTemplateForm .delayed-parsing-enabled .ant-col {
  width: 50%;
}
#smartTemplateForm .delayed-parsing-enabled .ant-col:last-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#smartTemplateForm .ant-form-item {
  margin-bottom: 0;
}

#smartTemplateForm .smart-template-form-field {
  margin-bottom: 24px;
}

#smartTemplateForm .smart-template-form-field .ant-alert{
  max-width: 650px;
  margin-bottom: 10px;
}

#smartTemplateForm .smart-template-form-field .ant-alert{
    background-color: #e6f4ff;
    border: 1px solid #91caff;
}

.smart-template-skills {
    width: 950px;
}

.smart-template-skills.ebs-smart-template-scoring {
    width: 590px;
}

.smart-template-skills .content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
}

.smart-template-skills .instruction {
    display: flex;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    align-items: center;
    width: 90px;
}

.smart-template-skills .skill-pool-wrapper,
.smart-template-skills .must-have-wrapper,
.smart-template-skills .good-to-have-wrapper {
    width: 275px;

}

.smart-template-skills .icons-actions {
    display: flex;
    justify-content: space-between;
}

.smart-template-skills .icons-actions .icons {
    font-size: 12px;
    line-height: 20px;
    display: flex;
    gap: 15px;
    background-color: #FAFAFA;
    border-radius: 5px;
    padding: 5px 10px;
}

.smart-template-skills .icons-actions .actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.smart-template-skills.ebs .skill-tag-wrapper {
    height: calc(100vh - 310px);
}

.proto__botifier--modal-footer .text-with-icon svg {
    width: 7px;
}

.smart-template-skills .input-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.evaluation-mapping .ant-table-content {
    margin-top: 10px;
}

.evaluation-mapping .ant-table-content th+th {
    box-shadow: -18px 0 0 -17px rgba(0, 0, 0, 0.06);
}

.evaluation-mapping .ant-table-content .username div {
    font-size: 14px;
    line-height: 18px;
}

.evaluation-mapping .ant-table-content .username span {
    font-size: 13px;
    line-height: 16px;
    color: #8C8C8C;
}

.evaluation-mapping .ant-table-content .ImSelect {
    width: 100%;
}

.evaluation-mapping .ant-table-content .expandable svg {
    margin-right: 10px;
}

.evaluation-mapping .ant-table-content .group-row {
    font-size: 15px;
    line-height: 22px;
    color: var(--im-outer-space);
    border-bottom: 0px solid var(--im-light-silver-4);
    background: var(--im-lotion-4);
    box-shadow: -18px 0 0 -17px rgba(0, 0, 0, 0.06);
}

.evaluation-mapping .ant-table-content .ImSelect .ant-tag {
    color: var(--im-primary-color-shade-7);
    border: 1px solid var(--im-primary-color-shade-7);
    padding: 3px 6px;
    font-size: 10px;
    line-height: 13px;
    margin-left: 4px;
    display: inline-block;
    white-space: normal;
}

.evaluation-mapping .ant-table-content .ImSelect .ant-select-selection-overflow {
    min-height: 40px;
    max-height: 56px;
    overflow-y: auto;
}

.evaluation-mapping .remove-evaluations {
    padding: 0 7px;
}

.evaluation-mapping .remove-evaluations svg {
    width: 19px;
    height: 20px;
}

.evaluation-mapping .remove-evaluations svg path {
    fill: #F49C26;
}

#smartTemplateForm .smart-template-form-field .evaluation-mapping .ant-alert {
    max-width: 100%;
}

.proto__botifier .ant-modal-title .proto__botifier--modal-title h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--im-outer-space);
    margin-bottom: 0;
}

.proto__botifier .ant-modal-content {
    padding: 0;
    width: max-content;
}

.proto__botifier .ant-modal-header {
    padding: 16px 36px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 0;
}

.proto__botifier .step-wrapper {
    padding: 10px 20px 10px;
    background-color: #FAFAFA;
    margin-bottom: 24px;
}

.proto__botifier .step-wrapper .circle {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--im-white);
    rotate: none;
}

.proto__botifier .step-wrapper .ant-steps-item-tail {
    top: 0px;
}

.proto__botifier .step-wrapper .ant-steps-item-tail::after {
    width: calc(100% - 33px);
    margin-left: 32px;
    margin-top: 17px;
}

.proto__botifier .step-wrapper .ant-steps-dot .ant-steps-item-icon {
    position: absolute;
    top: 0px;
}

.proto__botifier .step-wrapper .ant-steps-dot .ant-steps-item-content {
    width: 170px;
}

.proto__botifier .step-wrapper .ant-steps-dot .ant-steps-item-title {
    margin-top: 42px;
    font-size: 14px;
}

.proto__botifier .section-wrapper {
    padding: 0px 36px;
    margin-bottom: 24px;
    height: calc(100vh - 300px);
    overflow-x: clip;
    overflow-y: scroll;
}

.proto__botifier .ant-modal-footer {
    padding: 16px 36px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.proto__botifier .ImSelect,
.proto__botifier .ant-picker,
.proto__botifier .ant-input-number {
    width: 100%;
}

.proto__botifier .ant-select-selection-item-remove svg {
    margin-top: -5px;
}

.select__or--add .ant-select-selection-item {
    background-color: transparent;
    border: none;
}

.select__or--add .ant-select-selection-item svg {
    display: none;
}

.proto__botifier .smart__template--loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    width: 100%;
    height: 78vh;
}

.proto__botifier .special-decorator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.proto__botifier .special-decorator p {
    margin-bottom: 0;
}

.proto__botifier .ant-form-item-label>label {
    width: 100%;
}

.proto__botifier .special-decorator label {
    margin-bottom: 0;
    color: var(--workflow-comments-light-grey);
}

.smart-template-settings-form {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.smart-template-settings-form .ant-row.ant-form-item {
    width: 45%;
}

.smart-template-settings-form .ant-row.ant-form-item .ImSelect {
    width: 100%;
}

.smart-template-settings-form .ant-row.ant-form-item .ant-form-item-label {
    color: grey;
}

.smart-template-settings-form-actions {
    display: flex;
    justify-content: flex-end;
}

.proto__botifier .special-decorator .gpt-tag-generation-btn {
    color: #096DD9;
    padding: 0;
}

.proto__botifier .ant-modal-title .proto__botifier--modal-title label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: -5px;
    color: #9b9b9b;
}

.proto__botifier--modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.proto__botifier #smartTemplateForm {
    min-width: 650px;
}

.proto__botifier .smart-template-skills {
    width: 950px;
}

.proto__botifier .proto__botifier--modal-footer .text-with-icon svg {
    width: 7px;
}

.proto__botifier-success .ant-modal-title {
    display: flex;
    gap: 10px;
}

.proto__botifier-success .green-circle {
    display: flex;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #12CE00;
}

.proto__botifier .smart-template-preview {
    max-width: 800px;
}

.proto__botifier .smart-template-preview .content {
    display: flex;
    flex-wrap: wrap;
    width: inherit;
}

.proto__botifier .smart-template-preview .content .in-line {
    width: 50%;
    margin: 5px 0px;
}

.proto__botifier .smart-template-preview .content .block {
    width: 100%;
    margin: 5px 0px;
}

.proto__botifier .smart-template-preview .content .block .value {
    max-width: 600px;
}

.proto__botifier .smart-template-preview .content .tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.proto__botifier .smart-template-preview .content .tag {
    display: inline-block;
    background: #F5F5F5;
    border: 1px solid #f5f5f5;
    padding: 1px 4px;
    margin: 4px 0px 0px 8px;
    border-radius: 2px;
    font-size: 12px;
    color: #484D4E;
}

.proto__botifier .smart-template-preview .heading {
    width: 100%;
    padding: 5px 10px;
    background-color: #F5F5F5;
    color: #484D4E;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0px;
}

.proto__botifier .smart-template-preview .heading::first-letter,
.proto__botifier .smart-template-preview .label::first-letter {
    text-transform: uppercase;
}

.proto__botifier .smart-template-preview .label {
    font-size: 12px;
    line-height: 20px;
    color: #8C8C8C;
}

.proto__botifier .smart-template-preview .value {
    font-size: 14px;
    line-height: 22px;
    color: #484D4E;
}

.proto__botifier-job-requirements .ant-modal-content {
    padding: 0px;
}

.proto__botifier-job-requirements .ant-modal-header {
    padding: 16px 20px 16px 36px;
    margin-bottom: 0px;
}

.proto__botifier-job-requirements .ant-modal-title {
    font-size: 20px;
    line-height: 24px;
    color: #484D4E;
}

.proto__botifier-job-requirements .ant-modal-body {
    border-color: #F0F0F0;
    border-width: 1px 0px;
    border-style: solid;
    padding: 20px 36px;
}

.proto__botifier-job-requirements .ant-modal-footer {
    padding: 16px 24px;
}

.proto__botifier .ck-editor__main {
    max-width: inherit;
}

.proto__botifier.dependent_fields .ant-modal-content {
    padding: 0;
    width: 600px;
}

.proto__botifier.dependent_fields .ant-modal-body {
    padding: 24px;
}

.proto__botifier.dependent_fields .label {
    font-size: 12px;
    line-height: 20px;
    color: #8C8C8C;
}

.proto__botifier.dependent_fields .ant-modal-title h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--im-outer-space);
    margin-bottom: 0;
}

#task-module {
  position: relative;
  margin-left: 12px;
}

#task-module .task-count {
  position: absolute;
  left: 10px;
  top: -12px;
  background-color: #e40000;
  height: 19px;
  border-radius: 3px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4em;
}

#task-module .task-module-icon svg{
  cursor: pointer;
}

.task-list-drawer .task-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--im-anti-flash-white);
  padding: 8px 16px;
}

.task-list-drawer .task-list-header>h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--im-outer-space);
  margin-bottom: 0;
}

.task-list-drawer .task-list-header>span {
  cursor: pointer;
}

.task-list-drawer .task-list {
  padding: 10px 10px 0px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}

.task-list-drawer .task-card {
  margin-bottom: 4px;
  padding: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 4px 8px rgba(111, 131, 149, 0.1);
  border-radius: 4px;
}

.task-list-drawer .task-card .ant-checkbox-wrapper {
  margin-top: -4px;
}

.task-list-drawer .task-card-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.task-list-drawer .task-card-inner .task-title {
  flex-grow: 1;
  padding: 0px 10px;
  font-size: 12px;
}

.task-list-drawer .task-card-inner.completed .task-title {
  text-decoration: line-through;
}

.task-list-drawer .add-task-area {
  padding: 0px 10px 10px;
}

.task-list-drawer .add-task-area .add-task-toggle {
  display: flex;
  cursor: pointer;
}

.task-list-drawer .add-task-area .add-task-toggle span {
  font-size: 30px;
  line-height: 18px;
  color: #F49C26;
}

.task-list-drawer .add-task-area .add-task-toggle label {
  color: #F49C26;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 12px;
  cursor: pointer;
}

.task-list-drawer .kebab-menu .ant-dropdown-trigger {
  padding: 0px 5px;
  cursor: pointer;
}

.task-kebab-menu li {
  font-size: 12px;
}

.task-list-drawer .task-card .workflow-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.task-list-drawer .task-card .workflow-info .tags {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.task-list-drawer .task-card .workflow-info .tag {
  padding: 1px 8px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  margin-right: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.task-list-drawer .task-card .workflow-info .tag-workflow {
  background: #FFF7E6;
  border-color: #FFC069;
  color: #F49C26;
  cursor: pointer;
}

.task-list-drawer .task-card .workflow-info .tag-recruiter {
  background: #E6F7FF;
  border-color: #40A9FF;
  color: #096DD9;
}

.task-list-drawer .task-list .ant-skeleton-paragraph li {
  height:36px;
}

.task-list-drawer .task-card .task-comment-icon {
  cursor: pointer;
}

.ant-popconfirm.confirm-resolve-comment .ant-popover-message-title {
  max-width: 280px;
}

.ant-tooltip.task-comment-icon-overlay .ant-tooltip-inner {
  width: 120px;
  font-size: 12px;
  line-height: 20px;
}

.task-list-drawer .task-card .task-title a {
color: #096DD9;
padding: 0 5px;
}

.edit-candidate-answer .ant-alert-info {
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
}
.edit-candidate-answer .ant-alert-info svg {
    color: #1890ff;
}
.edit-candidate-answer .answer-section{
    margin: 10px 0;
    border: 1px solid var(--im-anti-flash-white);
    border-radius: 4px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 9px 0px;
}
.edit-candidate-answer .answer-section p{
    margin-bottom: 0;
    width: 95%;
}
.edit-candidate-answer .answer-section .question{
    display: flex;
    align-items: baseline;
    column-gap: 10px;
    padding: 6px;
    min-height: 40px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
}
.edit-candidate-answer .answer-section .answer{
    display: flex;
    align-items: baseline;
    column-gap: 10px;
    min-height: 40px;
    padding: 6px;
    font-size: 14px;
    max-width: 95%;
}
.edit-candidate-answer .answer-section .question >span,
.edit-candidate-answer .answer-section .answer >span:first-child{
    height: 20px;
    width: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.edit-candidate-answer .answer-section .question-icon{
    border: 1px solid #D8E3ED;
    background-color: #EAF0F6;
    border-radius: 8px 8px 8px 0px;
}
.edit-candidate-answer .answer-section .answer-icon{
    border: 1px solid #FFC069;
    background-color: #FFE7BA;
    border-radius: 8px 8px 0px 8px;
}
.edit-candidate-answer .edit-answer-section ul.options{
    list-style: none;
    margin-top: 10px;
    padding-left: 0;
    max-height: 220px;
    overflow-y: auto;
}
.edit-candidate-answer .edit-answer-section{
    margin: 24px 0;
}
.edit-candidate-answer .edit-answer-section ul li > .option{ 
    min-height: 58px;
    border: 1px solid #E0E0E0;
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.edit-candidate-answer .edit-answer-section .no-search-result{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--im-light-slate-gray);
}
.edit-candidate-answer .edit-answer-section ul li > .option.selected{
    border: 1px solid #F49C26;
    background-color: #FFF3E3;
}
.edit-candidate-answer .edit-candidate-answer--footer{
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
    margin-top: 20px;
}
.edit-answer-section .character-count{
    position: relative;
}

.edit-answer-section .character-count >span{
    font-weight: 500;
    position: absolute;    
    background-color: #D6EDFF;
    font-size: 12px;
    padding: 4px;
    border-radius: 3px;
    color: #0065C9;
    right: 10px;
    bottom: 10px;
}

.edit-candidate-answer .character-count >span.count-exceed{
    color: var(--im-rusty-red);
    background-color: #f7d4d4;
}

.edit-candidate-answer .edit-candidate-answer--warning{
    animation: fadeIn 3s;
    margin-top: 10px;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

.edit-candidate-answer .edit-answer-file-upload-wrapper{
    margin-bottom: 10px;
}

.edit-candidate-answer .edit-answer-file-upload-wrapper .ant-tooltip-content {
    display: none;
  }

.edit-candidate-answer .edit-answer-file-upload-wrapper .ant-upload-drag-container span:first-child{
    font-size: 14px;
    font-weight: 400;
    color: var(--im-outer-space);
    display: block;
}

.edit-candidate-answer .edit-answer-file-upload-wrapper .ant-upload-drag-container .instruction-text{
    font-size: 14px;
    font-weight: 400;
    color: var(--im-spanish-grey-7);
    display: inline-block;
}

.edit-candidate-answer .answer-section .answer .no-answer{
    color: var(--im-grey-4);
}

.edit-candidate-answer .text-area-wrapper{
    margin-top: 10px;
}

.edit-candidate-answer .text-area-wrapper .ant-input{
    padding-bottom: 35px;
}

.edit-candidate-answer .ant-alert-content .ant-alert-message{
    line-height: 22px;
}

.edit-candidate-answer .date-wrapper{
    margin-top: 10px;
}

.edit-candidate-answer .date-wrapper .ant-picker{
    width: 300px;
}

.ant-picker-dropdown{
    z-index: 1099;
}

.edit-candidate-answer .answer-section .answer-text{
    white-space: pre-line;
}

.edit-candidate-answer .error-text {
    color: var(--im-imperial-red);
    display: inline-block;
}

.edit-candidate-answer .edited-text {
    font-size: 12px;
    color: #EB2F96;
    background-color: #FFF0F6;
    border: 1px solid #FFADD2;
    border-radius: 3px;
    display: inline-block;
    padding: 0 3px 0 3px;
}

.edit-candidate-answer .edit-answer-section ul li{
    position: relative;
}

.edit-candidate-answer .edit-answer-section ul li .option-selected-order{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 20px;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    margin-right: 10px;
}

.edit-candidate-answer .edit-answer-section ul li > .option p{
    margin: 0;
}

.edit-list-question-component .edit-list-qn-parent-wrapper{
    min-height: 60px;
    border: 1px solid var(--im-anti-flash-white);
    border-radius: 4px;
    padding: 10px;
}

.edit-list-question-component .edit-list-qn-parent-wrapper > span{
    font-size: 12px;
    background-color: var(--im-primary-color-shade-1);
    padding: 4px;
    border-radius: 3px;
}

.edit-list-question-component .edit-list-qn-sub-questions{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.edit-list-question-component .edit-list-qn-sub-questions .list-sub-question{
    margin: 0;
    padding: 5px;
    border: 1px solid var(--im-emerald);
    width: 220px;
    border-radius: 4px;
    display: flex;
    column-gap: 6px;
    margin: 4px 7px 0 0;
    cursor: pointer;
}

.edit-list-question-component .edit-list-qn-sub-questions .list-sub-question.selected{
    border: 1px solid var(--im-primary-color);
}

.edit-list-question-component .edit-list-qn-sub-questions .list-sub-question >span svg{
    height: 24px;
    width: 24px;
}

.edit-list-question-component .edit-list-sub-question-section{
    margin: 12px 0;
}

.edit-list-question-component .edit-list-sub-question-section .sub-question,
.edit-list-question-component .list-edit-preview-section .sub-question{
    background-color: #D6EDFF;
    font-size: 12px;
    padding: 4px;
    border-radius: 3px;
}

.edit-list-question-component .edit-list-sub-question-section > p{
    margin-top: 5px;
    font-size: 16px;
}

.edit-list-question-component .edit-list-qn-sub-questions .list-sub-question >span.question{
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edit-list-question-component .edit-list-preview-btn-wrapper{
    margin-top: 10px;
}

.edit-list-question-component .list-edit-preview-item{
    margin-top: 15px;
}

.edit-list-question-component .list-edit-preview-item >p{
    margin: 0;
    font-size: 14px;
}

.edit-list-question-component .list-edit-preview-item >div.answer{
    padding: 12px;
    border: 1px solid var(--im-anti-flash-white);
    border-radius: 4px;
    margin-top: 8px;
    font-size: 13px;
}

.edit-list-question-component .edit-list-submit-btn-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.edit-list-question-component .edit-list-preview-btn-wrapper .error-text{
    color: var(--im-imperial-red);
    display: block;
    margin-right: 20px;
}

.edit-list-question-component .edit-list-qn-sub-questions .list-sub-question.red-border{
    border: 1px solid var(--im-imperial-red);
}

.edit-list-question-component .list-edit-preview-section{
    max-height: 300px;
    overflow-y: auto;
}

.edit-list-question-component .edit-list-preview-btn-wrapper .buttons-section{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.edit-list-question-component .edit-list-preview-btn-wrapper .navigation-buttons .ant-btn{
    margin-right: 10px;
}

.edit-list-question-component .edit-list-preview-btn-wrapper .edited-text{
    display: block;
}

.edit-list-question-component .list-edit-preview-item p.new-answer{
    font-size: 13px;
    white-space: pre-line;
}

.edit-list-question-component .preview-btn-wrapper{
    display: flex;
    justify-content: flex-end;
}


.list-option-component{
    list-style: none;
    margin-top: 10px;
    padding-left: 0;
    max-height: 220px;
    overflow-y: auto;
}

.list-option-component li{
    min-height: 58px;
    border: 1px solid #E0E0E0;
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.list-option-component li.option.selected{
    border: 1px solid #F49C26;
    background-color: #FFF3E3;
}

.bot-qr-code-modal .bot-qr-code-modal-title {
    display: flex;
    justify-content: space-between;
}

.mass-upload-modal-wrapper.ant-modal-wrap {
  z-index: 1060;
}

.mass-upload-modal .ant-modal-content {
  padding: 0px;
}

.mass-upload-modal .ant-modal-content .ant-modal-header {
  padding: 16px 20px 16px 36px;
  margin-bottom: 0px;
}

.mass-upload-modal .ant-modal-content .ant-modal-title {
  font-size: 20px;
  line-height: 24px;
}

.mass-upload-modal .ant-modal-content .ant-modal-body {
  border-block: 1px solid #e1e2e1;
  padding-block: 20px;
  padding-inline: 30px;
}

.mass-upload-modal .ant-upload {
  width: 150px;
  height: 35px;
  justify-content: center;
  border: none;
  background-color: white;
  margin-block: 5px;
}

.mass-upload-modal .ant-upload .ant-upload-btn {
  padding: 0px;
  display: flex;
  border: 1px solid #e1e2e1;
  border-radius: 5px;
}

.mass-upload-modal .ant-upload .ant-upload-drag-container {
  margin: auto;
}

.mass-upload-modal .ant-upload .ant-upload-drag-container div {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}

.mass-upload-modal .ant-modal-footer {
  padding: 15px 26px;
}

.mass-upload-modal .click-here {
  color: #0050B3;
  cursor: pointer;
}

.mass-upload-modal .recommended {
  padding-bottom: 10px;
  color: rgba(0, 0, 0, 0.45);
}

.impress-forms-wrapper .header {
    display: flex;
    justify-content: space-between;
    padding: 24px 45px;
    background: #fefefe;
    box-shadow: 0px 4px 8px rgba(111, 131, 149, 0.1);
}

.impress-forms-wrapper .header .info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.impress-forms-wrapper .header .info h2 {
    margin-bottom: 0;
}

.impress-forms-wrapper .header .actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    flex-wrap: wrap;
}

.impress-forms-wrapper .header .actions svg {
    width: 14px;
    height: 14px;
}

.impress-forms-wrapper .header .actions .divider {
    height:2.2em;
    border-left: 1px solid #D9D9D9;
}

.impress-forms-wrapper .header.responsive-header {
    flex-direction: column;
    gap: 10px;
}

.profile-inner .inner .ant-menu {
    background: transparent;
    border-right: none;
   
}

.profile-inner .inner .sidebar-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-inner .inner .sidebar-menu-item div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-inner .inner .ant-scroll-number-only {
    margin-top: -2px;
}

.profile-inner .inner {
    background: #F8F7F8;
}

.profile-inner .vertical-profile-sidebar {
    position: sticky;
    top: 125px;
    overflow-y: auto;
    overflow-x: clip;
    max-height: 70vh;
    padding-right: 10px;
}

.impress-forms-popup-wrapper .profile-inner .vertical-profile-sidebar {
    top: 0px;
}

.profile-inner .horizontal-profile-sidebar {
    position: sticky;
    top: 160px;
}

.profile-inner .sidebar-menu-item .ant-badge .ant-scroll-number-only-unit {
    font-size: 10px;
}

.candidate-profile-section-card {
    background: var(--im-white);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}

.candidate-profile-section-card .profile-card-header {
    padding: 10px 10px;
    border-top-left-radius: 5px;
    position: relative;
}

.candidate-profile-section-card .profile-card-header::before {
    content: "";
    width: 4px;
    height: 50px;
    background-color: var(--im-primary-color);
    position: absolute;
    top: 5px;
    left: 0px;
    border-radius: 10px 0px 0px 0px;
}

.candidate-profile-section-card .profile-card-header .profile-header-info {
    display: flex;
    flex-direction: column;
}

.candidate-profile-section-card .profile-card-header .profile-header-info p {
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 8px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.85);
}

.candidate-profile-section-card .profile-card-header .profile-header-info p.section-required {
    color: #F51D2C;
    font-size: 13px;
}

.candidate-profile-section-card .profile-card-header .profile-header-info p span,
.candidate-profile-section-card .profile-card-footer p span {
    color: #F51D2C;
}

.candidate-profile-section-card .profile-card-header .profile-header-info .profile-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #484D4E;
}

.candidate-profile-section-card .profile-card-body {
    padding: 30px;
}

.candidate-profile-section-card .ImSelect{
    width: 100%;
}

.candidate-profile-section-card .profile-card-footer {
    display: flex;
    justify-content: space-between;
    border-top: 10;
    padding: 17px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.candidate-profile-section-card .profile-card-footer p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #8C8C8C;
}

.candidate-profile-section-card .profile-card-footer .profile-footer-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.candidate-profile-section-card .profile-card-header  .edit-form-action {
    padding: 5px 10px;
    background: #F8F8F8;
    border-bottom-left-radius: 5px;
    border: 1px solid #E9E9E9;
    cursor: pointer;
}

.candidate-profile-section-card .profile-card-header  .edit-form-action.add-icon svg {
    width: 14px;
    height: 14px;
}

.candidate-profile-section-card .profile-card-header  .edit-form-action.add-icon {
    border-right: none;
}

.candidate-profile-section-card .edit-form-action-icons-container {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.candidate-profile-section-card .profile-card-header  .edit-form-action.no-curve {
    border-bottom-left-radius: 0px
}

@media screen and (max-width: 767px) {
    .candidate-profile-section-card .profile-card-footer {
        flex-direction: column;
    }
    
    .candidate-profile-section-card .profile-card-footer .profile-footer-actions{
        gap: 5px;
    }

    .map-type-read-view-container .map-type-read-item{
        margin-right: 5px;
    }
}

.map-type-edit-view-container .map-item-label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.map-type-edit-view-container .ImSelect {
    width: 100% ;
}

.map-type-edit-view-container .ant-picker {
    width: 100%;
}

.map-type-read-view-container .map-type-read-item {
    padding: 8px;
    border: 1px solid white;
    border-radius: 4px;
    position: relative;
    height: 100%;
}

.map-type-read-view-container .map-type-read-item:has(input:checked) {
    border: 1px solid var(--im-primary-color);
}

.map-type-read-view-container .map-type-read-item.has-comment {
    border: 1px solid #F0F0F0;
}

.map-type-read-view-container.review-mode .map-type-read-item.has-comment {
    border: 1px solid var(--im-primary-color);
}

.map-type-read-view-container .map-type-read-item.has-comment .map-type-read-label p {
    color: red;
}

.map-type-read-view-container .map-type-read-item .has-comment-icon {
    position: absolute;
    top: 0px;
    right: 4px;
}

.map-type-read-view-container .map-type-read-item .has-comment-icon path {
    stroke: var(--im-outer-space);
}

.map-type-read-item .map-item-label-value {
    display: flex;
    flex-direction: column;
    gap: 4px;
    word-break: break-all;
    width: 100%;
}

.map-type-read-view-container .map-type-read-item {
    display: flex;
    gap: 8px;
}

.map-type-read-view-container .map-type-read-item .map-type-read-label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.map-type-read-view-container .map-type-read-item p {
    margin-bottom: 0;
}

.map-type-read-view-container.review-mode .map-type-read-item.has-comment .map-type-read-label p,
.map-type-read-view-container .map-type-read-item .map-type-read-label p {
    color: #9B9B9B;
    font-size: 12px;
    margin-block-start: 0px;
}

.map-type-read-view-container .map-type-read-item .map-type-read-value p {
    color: #484D4E;
    font-size: 14px;
    line-height: 16.41px;
    font-weight: 400;
    margin-block-start: 0px;
}
.map-type-read-label .help-text,.map-item-label .help-text{
    display: flex;
    line-height: 14px;
}
.map-type-read-label .help-text svg, .map-item-label .help-text svg{
    width: 14px;
    height: 14px;
}
.map-type-read-label .help-text svg g, .map-item-label .help-text svg g{
    fill: #9B9B9B;
}
.download-refer-value{
    font-size: 12px;
    margin-top: 5px;
    display: block;
}
.list-map-edit-view-table-container .ant-table table {
    border: 1px solid #F0F0F0;
    border-bottom: none;
}

.list-map-edit-view-table-container .ant-table table
.ant-table-thead > tr > th:not(:last-child):before {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    width: 1px;
    height: 1.6em;
    background-color: #f0f0f0;
    transform: translateY(-50%);
    transition: background-color 0.2s;
    content: "";
}

.list-map-edit-view-table-container .ant-table table
.ant-table-thead > tr > th {
    color: #484D4E;
}

.list-of-map-item .form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.list-map-edit-view-table-container .ant-select-arrow{
    top: 45%;
}
.list-map-read-view-table-container .ant-table table {
    border: 1px solid #F0F0F0;
    border-bottom: none;
}

.list-map-read-view-table-container .ant-table table
.ant-table-thead > tr > th:not(:last-child):before {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    width: 1px;
    height: 1.6em;
    background-color: #f0f0f0;
    transform: translateY(-50%);
    transition: background-color 0.2s;
    content: "";
}

.list-map-read-view-table-container .ant-table table
.ant-table-thead > tr > th {
    color: #484D4E;
}

.list-of-map-wrapper .list-of-map-item {
    position: relative;
}

.list-of-map-wrapper .list-of-map-item .action-icons {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    gap: 8px;
    min-width: 50px;
    height: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E9E9E9;
    border-radius: 0px 4px;
}

.list-of-map-wrapper .list-of-map-item .action-icons .icon {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.list-of-map-wrapper .list-of-map-item .action-icons .delete-icon path {
    fill: red;
}

.list-of-map-wrapper .add-new-row {
    display: flex;
    justify-content: flex-end;
}

.list-of-map-wrapper .add-new-row button {
    display: flex;
    align-items: center;
}

.list-of-map-wrapper .add-new-row button svg {
    font-size: 12px;
    margin-bottom: 1px;
}

.tags-read-view-container .tags-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.tags-read-view-container .tags-inner.edit-view {
    width: fit-content;
}

.tags-read-view-container .tags-inner.edit-view .ant-input.ant-input-sm {
    width: 150px;
}

.tags-read-view-container .tags-inner.edit-view .ant-input {
    min-height: 1em;
    height: 30px;
}

.tags-read-view-container .tags-inner.edit-view .ant-row.ant-form-item {
    margin-bottom: 0;
}

.tags-read-view-container .tags-inner.edit-view .add-tag-btn svg {
    width: 26px;
    height: 26px;
}

.tags-read-view-container .tags-inner.edit-view .add-tag-btn svg path {
    fill: var(--im-outer-space);
}

.tags-inner.edit-view svg {
    vertical-align: initial;
}

.profile-inner {
    display: flex;
    gap: 20px;
}

.profile-inner .impress-forms-sidebar {
    flex-basis: 25%;
    width: 100%;
}

.chatbot-v2-body .profile-inner .impress-forms-sidebar h5,
.chatbot-page .profile-inner .impress-forms-sidebar h5 {
    font-size: 1.25em;
    margin: 0px 0px 8px 0px;
}

.profile-inner .main {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    overflow-x: hidden;
}

.profile-inner .main .candidate-profile-section-card:last-child {
    margin-bottom: 32px;
}

.profile-inner.flex-vertical {
    flex-direction: column;
    padding: 10px;
    height: 100%;
}

.profile-inner.flex-vertical .inner {
    padding: 1rem;
}

.profile-inner .delete-row-data {
    cursor: pointer;
}

.profile-inner .required-mark {
    color: red;
}

.save-profile-modal .ant-modal-content {
    padding: 0;
}

.save-profile-modal .save-profile-modal-body .profile-header {
    padding: 16px 24px;
    border-bottom: 1px solid #F0F0F0;
}

 .save-profile-modal .save-profile-modal-body .profile-body {
    padding: 14px 20px;
    text-align: center;
}

.save-profile-modal .save-profile-modal-body .profile-footer {
    padding: 12px;
    border-top: 1px solid #F0F0F0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.upload-profile-resume-modal .ant-modal-content {
    padding: 0;
}

.upload-profile-resume-modal .upload-profile-resume-modal-body .upload-profile-resume-header {
    padding: 16px 24px;
    border-bottom: 1px solid #F0F0F0;
}

 .upload-profile-resume-modal .upload-profile-resume-modal-body .upload-profile-resume-body {
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.upload-profile-resume-modal .upload-profile-resume-modal-body .upload-profile-resume-footer {
    padding: 12px;
    border-top: 1px solid #F0F0F0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.upload-profile-action-btn {
    display: flex;
    gap: 10px;
    align-items: center;
}

.impress-forms-wrapper {
    box-sizing: border-box;
    width: 100%;
}

.impress-forms-wrapper .profile-inner {
    background: #F8F7F8;
    padding: 40px 48px;
    min-height: 100vh;
}

.impress-forms-popup-wrapper .ant-modal {
    top: 0px;
    margin: 0px;
    width: 90% !important;
    padding-bottom: 0px;
}

.impress-forms-popup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.impress-forms-popup-wrapper .ant-modal-content {
    background-color: #F8F7F8;
    padding: 0px;
}

.impress-forms-popup-wrapper .ant-modal-header {
    height: 60px;
    padding-inline-start: 32px;
    display: flex;
    align-items: center;
}


.impress-forms-popup-wrapper .ant-modal-body {
    height: 70vh;
    padding-inline: 32px;
}

.impress-forms-popup-wrapper .ant-modal-footer {
    height: 60px;
    padding-inline: 32px;
    background-color: white;
    box-shadow: 1px -9px 28px 8px #0000000D;
}

.impress-forms-popup-wrapper .impress-form-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.impress-forms-popup-wrapper .impress-form-header .ant-tag {
    font-weight: 400;
}

.impress-forms-popup-wrapper .ant-modal-content .profile-inner .main {
    height: 70vh;
}

.impress-forms-popup-wrapper .profile-inner .impress-forms-sidebar:has(.vertical-profile-sidebar) {
    flex-basis: 275px;
    width: 100%;
    overflow-x: clip;
}

body:has(.impress-forms-popup-wrapper) .chatbot-navbar,
body:has(.impress-forms-popup-wrapper) #js-chatbot-options-wrapper,
body:has(.impress-forms-popup-wrapper) .wiget-content {
    z-index: 999;
}

body:has(.impress-forms-popup-wrapper) .ant-modal-mask,
body:has(.impress-forms-popup-wrapper) .ant-modal-wrap,
body:has(.impress-forms-popup-wrapper) .widget-wrapper,
body:has(.impress-forms-popup-wrapper) .widget-sidebar.active,
body:has(.impress-forms-popup-wrapper) .widget-sidebar-wrap.active {
    z-index: 1000;
}

@media screen and (max-width: 767px) {
    .impress-forms-wrapper .profile-inner {
        padding: 20px 28px;
    }
    .impress-forms-popup-wrapper {
        justify-content: unset;
    }
    .impress-forms-popup-wrapper .impress-form-header {
        font-size: 18px;
    }
    .impress-forms-popup-wrapper .ant-modal-body {
        padding-inline: 0px;
    }
    .impress-forms-wrapper .impress-forms-sidebar h5,
    .impress-forms-popup-wrapper .impress-forms-sidebar h5 {
        display: none;
    }
    body:has(.impress-forms-popup-wrapper) .bottom-left-container {
        z-index: 9;
    }
    .impress-forms-popup-wrapper .ant-modal {
        width: 100vw !important;
        top: 0px;
        height: 100vh;
    }
    .impress-forms-popup-wrapper .ant-modal .ant-modal-content {
        height: 100vh;
        width: 100vw;
    }
    .impress-forms-popup-wrapper .ant-modal-body {
        height: 85vh;
    }
    .impress-forms-popup-wrapper .ant-modal-footer {
        width: 100%;
        position: fixed;
        bottom: 0px;
    }
    .impress-forms-popup-wrapper .ant-modal-header {
        margin-bottom: 5px;
    }
    .impress-forms-popup-wrapper .profile-inner.flex-vertical .inner {
        padding: 5px;
    }
    .impress-forms-popup-wrapper .profile-inner .main {
        height: 75vh;
    }
    .impress-forms-popup-wrapper .profile-inner.flex-vertical {
        gap: 8px;
    }
    .impress-forms-popup-wrapper .profile-inner.flex-vertical .ant-menu-item {
        margin: 0 8px;
    }
}

.impress-forms-popup-wrapper .ant-modal-title {
    width: 100%;
}

@media screen and (max-width: 667px) {
    .impress-forms-popup-wrapper .ant-modal-title .impress-form-header {
        justify-content: space-between;
        padding-right: 50px;
    }
    .impress-forms-popup-wrapper .ant-modal-title .impress-form-header .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.impress-form-header {
    position: relative;
    width: 100%;
}

.impress-form-header .recruiter-feedback-btn .ant-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    position: absolute;
    right: 60px;
    top: 0px;
}

.impress-form-header .recruiter-feedback-btn:hover path {
    fill: var(--im-primary-color);
}

.impress-form-header .recruiter-feedback-btn svg {
    height: 16px;
}

.impress-form-status {
    width: fit-content;
}

.impress-form-status .ant-tag {
    min-width: fit-content;
}

.impress-form-status.changes-requested .ant-tag,
.impress-form-status.in-progress .ant-tag {
    border-color: #FFA39E;
    color: #F5222D;
    background-color: #FFF1F0;
}

.impress-form-status.pending-review .ant-tag {
    border-color: #FFD591;
    color: #FA8C16;
    background-color: #FFF7E6;
}

.impress-form-status.not-started .ant-tag {
    border-color: #D9D9D9;
    color: #8C8C8C;
    background-color: #F5F5F5; 
}

.impress-form-status.completed .ant-tag {
    border-color: #B7EB8F;
    color: #52C41A;
    background-color: #F6FFED;
}

.impress-form-footer-wrapper .selected-count-wrapper {
    position: absolute;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.impress-form-footer-wrapper .selected-count-wrapper .clear-selection {
    color: #005CC9;
    cursor: pointer;
}

@media screen and (max-width: 667px) {
    .impress-form-footer-wrapper {
        display: flex;
        justify-content: center;
    }
    
    .impress-form-footer-wrapper button {
        flex-basis: 50%;
    }
}

.request-change-modal-wrapper .ant-modal-title {
    font-size: 18px;
}

.request-change-modal-wrapper .ant-modal-footer {
    padding: 0px;
}

.request-change-modal-wrapper .ant-checkbox-wrapper {
    margin-top: 10px;
}

.resume-scoring-v2 .ant-modal-content {
  padding: 0px;
}

.resume-scoring-v2 .ant-modal-header {
  padding: 16px 36px;
  box-shadow: inset 0px -1px 0px #F0F0F0;
  margin-bottom: 0px;
}

.resume-scoring-v2 .ant-modal-body {
  padding: 16px 36px;
  box-shadow: inset 0px -1px 0px #F0F0F0;
  height: calc(100vh - 160px);
  max-height: 650px;
  overflow-y: auto;
}

.resume-scoring-v2 .ant-form-item {
  margin-bottom: 0px;
}

.resume-scoring-v2 .content-wrapper {
  display: flex;
  justify-content: center;
}

.resume-scoring-v2 .ant-modal-footer {
  padding: 16px 36px;
}

.scheduler-empty-template-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75dvh;
    width: 100%;
    flex-direction: column;
}

.scheduler-empty-template-page .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
}

.scheduler-empty-template-page .info {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.scheduler-form-container {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(240, 240, 240, 1);
    border-radius: 5px;
    margin-bottom: 10px;
}

.scheduler-form-container .form-fields-area {
    padding: 20px;
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.scheduler-form-container .form-footer-area {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
}

.scheduler-form-container .form-fields-area 
.ant-row.ant-form-item {
    margin-bottom: 5px;
}

.scheduling-feedback-form__form-builder__mcq-options {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.scheduling-feedback-form__form-builder__mcq-options .ant-input .ant-btn {
    height: 34px;
}

.scheduling-feedback-form__form-builder__mcq-options .ant-input {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    max-width: 100px;
}

.scheduling-feedback-form__form-builder__mcq-options .ant-input-affix-wrapper {
    padding: 0 0 0 12px;
}

.scheduling-feedback-form__form-builder__mcq-options .mcq-options {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.scheduling-feedback-form__form-builder__mcq-options .add-option-button {
    height: 36px;
}

.scheduling-feedback-form__form-builder__mcq-options .add-option-button svg path {
    fill: #fff;
}

.scheduler-form-container.view-mode {
    border: none;
    border-radius: none;
    margin-bottom: 0
};

.scheduler-form-container.view-mode .form-fields-area {
    border: none;
    padding: 10px;
}

.scheduler-form-container.view-mode .form-fields-area p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
    color: rgba(72, 77, 78, 1);
}

.scheduler-form-container .form-fields-area .required-and-delete {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 8px;
}

.scheduler-form-container .form-fields-area .remove-option-button svg,
.scheduler-form-container .form-fields-area .required-and-delete svg {
    scale: 0.9;
}


.scheduler-form-container .form-fields-area .remove-option-button svg path,
.scheduler-form-container .form-fields-area .required-and-delete svg path {
    fill: red;
}

.scheduling-feedback-form__form-builder__mcq-options svg path {
    fill: red;
    scale: 0.8;
}
.scheduler-settings-widget-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: rgba(255, 255, 255, 1);
    padding: 20px;
    box-shadow: 0px 4px 8px 0px rgba(111, 131, 149, 0.1);
    border: 1px solid rgba(240, 240, 240, 1);
    border-radius: 5px;
    cursor: pointer;
}

.scheduler-settings-widget-container label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: rgba(72, 77, 78, 1);
}

.scheduler-settings-widget-container .mcq-options {
    display: flex;

}

.scheduler-settings-widget-container .rating-widget {
    display: flex;
    flex-direction: column;
}

.scheduling-panel-feedback-collector-modal .ant-modal-content {
    padding: 0;

}

.scheduling-panel-feedback-collector-modal .ant-modal-footer {
    padding: 15px;
    border-top: 1px solid rgba(240, 240, 240, 1);
}

.scheduling-panel-feedback-collector-modal .feedback-collector-body {
    padding: 7px 20px 8px 24px;

}

.scheduling-panel-feedback-collector-modal .ant-modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    margin-bottom: 0;
}

.scheduling-panel-feedback-collector-modal .ant-modal-header .header-extras {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.scheduling-panel-feedback-collector-modal .ant-modal-header .header-extras .ant-btn {
    text-align: end;
}

.scheduling-panel-feedback-collector-modal .title-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.scheduling-panel-feedback-collector-modal .title-area .user-info {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.scheduling-panel-feedback-collector-modal .title-area .user-info p,
.scheduling-panel-feedback-collector-modal .title-area .user-info h5 {
    margin-bottom: 6px;
    color: rgba(72, 77, 78, 1);
}

.scheduling-panel-feedback-collector-modal .title-area .user-info.candidate-form p {
    margin-bottom: 3px;
}

.scheduling-panel-feedback-collector-modal .title-area .preview-to-edit-switch {
    margin-bottom: auto;
    margin-left: auto;
}


.scheduling-panel-feedback-collector-modal .title-area .user-info h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.scheduling-panel-feedback-collector-modal .title-area .user-info p {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.scheduling-panel-feedback-collector-modal .feedback-collector-body {
    padding: 24px;
    max-height: calc(100vh - 300px);
    overflow: auto;
}

.scheduling-feedback-form-modal .ant-radio-group,
.scheduling-panel-feedback-collector-modal .ant-radio-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.scheduling-feedback-form-modal .ant-radio-group .ant-radio-button-wrapper,
.scheduling-panel-feedback-collector-modal .ant-radio-group .ant-radio-button-wrapper {
    border-radius: 0px !important;
    height: 100%;
}

.scheduling-panel-feedback-collector-modal .header h4 {
    margin: 0;
}

.scheduling-panel-feedback-collector-modal .header .form-title {
    display: flex;
    justify-content: space-between;
}

.scheduling-panel-feedback-form-index .feedback-submitted-thanks {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    gap: 32px;
}

.scheduling-panel-feedback-form-index .feedback-submitted-thanks svg {
    scale: 2.5;
}
.required-field-label:after {
    content:"*";
    color: red;
}

.scheduling-panel-feedback-collector-modal .ant-form-item-explain-error {
    margin-bottom: 4px;
}

.scheduling-panel-feedback-collector-modal .title-area .user-info .stage-info{
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.scheduling-panel-feedback-job-description {
    padding: 24px;
}
.scheduling-feedback-form-modal .ant-modal-content {
    padding: 0;
}

.scheduling-feedback-form-modal .ant-modal-content .ant-modal-header {
    margin-bottom: 0px;
}

.scheduling-feedback-form-modal .feedback-form-body {
   display: flex;
   flex-direction: column;
    height: 100%;
    width: 100%;

}

.scheduling-feedback-form-modal .header h4{
    margin: 0;
}

.scheduling-feedback-form-modal .header .form-title .title-edit,
.scheduling-feedback-form-modal .header .form-title{
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.scheduling-feedback-form-modal .header .form-title .title-edit .ant-btn{
    width: 34px;
    height: 34px;
    padding: 0px;
}
.scheduling-feedback-form-modal .header .form-title .title-save {
    scale: 1.3;
}
.scheduling-feedback-form-modal .header .form-title .title-cancel {
    scale: 0.8;
}
.scheduling-feedback-form-modal .header .form-title .title-cancel,
.scheduling-feedback-form-modal .header .form-title .title-save {
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scheduling-feedback-form-modal .header .form-title .title-cancel svg path {
    stroke: #484D4E;
}
.scheduling-feedback-form-modal .header .form-title .title-save svg path {
    fill: #fff;
}

.scheduling-feedback-form-modal .header {
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scheduling-feedback-form-modal .feedback-form-body .body {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    min-height: 70vh;
}

.scheduling-feedback-form-modal .feedback-form-body .body .sidebar{
    flex-basis: 20%;
    padding: 20px;
    background-color: rgba(250, 250, 250, 1);
    border-right: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    gap: 5px;
};

.scheduling-feedback-form-modal .feedback-form-body .header  h4 {
    cursor: pointer;
    margin: 0;
}

.scheduling-feedback-form-modal .form-loader {
    width: 100%;
    display: flex;
    align-items: center;
}

.scheduling-feedback-form-modal .form-sidebody{
    display: flex;
    flex-basis: 80%;
}

.scheduling-feedback-form-modal .form-sidebody.preview{
    flex-basis: 100%;
}


.scheduling-feedback-form-modal .form-sidebody .form-preview-container {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 75dvh;
    overflow-y: auto;
    flex-basis: 50%;
    border-left: 1px solid #e8e8e8;
}

.scheduling-feedback-form-modal .form-sidebody .form-preview-container h6{
    padding-bottom: 12px;
}

.scheduling-feedback-form-modal .form-sidebody .form-preview-container .form-preview-title{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: auto;
    margin-bottom: auto;
}

.scheduling-feedback-form-modal .feedback-form-body 
.body .main-drop-area {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 75dvh;
    overflow-y: auto;
    flex-basis: 50%;
}

.scheduling-feedback-form-modal .feedback-form-body 
.body .main-drop-area .outline {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: dashed 1px #e8e8e8;
    flex-grow: 1;
    min-height: 200px;
}

.scheduling-feedback-form-modal .feedback-form-body 
.body .main-drop-area .outline p {
    margin-bottom: 0;
    color: rgba(140, 140, 140, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.scheduling-feedback-form-modal .header .form-title .title-edit h4 {
    cursor: pointer;
}

.scheduler-panel-settings-template-card {
    border-radius: 5px;
    box-shadow: 0px 4px 8px 0px rgba(111, 131, 149, 0.1);
    width: 350px;
    /* height: 200px; */
}

.scheduler-panel-settings-template-card .menu-icon>svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.scheduler-panel-settings-template-card .ant-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.scheduler-panel-settings-template-card .template-card-inner p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

    .scheduler-panel-settings-template-card .template-card-title {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        /* -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical; */
    }

.scheduler-panel-settings-template-card .template-card-inner {
    width: 100%;
}

.scheduler-panel-settings-template-card .template-card-inner .template-card-workflow-list-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.scheduler-panel-settings-template-card .template-card-inner .template-card-workflow-list-item {
    font-weight: 500;
}

.scheduler-panel-settings-template-card .ant-card-body .no-workflow,
.scheduler-panel-settings-template-card .ant-card-body .card-body-content {
    display: inline-flex;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 126px;
    max-height: 126px;
    overflow: hidden;
    flex-direction: column;
}

.scheduler-panel-settings-template-card .ant-card-body .card-body-content > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 6px;
    flex-direction: column;
}

.scheduler-panel-settings-template-card .ant-card-body .card-body-content .ant-tag {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.scheduler-panel-settings-template-card .ant-card-body .no-workflow {
    justify-content: center;
    align-items: center;
    width: 100%;
}

.form-tag-item {
    margin-bottom: 0;
};

.feedback-templates-wrapper{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

 .form-tag-popover {
    max-width: 600px;
}

.form-tag-popover .ant-tag {
    margin-bottom: 5px;
}

.feedback-templates-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.form-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.scheduling-settings-panel .create-new-form-btn-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    margin-right: 60px;
}

.language-selection-modal .ImSelect{
    width: 100%;
    margin-bottom: 20px;
}
.language-selection-modal .ImSelect .ant-select{
    width: 100% !important;
}
.language-selection-modal{
    margin-top: 10px;
    margin-bottom: 30px;
}
.lang_item{
    display: flex;
}
.lang_item span{
    padding: 5px 17px;
    display: flex;
    border-top: 1px solid #0000000F;
    width: 50%;
    align-items: center;
    justify-content: space-between;
    min-height: 75px;
}
.lang_item.head{
    position: sticky;
    top: 0;
}
.lang_item.head span{
    font-weight: 700;
}
.lang_item.head span:first-child{
    background: var(--im-primary-color);
}
.lang_item.head span:last-child{
    background: #FAFAFA
}
.lang_item span:first-child{
    background: #FFF7E6
}
.lang_item span label{
    width: calc(100% - 84px);
}
.lang_item span div.actions{
    display: none;
    width: 60px;;
    align-items: center;
}
.lang_item:hover span div.actions{
    display: flex;
}
.lang_item span svg path{
    fill: rgb(72, 77, 78);
}
.translate-modal{
    height: 70vh;
    overflow: auto;
}
.translated-table-head, .translated-table-child{
    width: 100%;
    display: flex;

}
.translated-table-head span, .translated-table-child > span{
    width: 70%;
    display: flex;
    height: 50px;
    padding: 0 10px;
    border-bottom: 1px solid #0000000F;
    align-items: center;   
}
.translated-table-head span:first-child, .translated-table-child > span:first-child{
    width: 30%;
}
.translated-table-head{
    background-color: #FAFAFA;
}
.translated-table-child svg{
    max-height: 14px;
    max-width: 14px;
}
.translated-table-child > span button{
    display: none;
}
.translated-table-child:hover > span button{
    display: block;
}
.translated-table-child span:last-child{
    display: flex;
    justify-content: space-between;
}
.translated-table-child span:last-child div{
    display: flex;
    align-items: center;
}
.translated-table-child span:last-child div button{
    margin-left: 10px;
}
.translated-table-child span:first-child span{
    margin-left: 10px;
}
.translate-pagination{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.edit-input-sec{
    padding: 5px 0;
    width: 100%;
    display: flex;
    height: 100%;
}
.edit-input-sec textarea{
    width: 90%;
    overflow-x: auto;
}
.lang_item .actions em svg{
    max-height: 14px;
    max-width: 14px;
}
.lang_item .edit-actions em:first-child svg{
    max-height: 8px;
    max-width: 8px;
}
.lang_item .edit-actions em:last-child svg{
    max-height: 16px;
    max-width: 16px;
}
.lang_item .actions{
    display: flex;
    justify-content: flex-end;
}
.lang_item .actions em{
    margin-left: 10px;
    cursor: pointer;
}
.lang_item .edit-actions em{
    margin-left: 10px;
    border: 1px solid #0000000F;
    width: 30px;
    height: 24px;
    border-radius: 4px;
    margin-bottom: 5px;
    display: block;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}
.lang_item .edit-actions em:last-child{
    background-color: var(--im-primary-color);
    margin-bottom: 0;
}
.lang_item .edit-actions em:last-child svg path{
    fill: #fff;
}
.lang_item .approve-text{
    background: #F6FFED;
}
.approved-icon svg{
    width: 14px;
    margin-left: 10px;
}
.lang_item .approved-icon svg path{
    fill: #fff;
}
#translation-dropdown{
    margin-right: 10px;
}

/*# sourceMappingURL=micro_apps.c509a01ca9638e503307.css.map*/