@font-face {
  font-family: "SF Pro Text Bold";
  src: url("../fonts/sf-pro-text-bold.otf") format("otf"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.ttf") format("truetype"), url("../fonts/SFProText-Bold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Semibold";
  src: url("../fonts/sf-pro-text-semibold.otf") format("otf"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Medium";
  src: url("../fonts/sf-pro-text-medium.otf") format("otf"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.ttf") format("truetype"), url("../fonts/SFProText-Medium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Regular";
  src: url("../fonts/sf-pro-text-regular.otf") format("otf"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*Shireen styles*/
.custom-codesnippet-width {
  max-width: 610px !important;
  border-radius: 10px !important;
}

.upload-btn-popup {
  border: 1px dashed var(--primary-color, #7A44E3);
  border-radius: 11px !important;
  color: var(--text-color-6, #454545);
  background-color: transparent;
  padding: 8px 20px;
  border-radius: 2px;
  width: 265px;
  height: 410px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.upload-btn-wrapper-popup {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 410px;
}

.upload-btn-wrapper-popup input[type=file] {
  position: absolute;
  height: 410px;
  left: 0;
  top: 0;
  opacity: 0;
}

.btn-close {
  opacity: unset;
}

.upload-btn-wrapper-popup {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 410px;
}

.stack-table-scroll th {
  position: sticky;
  top: 0;
  background-color: #DCDCDC;
}

.stack-table-scroll {
  overflow-y: scroll;
  height: 448px;
}
.stack-table-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.stack-table-scroll::-webkit-scrollbar-thumb {
  background-color: var(--custom-scroll-color, #D9D9D9);
  border-radius: 5px;
}

/*Shireen styles*/
/*tarun styles*/
.custom-popup-width {
  max-width: 610px !important;
  border-radius: 10px !important;
}

.custom-dropdown-toggle {
  background-image: url(../images/dropdown.svg);
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 16px;
}

.file-custom-icon {
  width: 8px;
  height: 8px;
}

.custom-toggle {
  width: 10px;
}

.custom-toggle .collapse-arrow {
  transform: rotate(0deg);
}

.custom-toggle.collapsed .collapse-arrow {
  transform: rotate(-90deg);
}

.add-folder-actions, .add-file-actions {
  visibility: hidden;
}

.theme-color {
  color: var(--primary-color, #7A44E3) !important;
}

.color-light-blue {
  color: var(--primary-blue-color, #3481F5) !important;
}

.add-folder:hover .add-folder-actions {
  visibility: visible;
}

.template-dropdown-icon {
  width: 20px;
  height: 20px;
}

.cursor-pointer {
  cursor: pointer !important;
}

.custom-convo-scroll {
  overflow-y: scroll; /* Allows vertical scrolling */
  overflow-x: hidden; /* Prevents horizontal scrolling */
  height: 400px;
  white-space: normal; /* Ensures text wraps correctly */
  width: 100%; 
}

.scroll-content {
  word-wrap: break-word; /* Breaks long words to fit within the container */
  word-break: break-word; /* Ensures long unbreakable content wraps */
  max-width: 100%; /* Prevents content from exceeding container width */
}
.custom-convo-scroll::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.custom-convo-scroll::-webkit-scrollbar-thumb {
  background: var(--custom-scroll-color, #D9D9D9);
  border-radius: 10px;
}

/*tarun styles*/
/*saran style  */
.custom-popup-width-box {
  max-width: 712px !important;
  height: 437px !important;
}

.form-border {
  border: 1px solid var(--border-color-11, #535353);
  border-radius: 4px;
}

.custom-popup-box {
  max-width: 982px;
  height: 626px;
}

.custom-box {
  max-width: 528px;
  height: 369px;
}

.custom-popup-repos {
  max-width: 712px;
  height: 272px;
}

.custom-popup-issues {
  max-width: 712px !important;
  height: 346px !important;
}

.user-checkbox {
  border: 1px solid var(--popup-custom-scroll-bg, #D9D9D9);
  background-color: transparent;
}

.user-checkbox[type=checkbox]:checked {
  background-color: var(--primary-color, #7A44E3);
  border-color: var(--primary-color, #7A44E3);
}

.user-checkbox:focus {
  border-color: var(--primary-color, #7A44E3);
  box-shadow: 2px 1.5px 4px var(--primary-color, #7A44E3);
}

.user-radio {
  border: 1px solid var(--popup-custom-scroll-bg, #D9D9D9);
}

.user-radio:checked {
  background-color: var(--white-color, white);
  border-color: var(--primary-color, #7A44E3);
  background-image: url(/images/popup-check.svg) !important;
  background-size: 9px 9px;
}

.user-radio:focus {
  border-color: var(--primary-color, #7A44E3);
  box-shadow: none;
}

.custom-close {
  border: none;
  background-color: var(--white-color, white);
  margin-bottom: 7px;
  margin-right: 8px;
}

/*saran style  */
.fixed-response-popup-width {
  min-width: 900px;
}

.profile-img-sm {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.cust-response-list {
  background-color: var(--bg-color-4, #ffffff);
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  position: relative;
}

.cust-response-list:before {
  content: "";
  width: 3px;
  height: 94%;
  background-color: #6E36FF;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 0px 3px 3px 0px;
}

.fixed-response-popup-scroll {
  height: 500px;
  overflow-y: scroll;
}
.fixed-response-popup-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.fixed-response-popup-scroll::-webkit-scrollbar-thumb {
  background-color: var(--custom-scroll-color, #D9D9D9);
  border-radius: 5px;
}

.cust-activity-popup-scroll {
  height: 300px;
  overflow-y: scroll;
}
.cust-activity-popup-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.cust-activity-popup-scroll::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 5px;
}

.feedback-popup {
  min-width: 700px;
}

.gradient-btn {
  background: var(--gradient-color, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  color: #fff;
}
.gradient-btn:hover {
  color: var(--bg-white, #fff);
  background: var(--gradient-color-v2, linear-gradient(94.22deg, #865BE7 1.75%, #5C91F7 102.67%));
}

.grey-btn {
  background-color: transparent;
  color: var(--black-v2, #252525);
}
.grey-btn:hover {
  background-color: var(--color-grey-v8, #EBEBEB);
}

.popup-bg {
  background-color: var(--popup-bg, #F4F8FF);
}/*# sourceMappingURL=popup.css.map */