@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;
}
.custom-bg-gradient {
  background: var(--custom-bg-gradient, linear-gradient(42deg, #e8f6ff 0%, #fef4fc 40%, #fef4fc 50%, #fef4fc 60%, #e8f6ff 100%));
  background-size: cover;
}

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

.primary-color-bg {
  color: var(--primary-color, #7A44E3);
}

.secondary-color {
  color: var(--secondary-color, #A9A9A9);
}

.primary-gradient {
  background: var(--primary-gradient, linear-gradient(to right, #5C91F7 0%, #865BE7 100%));
}

.color-black {
  color: var(--dark-black-color, #000000);
}

.color-white {
  color: var(--white-color, white);
}

.grey-color-v5 {
  color: var(--grey-color-v5, #f5f5f5) !important;
}

.light-black-color {
  color: var(--light-black-color, #535353);
}

.color-grey {
  color: var(--grey-color, #808080);
}

.color-blue {
  color: var(--color-blue, #428FD6);
}

.color-red {
  color: var(--color-red, #EE6F6F);
}

.color-grey-v1 {
  color: var(--grey-color-v1, #979797);
}

.color-grey-v2 {
  color: var(--grey-color-v2, #8C97AB);
}

.color-grey-v3 {
  color: var(--grey-color-v3, #B8B8B8);
}

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

.color-grey-v9 {
  color: var(--color-grey-v9, #777777);
}

.font-8 {
  font-size: 8px;
}

.font-10 {
  font-size: 10px;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-19 {
  font-size: 19px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-regular {
  font-family: "SF Pro Text Regular";
}

.font-medium {
  font-family: "SF Pro Text Medium";
}

.font-semibold {
  font-family: "SF Pro Text Semibold";
}

.font-bold {
  font-family: "SF Pro Text Bold";
}

.border-radius-0 {
  border-radius: 0px;
}

.border-radius-1 {
  border-radius: 1px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-11 {
  border-radius: 11px;
}

.border-radius-15 {
  border-radius: 15px;
}

.border-radius-16 {
  border-radius: 16px;
}

.line-height-24 {
  line-height: 24px;
}

/*Tarun styles starts here 1/10/2024*/
.border-radius-12 {
  border-radius: 12px;
}

.cust-snippet-border-radius {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.nav-custom-style {
  box-shadow: var(--leftnav-boxshadow, 0px 0px 2px 0px rgba(0, 0, 0, 0.1490196078));
  border: var(--leftnav-border, 1px solid #F8F8F8);
}

.dark-theme .nav-custom-style {
  box-shadow: var(--leftnav-boxshadow, 0px 0px 2px 0px rgba(0, 0, 0, 0.1490196078));
  border: unset;
}

.color-light-black {
  color: var(--light-black-color, #535353);
}

.color-grey {
  color: var(--grey-color, #808080);
}

.color-light-grey {
  color: var(--light-black-color, #535353);
}

.grey-v2 {
  color: var(--grey-color-v3, #B8B8B8);
}

/*Tarun styles ends here 1/10/2024*/
/*Tarun styles start here 1/11/2024*/
.label-color {
  color: var(--form-label-color, #1B1B1B);
}

/*Tarun styles ends here 1/11/2024*/
/*Tarun styles starts here 1/12/2024*/
/*Search Prompt*/
.cust-input-sty {
  border: 1px solid var(--border-color-2, none) !important;
  background-color: var(--bg-color-2, #ffffff) !important;
  padding-right: 60px;
  padding-left: 25px;
  border: 1px solid var(--border-color-2, none);
  color: var(--form-placeholder-color, #8C97AB);
}
.cust-input-sty:focus-visible {
  border: 1px solid #7A44E3 !important;
  outline: none;
}

.inputfield-icon-sty {
  position: absolute;
  z-index: 5;
  right: 25px;
  align-self: center;
  top: 16px;
}

.search-prompt-bg {
  background: linear-gradient(107.69deg, #FFE4FA 0%, rgba(226, 239, 253, 0.4588235294) 24.16%, #FBEEFF 49.48%, #EEF0FF 100%);
  border: 1px solid white;
}

.custom-input:focus {
  box-shadow: 0px 0px 70px 22px rgba(211, 225, 251, 0.32) !important;
}

.prompt-card {
  padding: 15px;
  background-color: var(--prompt-card-bg-color, #FAFAFC);
  border-radius: 11px;
  color: var(--text-color-3, #1F2034);
  border: 0.5px solid var(--border-color-2, none);
  cursor: pointer;
}

.prompt-card.active,
.prompt-card:focus,
.prompt-card:hover {
  padding: 15px;
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%);
  border-radius: 11px;
  color: white;
}

.custom-padding {
  padding: 0px 8px 0px 8px;
}

.prompt-card.active img,
.prompt-card:focus img,
.prompt-card:hover img {
  filter: invert(98%) sepia(1%) saturate(0%) hue-rotate(146deg) brightness(400%) contrast(100%);
}

.prompt-card-img {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}

.custom-card-body {
  background: none;
  border: none;
}

.carousel-control-prev-icon {
  background-image: url(../images/carosel-arrow-left.svg) !important;
}

.carousel-control-next-icon {
  background-image: url(../images/carosel-arrow-right.svg) !important;
}

.custom-caro-prev,
.custom-caro-next {
  width: 4% !important;
}

.custom-prompt-toggle {
  width: 10px;
}

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

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

/*Search Prompt*/
/*Tarun styles ends here 1/12/2024*/
/*Tarun btn styles*/
.primary-btn {
  background-color: var(--primary-color, #7A44E3) !important;
  color: #fff !important;
}

.primary-btn:hover {
  color: var(--white-color, white) !important;
  background-color: #5d2fb7 !important;
}

.primary-gradient-btn {
  background: var(--gradient-color, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  border: 0;
  color: var(--white-color, white);
  border-radius: 3px;
}

.primary-gradient-btn:hover {
  background: var(--gradient-color-v2, linear-gradient(94.22deg, #865BE7 1.75%, #5C91F7 102.67%));
  border: 0;
  color: var(--white-color, white);
  border-radius: 3px;
}

.primary-gradient-border-btn {
  border-image-source: var(--gradient-color, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  border-image-slice: 1;
  border-width: 1px;
  border-radius: 3px;
}

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

/*Tarun styles starts here 1/10/2024*/
.btn-blue-outline {
  color: var(--color-blue, #428FD6);
  border: 1px solid var(--color-blue, #428FD6);
}

.btn-blue-outline:hover {
  color: var(--color-blue, #428FD6);
  box-shadow: none;
  background-color: var(--bg-blue, transparent);
  color: white;
}

.btn-blue-outline:focus {
  box-shadow: none;
  background-color: var(--bg-blue, transparent);
  color: white;
}

.color-gradient {
  background: linear-gradient(to right, #5C91F7 0%, #865BE7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-gradient-outline {
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--transparent-bg, transparent);
  z-index: 1;
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%);
  color: #ffffff;
}

.btn-gradient-outline.cust-nav-btn {
  background: var(--primary-gradient-border, linear-gradient(white, white) padding-box, linear-gradient(to right, #5C91F7 0%, #865BE7 100%) border-box);
  color: #7A44E3;
}

.btn-gradient-outline:before {
  content: "";
  background: var(--transparent-bg, transparent);
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 0px;
  margin: 0px;
  border-radius: 4px;
  left: 0px;
  right: 0px;
  z-index: -1;
  display: block;
}

.btn-gradient-outline:hover:before {
  width: 100%;
  height: 100%;
  background: var(--bg-color-11, #eef4f9);
}

.btn-gradient-outline:hover, .btn-gradient-outline:focus {
  background: linear-gradient(94.22deg, #865BE7 1.75%, #5C91F7 102.67%);
}

.btn-gradient-outline:focus {
  box-shadow: none;
}

.btn-gradient-outline:focus::before {
  background: var(--bg-color-11, #eef4f9);
  width: 100%;
  height: 100%;
}

.btn-gradient-outline-loadmore {
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--transparent-bg, transparent);
  z-index: 1;
  background: var(--primary-gradient, linear-gradient(to right, #5C91F7 0%, #865BE7 100%));
}

.btn-gradient-outline-loadmore:before {
  content: "";
  background: var(--transparent-bg, transparent);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  margin: 0px;
  border-radius: 4px;
  left: 0px;
  right: 0px;
  z-index: -1;
  display: block;
}

.btn-gradient-outline-loadmore:hover:before {
  background: trans;
}

.btn-gradient-outline-loadmore:focus {
  box-shadow: var(--custom-blue-boxshadow, #b7e2fa);
}

.btn-gradient-outline-loadmore:focus::before {
  background-color: var(--transparent-bg, transparent);
  width: 100%;
  height: 100%;
}

/*Tarun styles ends here 1/10/2024*/
/*Tarun styles starts here 1/11/2024*/
.bg-transprent {
  background-color: var(--transparent-bg, transparent) !important;
}

.focus-none:focus {
  box-shadow: none;
  background-color: var(--bg-color-2, #ffffff);
}

.theme-focus:focus {
  box-shadow: 0 0 0 0.25rem rgba(121, 68, 227, 0.2235294118) !important;
}

.filter-dropdown-bg {
  width: 350px;
}

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

.table-btn {
  display: inline-block;
  width: 100px;
  background-color: transparent;
}

.custom-blue-btn {
  color: var(--btn-view-blue, #2345BE);
  border: 1px solid var(--btn-view-blue, #2345BE);
}

.custom-blue-btn:focus,
.custom-blue-btn:hover {
  color: var(--white-color, white);
  background-color: var(--btn-view-blue, #2345BE);
  box-shadow: 1px solid var(--custom-blue-boxshadow, #b7e2fa);
}

.custom-red-btn {
  color: var(--color-red, #EE6F6F);
  border: 1px solid var(--color-red, #EE6F6F);
}

.custom-red-btn:hover {
  color: var(--white-color, white);
  background-color: #dc3545;
  border-color: #dc3545;
}

.custom-red-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.custom-yellow-btn {
  color: var(--batch-yellow, #F8C055);
  border: 1px solid var(--batch-yellow, #F8C055);
}

.custom-yellow-btn:hover {
  color: white;
  border: 1px solid var(--batch-yellow, #F8C055);
  background-color: var(--batch-yellow, #F8C055);
}

.custom-green-btn {
  color: var(--color-green, #DDFFDE);
  border: 1px solid var(--color-green, #DDFFDE);
}

.custom-green-btn:hover {
  color: var(--white-color, white);
  background-color: #198754;
  border-color: #198754;
}

.custom-green-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

.theme-outline-btn {
  background-color: var(--transparent-bg, transparent);
  border: 1px solid var(--primary-color, #7A44E3);
  color: var(--chat-btn-primary, #7A44E3) !important;
  font-family: "SF Pro Text Semibold";
}

.theme-outline-btn:hover {
  background-color: var(--primary-color, #7A44E3) !important;
  color: var(--white-color, white) !important;
}

.chat-btn {
  background: var(--chat-bg-gradient, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  border: 1px solid var(--chat-btn-bg, #fff);
  color: #ffffff !important;
}
.chat-btn:hover {
  background: var(--chat-btn-hover-bg, linear-gradient(94.22deg, #865BE7 7.67%, #5C91F7 111.75%));
  border: 1px solid var(--chat-btn-hover-bg, linear-gradient(94.22deg, #865BE7 7.67%, #5C91F7 111.75%));
}

.outline-btn {
  border: 1px solid var(--primary-color, #7A44E3);
  color: var(--primary-color, #7A44E3);
}

.outline-btn:hover {
  color: var(--primary-color, #7A44E3);
  background-color: var(--white-color, white) !important;
}

.gradient-btn {
  padding: 8px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  background: var(--chat-btn-bg, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  cursor: pointer;
  color: var(--text-color-9, #535353);
}

.gradient-btn::before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 4px;
  background: var(--bg-color, #ffffff);
  z-index: -1;
  transition: 200ms;
}

.gradient-btn::after {
  content: attr(data);
  background: var(--chat-btn-bg, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  -webkit-background-clip: text;
  color: white;
  transition: 200ms;
}

.gradient-btn:hover::before {
  opacity: 0;
}

.gradient-btn:hover {
  color: var(--text-color-9, #535353);
}

.gradient-btn:hover .color-gradient {
  background: white;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Tarun btn styles*/
/*tab styles*/
.custom-tab-btn.nav-link {
  color: var(--text-color-9, #535353);
  background: transparent !important;
  border-radius: 5px !important;
  color: var(--text-color-9, #535353);
}

.custom-tab-btn.nav-link.active {
  color: var(--text-color-17, #7A44E3);
  border-radius: 5px;
  background: var(--bg-color-9, #F1EAFF) !important;
}

/*tab styles*/
.cursor-pointer {
  cursor: pointer !important;
}

@media (min-width: 350px) and (max-width: 760px) {
  .w-225 {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .primary-btn {
    margin-left: 0px !important;
  }
  .cust-respt {
    margin-bottom: 20px;
    margin-right: 0px !important;
  }
  .sm-none {
    display: none !important;
  }
}
.color-grey-light {
  color: var(--color-grey-light, #575757);
}

.color-grey-v5 {
  color: var(--color-grey-v5, #535353);
}

.color-grey-v6 {
  color: var(--color-grey-v6, #727272);
}

.border-radius-35 {
  border-radius: 35px;
}

.custom-new-tab-btn.nav-link.active {
  background-color: unset !important;
  background: unset !important;
  color: #7650E0 !important;
}

.custom-new-tab-btn.nav-link:hover {
  background: var(--grid-toggle-bg, #F1EAFF) !important;
  color: var(--text-color-9, #535353) !important;
}

.custom-new-tab-btn {
  position: relative;
  color: var(--text-color-8, #1F2034);
}

.custom-new-tab-btn.nav-link.active:after {
  content: "";
  width: 88px;
  height: 2px;
  background-color: #7650E0;
  position: absolute;
  left: 0;
  bottom: -8px;
  border-radius: 3px 3px 0px 0px;
}

.tooltip-inner {
  background-color: #CFC2FF;
  color: #464646;
  font-size: 12px;
  min-width: 300px;
  text-align: left;
  padding: 10px;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: blue;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: blue;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: blue;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: blue;
}

.tooltip.bs-tooltip-right .arrow:before {
  background-color: blue;
}

.tooltip.bs-tooltip-left .arrow:before {
  background-color: blue;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: blue;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: blue;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: blue;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: blue;
}

.custom-quotes-width {
  width: 38px;
  height: 30px;
}

.feedback-cards {
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--feedback-border-color, #464775);
  background-color: var(--bg-color-2, #ffffff);
}

.ques-drag-container {
  background-color: #EFEFEF;
}

.cursor-grab {
  cursor: grab;
}

.input-field:disabled {
  background-color: #F0F0F0;
  color: #8A8A8A;
  opacity: 1;
  border: unset;
}

.required-color {
  color: #FF4444;
}

.in-progress-bg {
  background-color: var(--in-progress, #005CE7);
}


.in-completed-bg {
  background-color: var(--in-progress, #126d08);
}

.in-hold-bg {
  background-color: var(--in-hold, #F4A000);
}

.not-started-bg {
  background-color: var(--not-started, #6F6F6F);
}

.status-dot {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}


 
.in-closed-bg {
  background-color: var(--in-progress, #3da132);
}

.closed {
  color: var(--status-red,#3da132);
}
.completed{
  color: var(--status-red,#126d08);
}


.in-delay {
  color: var(--status-red, #EC6660);
}

.in-progress {
  color: var(--in-progress, #005CE7);
}

.in-hold {
  color: var(--in-hold, #F4A000);
}

.not-started {
  color: var(--not-started, #6F6F6F);
}

.project_logo_bg {
  background-color: #F8F9FC;
  height: 32px;
  width: 32px;
  margin-right: 5px;
  border-radius: 4px;
  padding: 4px;
}

.project_logo_bg img {
  height: 24px;
  width: 24px;
}

.filter-dropdown {
  float: right;
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate(-300px, 39px) !important;
}

.actions-right {
  height: 35px;
  width: 35px;
  padding: 5px;
}
.actions-right:hover {
  background-color: #bcecda;
  border-radius: 5px;
}

.actions-edit {
  height: 32px;
  width: 32px;
  padding: 7px;
}
.actions-edit:hover {
  background-color: #a1c7eb;
  border-radius: 5px;
}

.action-reload {
  height: 32px;
  width: 32px;
  padding: 5px;
}
.action-reload:hover {
  background-color: var(--secondary-btn-hover, #dce5ea);
  border-radius: 5px;
}

.active-color {
  color: #005CE7;
}

.resolved-color {
  color: #69B86A;
}

.task-color {
  color: #005CE7;
}

.issue-color {
  color: #E2445C;
}

.story-color {
  color: #037F4C;
}

.story-drpdwn-btn:focus,
.story-drpdwn-btn:hover {
  background-color: var(--bg-color-2, #ffffff) !important;
}

.compare-code-chatbox {
  min-width: 800px;
}

.selected-prompt-chat {
  max-width: 560px !important;
}

.selected-prompt {
  min-width: 500px;
}

.color-dark-blue {
  color: var(--color-dark-blue, #1F2034);
}

.cust-code-accordion-btn::after {
  display: none;
}

.cust-code-accordion-btn:not(.collapsed) {
  box-shadow: unset;
  color: var(--color-dark-blue, #1F2034);
}

.cust-code-accordion-btn {
  background-color: transparent !important;
  border-radius: 8px;
}

.cust-code-accordion-btn::before {
  flex-shrink: 0;
  content: "";
  display: block;
  height: 1.6rem;
  width: 26px;
  background-image: url("/images/acc-arrow-right.svg");
  background-repeat: no-repeat;
  padding: 10px 10px;
  margin-right: 10px;
  transition: transform 0.2s ease-in-out;
}

.cust-code-accordion-btn:not(.collapsed)::before {
  background-image: url("/images/acc-arrow-right.svg");
  transform: rotate(90deg);
}

.cust-code-accordion-btn:not(.collapsed) {
  background-color: transparent !important;
  border-radius: 8px;
}

.cust-code-accordion-item {
  border-radius: 8px !important;
}

.code-snippet-area {
  min-width: 100% !important;
  border-top: unset !important;
  border: var(--border-color-11, #535353) !important;
  min-height: 800px;
}

.code-btns {
  position: absolute;
  right: 20px;
  top: 20px;
}

.textarea-btn {
  border: 1px solid var(--text-area-btn-border, #7A44E3);
  padding: 10px 14px;
}

.tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #CFC2FF;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 0;
  top: 40%;
}

.custom-primary-hov:hover {
  color: #9b76ff;
}

.feedback-para-scroll {
  height: 125px;
  overflow-y: scroll;
}
.feedback-para-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.feedback-para-scroll::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 5px;
}

.cust-btngrp {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  bottom: 40px;
  right: 80px;
  background-color: var(--bg-color-3, #ffffff);
}

.mb-200 {
  margin-bottom: 200px;
}

.zoom-btn:focus {
  box-shadow: unset;
}

.zoom-btn:focus {
  box-shadow: unset;
}

.zoom-btn:hover {
  background-color: var(--zoom-btn-hover-color, #F1F1F1);
}

.add-option-style:hover {
  color: var(--add-option-color, #626262) !important;
}

.color-grey-v7 {
  color: var(--color-grey-v7, #A6A6A6);
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.textarea-btn:active,
.textarea-btn:focus {
  background-color: #f4eeff;
}

.emoji-active.selected {
  background-color: #d9c6ff;
  border: 1px solid #7A44E3;
}

.selected .emoji-active-tick,
.copied .emoji-active-tick {
  display: flex;
}

.textarea-btn.copied {
  background-color: var(--bg-color, #ffffff);
}
.textarea-btn.copied:hover {
  background-color: var(--primary-color, #7A44E3);
}
.textarea-btn.copied:hover .filter-icons {
  filter: invert(72%) sepia(50%) saturate(3%) hue-rotate(290deg) brightness(152%) contrast(167%);
}

.emoji-active {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.emoji-active-tick {
  position: absolute;
  left: -8px;
  top: -7px;
  width: 18px;
  display: none;
}

.popover-container {
  width: 430px;
  background: var(--gradient-color, linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%));
  border-radius: 8px;
}

.popover-pos {
  top: -3px;
  left: 335px;
}

.popover-pos-2 {
  top: 0;
  right: 70px;
}

.popover-pos-3 {
  bottom: -11px;
  left: 180px;
}

.nav-container {
  background: radial-gradient(98.47% 210.71% at 0% 0%, #6593FE 0%, #9972FD 100%);
  border-radius: 0px 0px 8px 8px;
}

.direct-btn:hover {
  color: var(--btn-hover-v2, #CEC2C2);
}

.popover-pointer {
  position: absolute;
  top: 16px;
  right: 425px;
}

.popover-pointer-2 {
  position: absolute;
  top: 9px;
  right: -24px;
}

.popover-pointer-3 {
  position: absolute;
  bottom: 15px;
  right: 425px;
}

.setting-btn {
  border: var(--form-border-color, 1px solid #CECECE);
  background-color: var(--bg-white, #fff);
}
.setting-btn:hover {
  background-color: var(--btn-hover, #E9E9E9);
}

.lh-0 {
  line-height: 0;
}

.bubble-img {
  position: absolute;
  bottom: 54px;
  right: 0;
}

.cust-past-convo {
  border-radius: 5px;
}
.cust-past-convo a {
  color: var(--text-color-3, #1F2034);
  text-decoration: none;
}

.cust-past-convo:hover {
  background-color: #F1EAFF;
  color: #ffffff !important;
}

.cust-past-convo:hover img {
  display: block !important;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(104%) contrast(102%);
}

.custom-dropdown-li:hover,
.custom-dropdown-li:focus {
  background-color: var(--zoom-btn-hover-color, #F1F1F1);
  color: var(--text-color-2, #222325);
}

.bg-color-5 {
  background-color: var(--bg-color-5, #ffffff);
}

.text-color-1 {
  color: var(--text-color-1, #000000) !important;
}

.text-color-2 {
  color: var(--text-color-2, #222325);
}

.link-nav-color {
  color: var(--nav_text_color, #808080);
}

.text-color-9 {
  color: var(--text-color-9, #535353) !important;
}

.text-color-3 {
  color: var(--text-color-3, #1F2034);
}

.text-color-15 {
  color: var(--text-color-15, #8C97AB);
}

.custom-border-bottom {
  border-bottom: 1px solid var(--border-color, #D8D8D8);
}

.custom-border-top {
  border-top: 1px solid var(--border-color-3, #CECECE);
}

.custom-border-right {
  border-right: 1px solid var(--border-color-8, #DEDEDE);
  height: 60vh ;
}

.bg-color {
  background-color: var(--bg-color, #ffffff) !important;
}

.bg-color-2 {
  background-color: var(--bg-color-2, #ffffff);
}

.bg-color-3 {
  background-color: var(--bg-color-3, #ffffff);
}

.bg-color-4 {
  background-color: var(--bg-color-4, #ffffff) !important;
}

.form-placeholder-color {
  color: var(--form-placeholder-color, #8C97AB);
}
.form-placeholder-color:focus {
  color: var(--form-placeholder-color, #8C97AB) !important;
}

.form-grey-color {
  color: var(--form-grey-color, #474747);
}

.chat-text-color {
  color: var(--chat-text-color, #7D7D7D);
}

.text-color-2 {
  color: var(--text-color-2, #222325) !important;
}

.text-color-3 {
  color: var(--text-color-3, #1F2034);
}

.text-color-4 {
  color: var(--text-color-4, #212121) !important;
}

.text-color-5 {
  color: var(--text-color-5, #606060);
}

.text-color-6 {
  color: var(--text-color-6, #454545);
}

.text-color-7 {
  color: var(--text-color-7, #8C97AB);
}

.text-color-8 {
  color: var(--text-color-8, #1F2034);
}

.form-label-color {
  color: var(--form-label-color, #1B1B1B);
}

.custom-bottom-bg {
  background-color: var(--custom-bottom-bg, #EBF6FF);
}

.custom-border-3 {
  border: 1px solid var(--border-color-15, #CECECE) !important;
}

.custom-border-4 {
  border: 1px solid var(--border-color-12, 0) !important;
}

.custom-border-bottom-4 {
  border-bottom: 1px solid var(--border-color-16, #CECECE) !important;
}

.custom-outline-btn {
  background-color: transparent !important;
  border: 1px solid var(--cust-outline-btn-color, #A9A9A9) !important;
  color: var(--cust-outline-btn-color, #A9A9A9) !important;
}
.custom-outline-btn:hover {
  background-color: var(--cust-outline-btn-color, #A9A9A9) !important;
  color: #fff !important;
}

.btn-outline-secondary {
  background-color: transparent;
  color: var(--secondary-color, #A9A9A9);
  border: 1px solid var(--secondary-color, #A9A9A9);
}
.btn-outline-secondary:hover {
  background-color: var(--btn-outline-secondary-color, #A9A9A9);
}

.color-grey {
  color: var(--color-grey, #575757);
}

.dashboard-select {
  border: 1px solid var(--border-color-5, #E6E6E6);
}

.custom-border-bottom-2 {
  border-bottom: 0.8px solid var(--border-color-6, #D3D3D3);
}

.nav-bg {
  background-color: var(--nav-bg, #ffffff);
}

.custom-border-bottom-3 {
  border-bottom: 0.5px solid var(--border-color-9, #979797);
}

.custom-border-6 {
  border: 0.8px solid var(--border-color-9, #979797) !important;
}

.cust-search-input:focus {
  background-color: var(--bg-color-4, #ffffff);
  color: var(--text-color-4, #212121);
}

.bg-color-7 {
  background-color: var(--bg-color-7, #EFEFEF);
}

.cust-search-input::-moz-placeholder {
  color: var(--text-color-9, #535353);
}

.cust-search-input::placeholder {
  color: var(--text-color-9, #535353);
}

.cust-boder-top {
  border-top: 1px solid var(--border-color-8, #DEDEDE);
}

.cust-disable-state {
  background-color: var(--prompt-badge-bg, #f0f0f0) !important;
}

.hover-state:hover {
  background-color: var(--btn-hover, #E9E9E9) !important;
}

.hover-state-edit:hover .convo-grid-edit {
  visibility: visible;
}

.convo-grid-edit {
  visibility: hidden;
}

.text-color-12 {
  color: var(--text-color-12, #979797);
}

.text-color-13 {
  color: var(--text-color-13, #A6A6A6);
}

.text-color-14 {
  color: var(--text-color-14, #121212);
}

.text-color-16 {
  color: var(--text-color-16, #1B1B1B);
}

.text-color-10 {
  color: var(--text-color-10, #808080);
}

.border-color-13 {
  border: 1px solid var(--border-color-13, #F8F8F8);
}

.bg-color-10 {
  background-color: var(--bg-color-10, transparent);
}

.purple-plus-icon-decor {
  background-color: var(--bg-color-6, #F5F5F5);
  border-radius: 50%;
}

.custom-border-5 {
  border: 0.75px solid var(--border-color-3, #CECECE) !important;
}

.primary-gradient-border-btn:hover .purple-icon {
  filter: invert(72%) sepia(50%) saturate(3%) hue-rotate(290deg) brightness(152%) contrast(167%);
}

.custom-outline-btn:hover .purple-icon-decor {
  filter: invert(72%) sepia(50%) saturate(3%) hue-rotate(290deg) brightness(152%) contrast(167%);
}

.btn-blue-outline:hover .purple-icon-decor {
  filter: invert(72%) sepia(50%) saturate(3%) hue-rotate(290deg) brightness(152%) contrast(167%);
}

.finish-decor {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: var(--color-green-2, #E1FFEF);
  display: inline-flex;
}

.dark-theme .search-prompt-bg {
  background: none;
  border: none;
}

.cust-input-sty:focus {
  box-shadow: none !important;
  background-color: var(--bg-color-2, #ffffff) !important;
}

.dark-theme .purple-plus-icon {
  filter: invert(55%) sepia(92%) saturate(6834%) hue-rotate(250deg) brightness(93%) contrast(90%);
}

.border-color-10 {
  border: 1px solid var(--border-color-10, #C1C1C1) !important;
}

.dark-theme .icon-filter {
  filter: invert(98%) sepia(0%) saturate(7491%) hue-rotate(265deg) brightness(195%) contrast(93%);
}

.dark-theme .close-icon-filter {
  filter: invert(98%) sepia(0%) saturate(7491%) hue-rotate(265deg) brightness(130%) contrast(93%);
}
.dark-theme .close-icon-filter:hover {
  filter: invert(51%) sepia(0%) saturate(7491%) hue-rotate(265deg) brightness(81%) contrast(93%);
}

.dark-theme .chat-icon {
  filter: 44% sepia(49%) saturate(2319%) hue-rotate(217deg) brightness(98%) contrast(91%);
}

.dark-theme .filter-icons {
  filter: invert(72%) sepia(50%) saturate(3%) hue-rotate(290deg) brightness(152%) contrast(167%);
}

.dark-theme .cust-btngrp img {
  filter: invert(100%) sepia(23%) saturate(362%) hue-rotate(233deg) brightness(155%) contrast(137%);
}

.dark-theme .config-icon {
  filter: invert(74%) sepia(0%) saturate(1%) hue-rotate(223deg) brightness(100%) contrast(97%);
}

.dark-theme .custom-textinput-bg {
  background-color: var(--bg-color, #ffffff);
}

.dark-theme .accordion-header {
  background-color: var(--bg-color-4, #ffffff);
}
.dark-theme .accordion-button {
  background-color: var(--bg-color-4, #ffffff);
}
.dark-theme .accordion-body {
  background-color: var(--bg-color-4, #ffffff);
}

.dark-theme .left-nav-icons {
  filter: invert(61%) sepia(0%) saturate(2322%) hue-rotate(265deg) brightness(196%) contrast(89%);
}

.dark-theme .new-chat-icons {
  filter: invert(61%) sepia(0%) saturate(2322%) hue-rotate(265deg) brightness(196%) contrast(89%);
}

.css-rsk7fu-control {
  background-color: var(--bg-color-4, #ffffff) !important;
  border: 1px solid var(--border-color-5, #E6E6E6) !important;
}

.css-rsk7fu-control:focus {
  background-color: var(--bg-color-4, #ffffff) !important;
  border: 1px solid var(--border-color-5, #E6E6E6) !important;
}

.css-rsk7fu-control:focus-within {
  background-color: var(--bg-color-4, #ffffff) !important;
  border: 1px solid var(--border-color-5, #E6E6E6) !important;
}

.prompt-select:focus-visible {
  outline: none;
}

.calender-icon {
  top: 12px;
  right: 12px;
  position: absolute;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.text-prompt-width {
  max-width: 110px;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-bg {
  background-color: var(--search-bg, transparent) !important;
}
.search-bg:focus {
  background-color: var(--search-bg, transparent) !important;
}

.select__control.css-rsk7fu-control {
  border: 0.75px solid var(--border-color-3, #CECECE) !important;
}

.select__menu.css-2613qy-menu {
  background-color: var(--bg-color-4, #ffffff) !important;
}

.file-upload-list-ele {
  position: absolute;
  background-color: var(--bg-color-4, #ffffff);
  bottom: 68px;
  left: 0px;
  border-radius: 11px;
  border: none;
  box-shadow: var(--cust-box-shadow-2, 0px 0px 70px 22px rgba(211, 225, 251, 0.4));
}

/* .nav-light-logo, .nav-dark-logo {
  display: none;
} */

/* .light-theme .nav-light-logo,
.dark-theme .nav-dark-logo {
  display: block;
} */

.cust-right {
  right: 40% !important;
}

.searchSuggestionList {
  padding: 6px;
  width: 100%;
  display: block;
  border-radius: 8px;
  cursor: pointer;
}

.searchSuggestionList:hover {
  background-color: var(--zoom-btn-hover-color, #F1F1F1);
}

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

.common-dropdown-scroll-popup {
  max-height: 160px;
  overflow-y: scroll;
}
.common-dropdown-scroll-popup::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--bg-color, #ffffff);
}
.common-dropdown-scroll-popup::-webkit-scrollbar-thumb {
  background-color: var(--custom-scroll-color, #D9D9D9);
  border-radius: 5px;
}

.uml-scroll {
  max-height: 400px;
  overflow-y: scroll;
}
.uml-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--bg-color, #ffffff);
}
.uml-scroll::-webkit-scrollbar-thumb {
  background-color: var(--custom-scroll-color, #D9D9D9);
  border-radius: 5px;
}

.manageprompt-activity-scroll {
  max-height: 120px;
  overflow-y: scroll;
}
.manageprompt-activity-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--bg-color, #ffffff);
}
.manageprompt-activity-scroll::-webkit-scrollbar-thumb {
  background-color: var(--custom-scroll-color, #D9D9D9);
  border-radius: 5px;
}

.cust-btn-tab.nav-link {
  color: var(--text-color-9, #535353);
  background: transparent !important;
  border-radius: 5px !important;
  color: var(--text-color-9, #535353) !important;
}

.cust-btn-tab.nav-link.active {
  color: var(--text-color-17, #7A44E3) !important;
  border-radius: 5px;
  background: var(--bg-color-9, #F1EAFF) !important;
}

.cust-btn-tab.nav-link:hover {
  color: var(--text-color-17, #7A44E3) !important;
  border-radius: 5px;
  background: var(--bg-color-9, #F1EAFF) !important;
}

.custom-bg {
  background-color: var(--chat-footer-bg, #E9F7FF);
}

.incoming-content {
  padding-bottom: 170px;
}

.last-spacing{
  margin-bottom: 10%;
}
.last-spacing-avalon{
  margin-bottom: 30%;
}
.bg-color-12 {
  background-color: var(--bg-color-12, #F1E1FF) !important;
}

.drop-icon {
  height: 15px;
}

.cust-margin-top-dropdown {
  margin-top: -15px;
}

.add-textarea-btn {
  top: 20px;
  right: 20px;
}

.w-11 {
  width: 11%;
}

.update-prompt-checkbox {
  height: 25px;
  width: 27px;
}

.bot-prev-next-decor {
  bottom: -3px;
  left: 60px;
}

.web-sorce-dropdown {
  position: absolute;
  right: 0px;
}

.custom-outline-btn-2 {
  background-color: var(--primary-color, #ebe0ff);
  color: var(--text-color-1, #000000);
}
.custom-outline-btn-2:hover {
  color: var(--text-color-1, #7A44E3);
  background-color: var(--outline-btn-color, #ebe0ff);
}

@media (min-width: 992px) {
  .cust-me-lg-4 {
    margin-right: 2.5rem !important;
  }
}/*# sourceMappingURL=custom.css.map */