/* ----------------- Global Dataworkz css start ------------------ */
.dataworkz-table th {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.006em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.dataworkz-form-label {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #111928;
}

.right-sidebar .dataworkz-drawer-body ul li {
	list-style: none;
	padding: 2px 4px;
}

.dataworkz-drawer-header-label {
	/* font-family: Inter; */
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
}

.dataworkz-drawer-header-SubLabel {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin-left: 2rem;
	color: #6B7280;
}

.dataworkz-drawer-header {
	height: 56px;
	border-bottom: 1px solid #E5E7EB;
	background: #FFFFFF
}

.dataworkz-drawer-headerWithTitle {
	height: 70px;
	border-bottom: 1px solid #E5E7EB;
	background: #FFFFFF
}

.dataworkz-drawer-footer {
	height: 64px;
	border-top: 1px solid #DBDFE0;
	background: #FFFFFF;
	bottom: 0px;
	position: sticky;
}

.dataworkz-drawer-body {
	height: calc(100vh - 121px);
	overflow: auto;
	background: #FFFFFF;
	padding: 24px;
}

.dataworkz-drawer-body-gray {
	height: calc(100vh - 121px);
	background: #F9FAFB;
/* 	padding: 24px; */
}

.dataworkz-drawer-body-without-footer {
	height: calc(100vh - 61px);
	overflow: auto;
	background: #FFFFFF;
	padding: 24px;
}

.dataworkz-drawer-secondary-button {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #1F2A37 !important;
	margin-right: 15px;
}

#aiFlowFormSection .dataworkz-drawer-secondary-button {
	margin-right: 0px;
}

.dataworkz-drawer-primary-button {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #0B66CE;
	background-color: #0B66CE;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
}

#saveWorkflow:hover {
	color: #FFFFFF !important;
}

#saveWorkflow:disabled {
	color: #FFFFFF !important;
}

.dataworkz-drawer-tertiary-button {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #0B66CE;
}

.dataworkz-tertiary-button-blueBorder {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #0B66CE;
	border: 1px solid #0B66CE;
}

.dataworkz-drawer-tertiary-button-red {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #E02424;
}

.dataworkz-drawer-tertiary-button-black {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: black;
}

.dataworkz-infobutton-green {
	width: 72px;
	height: 20px;
	padding: 2px 10px 2px 10px;
	margin: 4px;
	border-radius: 6px;
	border: 1px solid #DEF7EC;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	color: #03543F;
	background: #DEF7EC;
}

.dataworkz-drawer-danger-button {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #C81E1E;
	background-color: #C81E1E;

	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
}

.dataworkz-tertiary-button-redBorder {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #C81E1E;
	border: 1px solid #C81E1E;
}

.dataworkz-button-wrapper {
	display: inline-block;
	float: right;
	padding: 15px 24px;
}

.dataworkz-drawer-primary-button:disabled {
	background-color: #9CA3AF;
	border: 1px solid #9CA3AF;
}

.dataworkz-tertiary-button-blueBorder:disabled{
	background-color: #9CA3AF;
	border: 1px solid #9CA3AF;
}

.dataworkz-invalid-field {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

.dataworkz-primary-button {
	padding: 8px 12px;
	background-color: #0B66CE;
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF !important;
	border: 1px solid #0B66CE;
	border-radius: 8px;
}

/* Match dataworkz-ui agent Create button visual style */
.dataworkz-create-like-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 86px;
	padding: 6px 11px;
	border-radius: 6px;
	border: 1px solid #2375D3;
	background: #2375D3;
	color: #FFFFFF !important;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
}

.dataworkz-create-like-btn:hover {
	background: #1A5FB4;
	border-color: #1A5FB4;
	color: #FFFFFF !important;
}

.dataworkz-create-like-btn i {
	font-size: 14px;
	line-height: 1;
}

.dataworkz-ai-application-breadCrumbs {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	text-align: left;
}

.dataworkz-ai-application-text-color {
	color: #0B66CE;
}

.dataworkz-ai-application-subtext-color {
	color: #202020;
}

.dataworkz-yellow-tag {
	background: #FDF6B2;
	color: #723B13;
	padding: 0px 5px 0px 5px;
	border-radius: 3px;
	opacity: 0px;
}

.dataworkz-grayText {
	color: #6B7280
}

.dataworkz-DarkgrayText {
	color: #4B5563;
}

.dataworkz-lightBlackText {
	color: #111928;
}

.dataworkz-gray-border {
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #E5E7EB;
}

.dataworkz-gray-border-allSide {
	border-bottom: 1px solid #E5E7EB;
}

.dataworkz-gray-border-bottom{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #E5E7EB;
}

/* part of global css derived from agents form with count label */
.dataworkz-searchBar {
	padding: 5px 0px 5px 40px;
	border-radius: 9999px;
	border: 1px solid #D1D5DB;
	opacity: 0px;
	font-weight: 400px;
	font-size: 14px;
	-webkit-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
	color: #6B7280;

}
.dataworkz-wizard-Formcontainer {

	width: 65%;
	height: calc(100vh - 214px);
	max-width: 65%;
	padding: 5px 0px 5px 0px;
	margin: 25px;
	border-radius: 12px;
	border: 1px 0px 0px 0px;
	opacity: 0px;
	border: 1px solid #E5E7EB;
	background: white;
	overflow-y: auto;
}

.dataworkz-wizard-FormTestcontainer {
	width: 33%;
	height: calc(100vh - 121px);
	max-width: 33%;
	padding: 5px 0px 5px 0px;
	opacity: 0px;
	border-left: 1px solid #E5E7EB;
	background: white;
	overflow-y: auto;
}

.dataworkz-wizard-Formcontainer form {
	margin:16px;
}

.dataworkz-wizard-FormTestcontainer form {
	margin:16px;
	
}

.dataworkz-wizard-Formcontainer .wizard-section {
	/* Ensure each wizard section behaves like a normal block-level section
	   so sections stack vertically and never overlap. */
	display: block;
	width: 100%;
	clear: both; /* clear any floats inside sections */
	position: relative; /* allow positioned children while keeping normal flow */
	box-sizing: border-box;
	/* z-index: 0; */
	margin-bottom: 2rem !important;
}

/* Specific safety rules for the second and third sections to ensure
   the third section always sits below the second and both resize
   naturally with content. */
#formSecondSection,
#formThirdSection {
	display: block;
	position: relative;
	width: 100%;
	clear: both;
	box-sizing: border-box;
}

/* Give a small default gap when both sections are visible. This will
   collapse automatically if either section is hidden. */
#formThirdSection {
	margin-top: 1rem;
}

/* Ensure the form container provides vertical scrolling instead of
   letting sections overlap when viewport is too small. */
.dataworkz-wizard-Formcontainer {
	overflow-y: auto;
}

/* Prevent overlap when the composite core process layout is shown.
   Make it participate in normal flow and avoid a fixed 60vh height
   which can cause the following wizard sections to be visually
   overlapped. */
.dataworkz-wizard-Formcontainer #aiFlowCompositeCoreProcessLayout:not(.d-none),
#aiFlowCompositeCoreProcessLayout:not(.d-none) {
	/* Only apply when the layout is visible (does not have .d-none) */
	position: relative;
	width: 100%;
	height: auto;
	max-height: none;
	clear: both;
	box-sizing: border-box;
	margin-bottom: 1rem;
}

/* Ensure the third section always clears and is pushed below the
   composite layout when it becomes visible. */
.dataworkz-wizard-Formcontainer #formThirdSection,
#formThirdSection {
	clear: both;
	margin-top: 1rem;
	position: relative;
}

.dataworkz-sequence-counter {
	padding: 4px 9px 4px 9px;
	border-radius: 9999px;
	background: #0B66CE;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: white;
}

.dataworkz-sequence-counter.success {
	background: #0E9F6E;
}

.dataworkz-sequence-counter-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.dataworkz-info {
	width: 573px;
	height: 28px;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
	opacity: 0px;
	display: flex;
	align-items: center;
}

.dataworkz-info heading {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #374151;
}

.dataworkz-info text {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color :#6B7280;
	
}

.dataworkz-pre {
	margin-top: 20px;
	padding: 15px;
	background-color: #282c34;
	color: #fff;
	border-radius: 12px;
	scrollbar-width: none;
	height: 366px;
	min-height: 160px;
	font-size: 14px;
	font-weight: 400;
	resize: vertical;
}

#aiToolForm-Json-container .json-block {
	height: 100%;
}

.dataworkz-pre#mongodbFilter + .placeholder {
	left: 42px;
}

.dataworkz-pre#snowflakeToolPrompt + .placeholder {
	left: 57px;
}

.dataworkz-pre#jdbcToolPrompt+.placeholder {
	left: 42px;
}

.dataworkz-pre#agentToolTestJsonBlock {
	padding: 0;
}

#agentToolJsonBlock {
	padding: 0;
}

.monaco-readonly-overlay {
	position: absolute;
	top: 0;
	left: 15px;
	width: calc(100% - 30px);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	background-color: #F3F4F6;
	color: #57606a;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 12px;
	border: 1px solid #d0d7de;
	z-index: 10;
}

.monaco-editor .sticky-widget {
	box-shadow: rgba(255, 255, 255, 0.2) 0 4px 2px -3px !important;
}

.read-only-json-block .monaco-editor .sticky-widget {
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -3px !important;
}

.dataworkz-code {
	font-family: "Courier New", Courier, monospace;
}

/****    derived infowithdetails from aiApp (Showing blue background div for customEmbedding)******/
.dataworkz-infoWithDetails {
	width: 440 px;
	height: 146 px;
	padding: 16px 32px 16px 32px;
	opacity: 0px;
	background: #E7F0FA;
}

.dataworkz-infoWithDetails .headingContainer {
	display: flex;
	align-items: center;
}

.dataworkz-infoWithDetails .heading {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #0B66CE;
	margin: 0px 0.5rem 0px 0.5rem
}

.dataworkz-infoWithDetails .text {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #0B66CE;
	display: block;
	margin: 0.5rem;
}

.dataworkz-infoWithDetails button {
	width: 157px;
	height: 32px;
	padding: 8px 12px 8px 12px;
	margin: 8px;
	border-radius: 8px;
	border: 1px solid #0B66CE;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	text-align: left;
	color: #0B66CE;
	background: #E7F0FA;
	margin: 0.5rem;
}

.dataworkz-greenBadge {
	width: 46px;
	height: 20px;
	padding: 2px 10px 2px 10px;
	border-radius: 6px;
	opacity: 0px;
	background: #0E9F6E;
	display: inline-grid;
}

.dataworkz-badge-text {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: white
}

/* used in agents tools*/
.dataworkz_vertical_line {
	width: 1px;
	border: 1px solid #D1D5DB;
}

.dataworkz_create_new_entity {
	font-size: 14px;
	font-weight: 500;
	color: #374151;
}

/* Custom styles for the search bar in the dropdown */
.btn-group .multiselect-container .multiselect-search {
	border-radius: 5px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field
	{
	border-radius: 5px;
}

/* CSS style for steps/wizards  footer buttons */
.wizard-content .wizard>.actions>ul>li>a[href="#cancel"], .wizard-modern.wizard-content .wizard>.actions>ul>li>a[href="#cancel"]
	{
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: #FFF;
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	text-align: center;
	color: #0B66CE;
}

.wizard-content .wizard>.actions>ul>li>a[href="#next"] {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #0B66CE;
	background-color: #0B66CE;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
}

#saveVectorChunkPropertiesButton, #cancelVectorChunkPropertiesButton, #saveVectorChunkTargetButton, #cancelVectorChunkButton {
	padding: 10px 20px;
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"],
	.wizard-modern.wizard-content .wizard>.actions>ul>li>a[href="#previous"]
	{
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #1F2A37;
	margin-right: 15px;
}

.wizard-content .wizard>.actions>ul>li>a[href="#finish"] {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #0B66CE;
	background-color: #0B66CE;
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
}

.wizard-content .wizard>.actions {
	border-top: 1px solid #E5E7EB;
	background: #FFFFFF
}

.dataworkz-drawer-body-custom {
	height: calc(100vh - 130px);
	overflow: auto;
	background: #FFFFFF;
	padding: 24px;
}

.dataworkz-footer-wrapper-custom {
	display: inline-block;
	float: right;
	padding: 12px 24px;
}

/*****  DTAWORKZ GENERIC MODAL *****/
.dataworkz-modal {
	padding: 24px;
	width: 480px;
	height: 202px;
	border-radius: 12px;
	box-shadow: 0px 0px 14px 0px #00000040;
}

.dataworkz-modal-header {
	border: none;
	padding-bottom: 5px;
}

.dataworkz-modal-header-text {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.dataworkz-modal-body {
	font-size: 14px;
	font-weight: 400;
	line-height: 19.2px;
	color: #000000;
}

.dataworkz-modal-footer {
	display: block;
	border: none;
	height: 35%;
}

.dataworkz-modal-ok-btn {
	float: left;
	height: 36px;
	border: 1px solid black;
	color: black;
}

.dataworkz-modal-cancel-btn {
	float: right;
	height: 36px;
	border: 1px solid #2B5FAD;
	color: white;
	background: #2B5FAD;
}

.dataworkz-grayBackground {
	background: #F3F4F6;
}

.display-grid {
	display: grid;
}

.display-flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flexWrap {
	flex-wrap: wrap;
}

.justify-space {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.justify-space-even {
	justify-content: space-evenly;
}

.justify-end {
	justify-content: end;
}

.align-center {
	align-items: center
}

.align-end {
	align-items: end !important
}

.align-baseline {
	align-items: baseline
}

.dataworkz-height-90 {
	height: 90vh
}

.dataworkz-height-90-50 {
	height: calc(90vh - 50px);
}

.font-italic{
	font-style:italic;
}

.fontWeight-300 {
	font-weight: 300
}

.fontWeight-700 {
	font-weight: 700
}

.fontWeight-400 {
	font-weight: 400
}

.fontWeight-500 {
	font-weight: 500
}

.fontWeight-600 {
	font-weight: 600
}

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

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

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

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

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

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

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

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

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

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

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



.text-center {
	text-align: center
}

.display-block {
	display: block;
}

.short-drawer-height {
	height: calc(60vh - 121px);
}

.full-drawer-height {
	height: calc(100vh - 121px);
}

.h-100vh {
	height: 100vh;
}

.h-60vh {
	height: 60vh;
}

.h-100vh {
	height: 100vh;
}

.h-90vh {
	height: 90vh;;
}

.bottomDrawerBoxShadow {
	box-shadow: 0px -3px 4px 0px #8D8D8D40;
}

.dataworkz-separator-footer {
	color: #E5E7EB;
	margin-right: 0.5em;
	font-size: 1.7em;
	font-weight: lighter;
}

.table_action {
	cursor: pointer;
	padding: 4px;
}

.table_action_disabled {
	cursor: not-allowed;
	opacity: 0.5;
	padding: 4px;
}

.table_action .table_action_img, .table_action_disabled .table_action_img
	{
	height: 16px;
	width: 16px;
}

.table_action .table_action_icon, .table_action_disabled .table_action_icon
	{
	height: 16px;
	width: 16px;
	font-size: 16px;
	line-height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #374151;
}

.template_name_cell
	{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 8px;
	width: 100%;
	min-width: 0;
}

.template_name_primary
	{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 1 1 auto;
	max-width: none;
}

.template_name_indicator
	{
	width: 18px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: transparent;
	position: relative;
}

.template_name_indicator i
	{
	font-size: 13px;
	line-height: 1;
}

.template_name_indicator.is-locked.is-pending
	{
	color: #D97706;
}

.template_name_indicator.is-locked
	{
	color: #94A3B8;
}

.template_name_indicator.is-locked.has-action
	{
	color: #D97706;
}

.template_name_indicator.is-locked.has-action::after
	{
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #F97316;
	border: 1px solid #FFFFFF;
}

.template_name_indicator.is-locked.is-pending::after
	{
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #CBD5E1;
}

.template_name_indicator.is-deleted
	{
	color: #EF4444;
}

.template_name_indicator.is-deleted .template_name_indicator_dot
	{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #EF4444;
}

.template_name_actions
	{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
	flex: 0 0 auto;
	margin-left: 0;
	white-space: nowrap;
	position: relative;
	z-index: 40;
	isolation: isolate;
}

.template_name_actions.menu-open
	{
	z-index: 3201;
}

.template_name_more_wrap
	{
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.template_name_actions.menu-open .template_name_more_wrap
	{
	z-index: 3202;
}

.template_name_action_btn
	{
	width: 28px;
	height: 28px;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #FFFFFF;
	color: #475569;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	font-size: 13px;
	line-height: 1;
	outline: none;
	}

.template_name_action_btn:focus,
.template_name_action_btn:focus-visible
	{
	outline: none;
	box-shadow: none;
}

.template-inline-icon
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.template-inline-icon svg
	{
	display: block;
}

.template_name_action_btn .template_action_icon svg
	{
	width: 13px;
	height: 13px;
}

.template_name_action_btn_more .template_action_icon svg
	{
	width: 15px;
	height: 15px;
}

.template_name_action_btn:hover
	{
	background: #F8FAFC;
	border-color: #CBD5E1;
}

.template_name_action_btn_more
	{
	border-color: transparent;
	background: transparent;
	color: #64748B;
}

.template_name_action_btn_more:hover
	{
	background: #F8FAFC;
	border-color: transparent;
}

.template_name_action_btn.disabled
	{
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

.template_name_menu
	{
	display: none;
	position: absolute;
	right: 0;
	left: auto;
	top: calc(100% + 4px);
	min-width: 160px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
	padding: 4px 0;
	z-index: 3200;
}

.template_name_menu.show
	{
	display: block;
}

.template_name_menu.open-upward
	{
	top: auto;
	bottom: calc(100% + 4px);
}

.template_name_menu.menu-floating
	{
	position: fixed;
	right: auto;
	top: 0;
	left: 0;
	bottom: auto;
	z-index: 6500;
}

.template_name_menu_item
	{
	width: 100%;
	border: none;
	background: transparent;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 14px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	cursor: pointer;
	color: #334155;
	white-space: nowrap;
}

.template_name_menu_item .template_menu_icon
	{
	width: 14px;
	min-width: 14px;
}

.template_name_menu_item span
	{
	white-space: nowrap;
}

.template_name_menu_item:hover
	{
	background: #F8FAFC;
}

.template_name_menu_item.danger
	{
	color: #EF4444;
}

.template_name_menu_item.danger:hover
	{
	background: #FEF2F2;
}

.template_name_menu_item.disabled
	{
	color: #9CA3AF;
	cursor: default;
	pointer-events: none;
}

.template_name_menu_separator
	{
	height: 1px;
	background: #E2E8F0;
	margin: 4px 0;
}

.template_name_text, .template-inactive-name
	{
	display: inline-block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.template-inactive-name
	{
	color: #6B7280;
}

.template-locked-name
	{
	color: #334155;
}

.template_name_secondary
	{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end;
	margin-left: 0;
	gap: 6px;
	flex: 0 0 auto;
	position: relative;
	z-index: 60;
}

.template-table-card
	{
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	overflow: hidden;
}

.template-status-filter-section
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 20px;
	border-bottom: 1px solid #E2E8F0;
	background: #FFFFFF;
}

.template-status-filter-group
	{
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
}

.template-status-search-wrap
	{
	position: relative;
	flex: 0 0 auto;
}

.template-status-search-icon
	{
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #94A3B8;
	pointer-events: none;
}

.template-status-search-input
	{
	width: 220px;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #F8FAFC;
	color: #334155;
	font-size: 14px;
	line-height: 20px;
	padding: 7px 10px 7px 32px;
	outline: none;
}

.template-status-search-input:focus
	{
	border-color: #2375D3;
	background: #FFFFFF;
}

.template-table-summary
	{
	border-top: 1px solid #F1F5F9;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 16px;
	color: #64748B;
	background: #FFFFFF;
}

@media (max-width: 992px)
	{
	.template-status-filter-section
		{
		flex-direction: column;
		align-items: stretch;
	}

	.template-status-search-wrap
		{
		width: 100%;
	}

	.template-status-search-input
		{
		width: 100%;
	}
}

.template-status-filter-btn
	{
	border: none;
	background: transparent;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #64748B;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.template-status-filter-btn:hover
	{
	background: #F8FAFC;
	color: #334155;
}

.template-status-filter-btn.is-active
	{
	background: #EEF5FC;
	color: #2375D3;
	font-weight: 600;
}

.template-status-filter-count
	{
	min-width: 18px;
	height: 18px;
	padding: 0 6px;
	border-radius: 999px;
	background: #E2E8F0;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #475569;
	font-weight: 600;
	flex: 0 0 auto;
}

.template-status-filter-btn.is-active .template-status-filter-count
	{
	background: #D4E5F8;
	color: #2375D3;
}

.template-status-filter-btn.has-alert .template-status-filter-count
	{
	background: #FEF2F2;
	color: #991B1B;
}

.template-status-cell
	{
	display: inline-flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
	min-width: 168px;
}

.template-status-main-row
	{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.template-status-pill
	{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	border: 1px solid transparent;
	white-space: nowrap;
}

.template-status-pill.locked
	{
	background: #F1F5F9;
	border-color: #CBD5E1;
	color: #475569;
}

.template-status-pill.pending
	{
	background: #FFFBEB;
	border-color: #FDE68A;
	color: #B45309;
}

.template-status-pill.deleted
	{
	background: #FEF2F2;
	border-color: #FECACA;
	color: #991B1B;
}

.template-status-link
	{
	background: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #2375D3;
	cursor: pointer;
	text-align: left;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.template-status-link i
	{
	font-size: 11px;
	line-height: 1;
}

.template-status-pill .template_pill_icon svg
	{
	width: 10px;
	height: 10px;
}

.template-status-link .template_link_icon svg
	{
	width: 11px;
	height: 11px;
}

.template-status-link:hover
	{
	text-decoration: underline;
}

.template-status-meta
	{
	font-size: 12px;
	line-height: 16px;
	color: #64748B;
}

.template-status-empty
	{
	color: #94A3B8;
	font-size: 14px;
	line-height: 18px;
}

.template-status-approval-ring
	{
	--progress: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: conic-gradient(#F59E0B calc(var(--progress) * 1turn), #E2E8F0 0);
	font-size: 9px;
	line-height: 1;
	font-weight: 700;
	color: #D97706;
	flex: 0 0 auto;
}

.template-status-approval-ring::before
	{
	content: '';
	position: absolute;
	inset: 2px;
	border-radius: 50%;
	background: #FFFFFF;
}

.template-status-approval-ring > span
	{
	position: relative;
	z-index: 1;
}

.template-type-pill
	{
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	background: #F1F5F9;
	color: #64748B;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	white-space: nowrap;
}

.template-tag-list
	{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.template-tag-pill
	{
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 12px;
	border: 1px solid #D4E5F8;
	background: #EEF5FC;
	color: #2375D3;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	white-space: nowrap;
}

#templateDetailsTable_wrapper table.dataTable thead th
	{
	background: #F8FAFC;
	color: #64748B;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-bottom: 1px solid #E2E8F0;
	position: relative;
	white-space: nowrap;
	padding-right: 18px !important;
}

#templateDetailsTable_wrapper table.dataTable thead .sorting,
#templateDetailsTable_wrapper table.dataTable thead .sorting_asc,
#templateDetailsTable_wrapper table.dataTable thead .sorting_desc,
#templateDetailsTable_wrapper table.dataTable thead .sorting_asc_disabled,
#templateDetailsTable_wrapper table.dataTable thead .sorting_desc_disabled
	{
	background-image: none !important;
	background: #F8FAFC !important;
}

#templateDetailsTable_wrapper table.dataTable thead th::before,
#templateDetailsTable_wrapper table.dataTable thead th::after
	{
	display: none !important;
}

#templateDetailsTable_wrapper table.dataTable thead th.sorting_asc::after
	{
	display: inline-block !important;
	content: "\25B2";
	color: #2375D3;
	font-size: 10px;
	margin-left: 0;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	line-height: 1;
}

#templateDetailsTable_wrapper table.dataTable thead th.sorting_desc::after
	{
	display: inline-block !important;
	content: "\25BC";
	color: #2375D3;
	font-size: 10px;
	margin-left: 0;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	line-height: 1;
}

#templateDetailsTable_wrapper .dataTables_scrollBody table.dataTable thead th::before,
#templateDetailsTable_wrapper .dataTables_scrollBody table.dataTable thead th::after
	{
	display: none !important;
	content: none !important;
}

#templateDetailsTable_wrapper table.dataTable tbody td
	{
	padding-top: 14px;
	padding-bottom: 14px;
	vertical-align: top;
	border-top: 0;
	border-bottom: 1px solid #F1F5F9;
}

#templateDetailsTable_wrapper table.dataTable tbody tr:hover td
	{
	background: #F8FAFC;
}

#templateDetailsTable_wrapper table.dataTable .template-name-col
	{
	min-width: 320px;
}

#templateDetailsTable_wrapper table.dataTable td.template-name-col
	{
	overflow: visible;
	position: relative;
}

#templateDetailsTable_wrapper table.dataTable tbody tr.template-name-menu-open-row
	{
	position: relative;
	z-index: 5200;
}

#templateDetailsTable_wrapper table.dataTable td.template-name-col.template-name-menu-open-cell
	{
	position: relative;
	z-index: 5300;
}

#templateDetailsTable_wrapper table.dataTable .template-status-col
	{
	min-width: 188px;
}

#templateDetailsTable_wrapper table.dataTable .template-type-col
	{
	min-width: 130px;
}

#templateDetailsTable_wrapper table.dataTable .template-tags-col
	{
	white-space: nowrap;
}

#templateDetailsTable_wrapper .dataTables_filter,
#templateDetailsTable_wrapper .dataTables_info,
#templateDetailsTable_wrapper .dataTables_paginate,
#templateDetailsTable_wrapper .dataTables_length
	{
	display: none !important;
}

#templateDetailsTable_wrapper
	{
	margin-top: 0;
}

#templateDetailsTable_wrapper .dataTables_scrollHead
	{
	border-bottom: 0;
}

#templateDetailsTable_wrapper .dataTables_scrollBody
	{
	border-bottom: 0 !important;
}

#templateDetailsTable
	{
	margin-top: 0 !important;
}

#templateDetailsTable_wrapper table.dataTable tr.dw-row-inactive td
	{
	background: #F3F4F6;
	color: #94A3B8;
}

#templateDetailsTable_wrapper table.dataTable tr.dw-row-email-target td
	{
	background: #EFF6FF;
	border-top: 2px solid #BFDBFE;
	border-bottom: 2px solid #BFDBFE;
}

#templateDetailsTable_wrapper table.dataTable tr.dw-row-email-target td:first-child
	{
	border-left: 4px solid #2563EB;
}

#templateDetailsTable_wrapper table.dataTable tr.dw-row-email-target td:last-child
	{
	border-right: 2px solid #BFDBFE;
}

.template-modal-dialog
	{
	max-width: 580px;
	margin: 1.75rem auto;
}

.template-modal-dialog.template-modal-dialog-request
	{
	max-width: 540px;
}

.template-modal-dialog.template-modal-dialog-progress
	{
	max-width: 580px;
}

.template-modal-dialog.template-modal-dialog-lock
	{
	max-width: 580px;
}

.template-modal-dialog.template-modal-dialog-restore
	{
	max-width: 460px;
}

.template-modal-dialog.template-modal-dialog-delete
	{
	max-width: 620px;
}

.template-unlock-progress-modal,
.template-restore-modal,
.template-delete-modal,
.template-lock-modal
	{
	border: 0;
	border-radius: 12px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.template-unlock-progress-modal .modal-header,
.template-restore-modal .modal-header,
.template-delete-modal .modal-header,
.template-lock-modal .modal-header
	{
	padding: 16px 24px;
	border-bottom: 1px solid #E2E8F0;
	align-items: center;
}

.template-unlock-progress-modal .modal-body,
.template-restore-modal .modal-body,
.template-delete-modal .modal-body,
.template-lock-modal .modal-body
	{
	padding: 16px 24px;
}

.template-unlock-progress-modal .modal-body
	{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.template-unlock-progress-modal .modal-footer,
.template-restore-modal .modal-footer,
.template-delete-modal .modal-footer,
.template-lock-modal .modal-footer
	{
	padding: 12px 24px;
	border-top: 1px solid #E2E8F0;
	gap: 8px;
}

.template-unlock-progress-title,
.template-restore-modal-title,
.template-delete-modal-title
	{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #0F172A;
}

.template-unlock-progress-title i,
.template-restore-modal-title i,
.template-delete-modal-title i
	{
	font-size: 20px;
	color: #2375D3;
}

.template-lock-modal-title
	{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #0F172A;
}

.template-modal-close-btn
	{
	background: transparent;
	border: 0;
	color: #94A3B8;
	opacity: 1;
	padding: 4px;
	line-height: 1;
	border-radius: 6px;
	margin: 0;
}

.template-modal-close-btn:hover,
.template-modal-close-btn:focus
	{
	color: #64748B;
	opacity: 1;
	background: #F1F5F9;
}

.template-modal-close-icon
	{
	font-size: 18px;
	line-height: 1;
}

.template-modal-btn
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 6px 11px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	border: 1px solid transparent;
	box-shadow: none;
	text-shadow: none;
}

.template-modal-btn:focus
	{
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(35, 117, 211, 0.15);
}

.template-modal-btn-secondary
	{
	background: #FFFFFF;
	border-color: #E2E8F0;
	color: #64748B;
}

.template-modal-btn-secondary:hover,
.template-modal-btn-secondary:focus
	{
	background: #F8FAFC;
	border-color: #E2E8F0;
	color: #64748B;
}

.template-modal-btn-primary
	{
	background: #2375D3;
	border-color: #2375D3;
	color: #FFFFFF;
}

.template-modal-btn-primary:hover,
.template-modal-btn-primary:focus
	{
	background: #1C5FB2;
	border-color: #1C5FB2;
	color: #FFFFFF;
}

.template-modal-btn-danger-outline
	{
	background: transparent;
	border-color: #FECACA;
	color: #EF4444;
}

.template-modal-btn-danger-outline:hover,
.template-modal-btn-danger-outline:focus
	{
	background: #FEF2F2;
	border-color: #FECACA;
	color: #EF4444;
}

.template-modal-btn-danger
	{
	background: #EF4444;
	border-color: #EF4444;
	color: #FFFFFF;
}

.template-modal-btn-danger:hover,
.template-modal-btn-danger:focus
	{
	background: #DC2626;
	border-color: #DC2626;
	color: #FFFFFF;
}

.template-unlock-progress-status-row
	{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: -4px;
}

.template-unlock-request-alert
	{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: #FFFBEB;
	border: 1px solid #FDE68A;
	border-radius: 8px;
	padding: 12px 16px;
}

.template-unlock-request-alert-icon i
	{
	color: #D97706;
	font-size: 16px;
	line-height: 1;
	margin-top: 1px;
}

.template-unlock-request-alert-title
	{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #B45309;
	margin-bottom: 2px;
}

.template-unlock-request-alert-text
	{
	font-size: 12px;
	line-height: 19px;
	color: #92400E;
}

.template-unlock-progress-details
	{
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 12px 16px;
}

.template-unlock-progress-details-title
	{
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #64748B;
	margin-bottom: 8px;
}

.template-unlock-progress-detail-row
	{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #64748B;
	margin-bottom: 0;
}

.template-unlock-progress-detail-row strong
	{
	color: #334155;
	font-weight: 500;
	word-break: break-word;
}

.template-unlock-progress-detail-row em
	{
	color: #334155;
	font-style: italic;
	word-break: break-word;
}

.template-unlock-progress-summary-row
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.template-unlock-progress-summary-label
	{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #334155;
}

.template-unlock-progress-ring
	{
	width: 32px;
	height: 32px;
	font-size: 10px;
	color: #F59E0B;
}

.template-unlock-progress-ring::before
	{
	inset: 2px;
}

.template-unlock-progress-bar
	{
	height: 5px;
	border-radius: 6px;
	background: #E2E8F0;
	overflow: hidden;
}

.template-unlock-progress-bar-fill
	{
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: #F59E0B;
	transition: width 0.2s ease;
}

.template-unlock-progress-summary-text
	{
	font-size: 14px;
	line-height: 20px;
	color: #64748B;
	margin-top: -6px;
}

.template-unlock-request-reason-group,
.template-unlock-review-reason-group
	{
	margin-bottom: 0;
}

.template-unlock-request-reason-label
	{
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 6px;
}

.template-unlock-reject-reason-label
	{
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #475569;
	margin-bottom: 4px;
}

.template-unlock-request-reason-input
	{
	border-color: #E2E8F0;
	border-radius: 8px;
	font-size: 14px;
	line-height: 21px;
	color: #334155;
	min-height: 88px;
	padding: 10px 12px;
	resize: vertical;
}

.template-unlock-request-reason-input::placeholder
	{
	color: #94A3B8;
}

.template-unlock-request-reason-input:focus
	{
	border-color: #2375D3;
	box-shadow: 0 0 0 0.2rem rgba(35, 117, 211, 0.15);
}

.template-lock-modal .modal-body
	{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.template-lock-info-card
	{
	background: #F1F5F9;
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	padding: 14px 16px;
}

.template-lock-info-card-title
	{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #1E293B;
}

.template-lock-info-card-text
	{
	margin: 0;
	font-size: 15px;
	line-height: 24px;
	color: #475569;
}

.template-lock-info-card-text strong
	{
	color: #1E293B;
	font-weight: 700;
}

.template-lock-impact-row
	{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #64748B;
}

.template-lock-reason-group
	{
	margin-bottom: 0;
}

.template-lock-reason-label
	{
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #334155;
}

.template-lock-reason-input
	{
	border: 1px solid #CBD5E1;
	border-radius: 10px;
	min-height: 114px;
	padding: 11px 14px;
	resize: vertical;
	font-size: 14px;
	line-height: 22px;
	color: #334155;
}

.template-lock-reason-input::placeholder
	{
	color: #9CA3AF;
}

.template-lock-reason-input:focus
	{
	border-color: #2375D3;
	box-shadow: 0 0 0 0.2rem rgba(35, 117, 211, 0.15);
}

.template-lock-helper-text
	{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #64748B;
}

.template-lock-confirm-btn
	{
	min-width: 164px;
}

.template-lock-confirm-btn.is-disabled,
.template-lock-confirm-btn:disabled
	{
	background: #93C5FD;
	border-color: #93C5FD;
	color: #FFFFFF;
	opacity: 1;
	cursor: not-allowed;
	box-shadow: none;
}

.template-restore-modal .modal-body
	{
	padding: 16px 24px;
}

.template-restore-modal-message
	{
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	color: #475569;
}

.template-delete-modal .modal-body
	{
	padding: 20px 24px 22px;
}

.template-delete-modal-message
	{
	margin: 0;
	font-size: 16px;
	line-height: 30px;
	color: #334155;
}

.template-delete-confirm-btn
	{
	min-width: 190px;
}

.template-delete-confirm-btn.is-disabled,
.template-delete-confirm-btn:disabled
	{
	background: #FCA5A5;
	border-color: #FCA5A5;
	color: #FFFFFF;
	opacity: 1;
	cursor: not-allowed;
	box-shadow: none;
}

@media (max-width: 767.98px)
	{
	.template-modal-dialog,
	.template-modal-dialog.template-modal-dialog-request,
	.template-modal-dialog.template-modal-dialog-progress,
	.template-modal-dialog.template-modal-dialog-lock,
	.template-modal-dialog.template-modal-dialog-restore,
	.template-modal-dialog.template-modal-dialog-delete
		{
		max-width: calc(100vw - 24px);
		margin: 0.75rem auto;
		}

	.template-unlock-progress-modal .modal-header,
	.template-restore-modal .modal-header,
	.template-delete-modal .modal-header,
	.template-lock-modal .modal-header,
	.template-unlock-progress-modal .modal-body,
	.template-restore-modal .modal-body,
	.template-delete-modal .modal-body,
	.template-lock-modal .modal-body,
	.template-unlock-progress-modal .modal-footer,
	.template-restore-modal .modal-footer,
	.template-delete-modal .modal-footer,
	.template-lock-modal .modal-footer
		{
		padding-left: 16px;
		padding-right: 16px;
		}
	}

.template_state_tag
	{
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border: 1px solid #D1D5DB;
	border-radius: 999px;
	background: #F9FAFB;
	color: #374151;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	white-space: nowrap;
}

.template_name_rename
	{
	flex: 0 0 auto;
}

.template_name_rename_img
	{
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#notificationPage #messageContent #msgCard
	{
	border: 0;
	border-left: 1px solid #E2E8F0;
	border-radius: 0;
	box-shadow: none;
	min-height: 490px;
	margin-bottom: 0;
}

#notificationPage #messageContent #msgCard>.card-body:last-child
	{
	padding: 0;
}

#msgBody_notify.dw-notification-unlock-rendered
	{
	padding: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.dw-notification-unlock-panel
	{
	display: flex;
	flex-direction: column;
	min-height: 490px;
	background: #FFFFFF;
}

.dw-notification-unlock-header
	{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 20px 24px 16px;
	border-bottom: 1px solid #E2E8F0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 700;
	color: #0F172A;
}

.dw-notification-unlock-title-icon
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dw-notification-unlock-body
	{
	flex: 1 1 auto;
	padding: 16px 24px;
	display: flex;
	flex-direction: column;
	gap: 0;
	overflow-y: auto;
	}

.dw-notification-unlock-details-card
	{
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 12px 16px;
	margin-bottom: 16px;
	}

.dw-notification-unlock-details-title
	{
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #64748B;
	margin-bottom: 8px;
}

.dw-notification-unlock-detail-grid
	{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #64748B;
	align-items: start;
	}

.dw-notification-unlock-detail-key
	{
	color: #64748B;
	white-space: nowrap;
	}

.dw-notification-unlock-detail-value
	{
	color: #334155;
	word-break: break-word;
	}

.dw-notification-unlock-detail-value.is-strong
	{
	font-weight: 500;
	color: #334155;
	}

.dw-notification-unlock-detail-grid em
	{
	font-style: italic;
	color: #334155;
	word-break: break-word;
	}

.dw-notification-unlock-progress-section
	{
	margin-bottom: 16px;
	}

.dw-notification-unlock-progress-header
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	}

.dw-notification-unlock-progress-header>span:first-child
	{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #475569;
	text-transform: uppercase;
	}

.dw-notification-unlock-progress-ring
	{
	--progress: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background:
		conic-gradient(#F59E0B calc(var(--progress) * 1turn), #E2E8F0 0);
	position: relative;
}

.dw-notification-unlock-progress-ring::before
	{
	content: "";
	position: absolute;
	inset: 3px;
	background: #FFFFFF;
	border-radius: 50%;
}

.dw-notification-unlock-progress-ring>span
	{
	position: relative;
	z-index: 1;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	color: #F59E0B;
}

.dw-notification-unlock-progress-track
	{
	height: 5px;
	border-radius: 6px;
	background: #E2E8F0;
	overflow: hidden;
	margin-bottom: 8px;
	}

.dw-notification-unlock-progress-track>span
	{
	display: block;
	height: 100%;
	background: #F59E0B;
	border-radius: 6px;
	transition: width 0.25s ease;
}

.dw-notification-unlock-approval-list
	{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.dw-notification-unlock-approval-row
	{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid #A7F3D0;
	background: #ECFDF5;
	color: #64748B;
	font-size: 14px;
	line-height: 20px;
}

.dw-notification-unlock-approval-row strong
	{
	color: #1E293B;
	font-weight: 500;
}

.dw-notification-unlock-approval-icon
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dw-notification-unlock-footer
	{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 12px 24px;
	border-top: 1px solid #E2E8F0;
	flex-shrink: 0;
	}

.dw-notification-action-btn
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	background: #FFFFFF;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
	white-space: nowrap;
	}

.dw-notification-action-btn .dw-notification-action-icon
	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dw-notification-action-btn.dw-secondary
	{
	border-color: #E2E8F0;
	color: #64748B;
}

.dw-notification-action-btn.dw-secondary:hover
	{
	background: #F8FAFC;
	}

.dw-notification-action-btn.dw-secondary-text
	{
	border-color: transparent;
	background: transparent;
	color: #64748B;
	padding-left: 6px;
	padding-right: 6px;
	}

.dw-notification-action-btn.dw-secondary-text:hover
	{
	background: #F8FAFC;
	}

.dw-notification-action-btn.dw-danger-outline
	{
	border-color: #FECACA;
	color: #EF4444;
}

.dw-notification-action-btn.dw-danger-outline:hover
	{
	background: #FEF2F2;
}

.dw-notification-action-btn.dw-primary
	{
	border-color: #2375D3;
	background: #2375D3;
	color: #FFFFFF;
}

.dw-notification-action-btn.dw-primary:hover
	{
	background: #1C5FB2;
	border-color: #1C5FB2;
}

.dw-notification-action-btn.dw-danger
	{
	border-color: #EF4444;
	background: #EF4444;
	color: #FFFFFF;
}

.dw-notification-action-btn.dw-danger:hover
	{
	background: #DC2626;
	border-color: #DC2626;
}

.dw-notification-action-btn:disabled
	{
	opacity: 0.65;
	cursor: not-allowed;
}

.dw-notification-unlock-reject-panel
	{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
	}

.dw-notification-unlock-reject-panel label
	{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #475569;
	}

.dw-notification-unlock-reject-panel label span
	{
	color: #EF4444;
}

.dw-notification-unlock-reject-textarea
	{
	width: 100%;
	min-height: 90px;
	border: 1px solid #CBD5E1;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #334155;
	resize: vertical;
}

.dw-notification-unlock-reject-textarea:focus
	{
	border-color: #2375D3;
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(35, 117, 211, 0.15);
}

.dw-notification-unlock-reject-actions
	{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.dw-hidden
	{
	display: none !important;
}

@media (max-width: 1200px)
	{
	.dw-notification-unlock-panel
		{
		min-height: 420px;
		}

	.dw-notification-unlock-header,
	.dw-notification-unlock-body,
	.dw-notification-unlock-footer
		{
		padding-left: 16px;
		padding-right: 16px;
		}
	}


#dataTableDiv .table_action:hover 
	{
	background:#E5E7EB;
	border: 2.4px solid #F3F4F6;
	border-radius:6.4px;
	
}
.v_align_top {
	vertical-align: top !important;
}

.py_10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.py_12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.py_20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.py_32 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.px_20 {
	padding-left: 20px;
	padding-right: 20px;
}

.px_24 {
	padding-left: 24px;
	padding-right: 24px;
}

.px_32 {
	padding-left: 32px;
	padding-right: 32px;
}

.px_12 {
	padding-left: 12px;
	padding-right: 12px;
}

.px_80 {
	padding-left: 80px;
	padding-right: 80px;
}

.pb_20 {
	padding-bottom: 20px;
}

.pt_30 {
	padding-top: 30px;
}

.pt_40 {
	padding-top: 40px;
}

.pt_100 {
	padding-top: 100px;
}

.py_16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.py_40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py_100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.py_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py_5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.pr_6 {
	padding-right: 6px;
}

.pr_20 {
	padding-right: 20px;
}

.pl_6 {
	padding-left: 6px;
}

.pl_10 {
	padding-left: 10px;
}

.pl_20 {
	padding-left: 22px;
}

.pl_22 {
	padding-left: 22px;
}

.pl_28 {
	padding-left: 28px;
}

.pl_42 {
	padding-left: 42px;
}

.pl_55 {
	padding-left: 55px;
}

.ml_10 {
	margin-left: 10px
}

.ml_14 {
	margin-left: 14px
}

.ml_22 {
	margin-left: 22px
}

.ml_37 {
	margin-left: 37px
}

.mr_4 {
	margin-right: 4px
}

.mr_2 {
	margin-right: 2px
}

.mr_6 {
	margin-right: 6px
}

.mr_12 {
	margin-right: 12px
}

.mr_16 {
	margin-right: 16px
}

.mb_16 {
	margin-bottom: 16px
}

.mb_20 {
	margin-bottom: 20px
}

.mb_32 {
	margin-bottom: 32px
}

.mb_8 {
	margin-bottom: 8px;
}

.mb_3 {
	margin-bottom: 3px;
}

.mb_2 {
	margin-bottom: 2px;
}

.mt_2 {
	margin-top: 2px;
}

.mt_3 {
	margin-top: 3px;
}

.mt_6 {
	margin-top: 6px;
}

.mt_8 {
	margin-top: 3px;
}

.mt_9 {
	margin-top: 9px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}

.mt_40 {
	margin-top: 40px;
}
.p_4 {
	padding: 4px;
}

.p_32 {
	padding: 32px;
}

.bg-white {
	background-color: white;
}

.bg-lighGray {
	background-color: #F9FAFB;
}

.mandatory-red {
	color: #E02424;
}

.gap_2 {
	gap: 2px;
}

.gap_4 {
	gap: 4px;
}

.gap_5 {
	gap: 5px;
}

.gap_6 {
	gap: 6px;
}

.gap_8 {
	gap: 8px;
}

.gap_10 {
	gap: 10px;
}

.gap_12 {
	gap: 12px;
}

.gap_16 {
	gap: 16px;
}

.gap_20 {
	gap: 20px;
}

.gap_24 {
	gap: 24px;
}

.gap_32 {
	gap: 32px;
}

.row_gap_20 {
	row-gap: 20px;
}

.lh_0 {
	line-height: 0;
}

.lh_1 {
	line-height: 1;
}

.lh_20 {
	line-height: 20px;
}

.lh_16 {
	line-height: 16px;
}

.text-white {
	color: white;
}

.h_90 {
	height: 90px;
}

.br-12 {
	border-radius: 12px;
}

.border_top_dashed {
	border-top: 1px dashed #E5E7EB;
}

.td_checkbox_file .checkbox label::before, .td_checkbox_file .checkbox label::after {
	margin-left: -10px;
	top: -0.5px
}

.td_content_file img {
	align-self: flex-start;
}

.color-black {
	color: black;
}
#scenarioTabs {
	background: white;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	width: 453px;
	right: 0;
	top: 35px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	padding: 16px;
}

.custom-tabs {
	display: flex;
	gap: 4px;
}

.custom-tab {
	cursor: pointer;
	border: none;
	background: none;
	outline: none;
	font-weight: 500;
	font-size: 14px;
	color: #111928;
	border: 1px solid #E5E7EB;
	padding: 6px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.custom-tab:focus {
	outline: none;
}

.custom-tab.active {
	color: #0952A5;
	background-color: #e7f0fa;
	border-color: transparent;
}

.custom-tab:hover {
	color: #0952A5;
}

.custom-tab.active #workflowScenarioGreenCheck, 
.custom-tab.active #addScenarioGreenCheck {
	opacity: 1;
}

.custom-tab #workflowScenarioGreenCheck,
.custom-tab #addScenarioGreenCheck {
	opacity: 0;
}

.addNewScenarioActive {
	background-color: #E7F0FA !important;
	border: 2px solid #CEE0F5 !important;
}

.scenarioTypeTags {
	font-weight: 500;
	font-size: 12px;
	border-radius: 6px;
	padding: 2px 10px;
	margin-left: 12px;
}

/* ----------------- Global Dataworkz css end ------------------ */
.next_run_schedule {
	padding: 2px 4px 2px 5px;
	border-radius: 16px;
	margin-left: 10px;
	background: #eee;
}

#aiAppInitialDataTable_wrapper .vertical_line {
	height: 18px;
	width: 1px;
	background-color: #e5e7eb;
}

.deleteQnaTable {
	width: 100%;
}

.deleteQnaTableHeader {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding: 12px;
	color: #141B29;
}

.deleteQnaTableData {
	color: #141B29;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	padding: 12px;
}


.dataworkz-checkbox{
	width: 16px;
	height: 16px;
	margin: 2.5px;
	border-width: 0.5px;
	padding: 2.5px;	
	vertical-align: middle;
}

.dataworkz-checkbox:checked {
  	accent-color: #0B66CE;
	border: 0.5px solid #0B66CE;
	border-radius: 4px;
}

.dataworkz-checkbox:disabled {
	background-color: #B6D1F0 !important;
	border: 1px solid #B6D1F0 !important;
	cursor: not-allowed !important;
}

.dataworkz-tableToolTip {
	padding: 2px 4px 2px 5px;
	position: fixed;
	display: inline-block;
}

.dataworkz-tableToolTip .darkToolTip {
	background-color: #4B5563;
	color: #FFFFFF; 
	font-size: 12px; 
	font-weight: 400;
	border-radius:4px;
	padding:1px 4px;
	position: absolute;
	z-index: 99;
	min-width:55px;
	min-height:20px;
	bottom: 109%; /* Position the tooltip above the icon */
    left: -50%;
}

.dataworkz-tableToolTip .darkToolTip::after {
	content: "";
	position: absolute;
	top:99%;
	left: 50%;
	margin-left: -3px;
	border-width: 4px;
	border-style: solid;
	border-color: #4B5563 transparent transparent transparent;
}

/* ------------------ agent css -----------------*/
.agent-builder-headings {
	background: #FFFFFF;
	padding: 8px;
	border-radius: 6px;
	font-size: 16px;
	color: #111928;
	font-weight: 600;
	margin-bottom: 10px;
}

.agent-builder-text {
	color: #1F2A37;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
}

.accordion-container {
	background: #fff;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	margin-bottom: 10px;
	width: 99%;
}

.accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	cursor: pointer;
	/* background: #FFFFFF; */
	/* border-bottom: 1px solid #ddd; */
	/* transition: background 0.3s ease; */
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #111928;
}

.accordion-header:hover {
	background: #FFFFFF;
	box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
}

#toolContentImport .accordion-header:hover {
  background: #F9FAFB;
}

.accordion-header h3 {
	margin: 0;
	font-size: 16px;
	color: #333;
}

.accordion-header i {
	font-size: 16px;
	color: #333;
	transition: transform 0.3s ease;
}

.accordion-body {
	max-height: 0;
	overflow: hidden;
	/* transition: max-height 0.3s ease, padding 0.3s ease; */
	background: #fff;
	padding: 0 20px;
}

.accordion-body p {
	/* margin: 15px 0;
	font-size: 14px;
	color: #555; */
	
}

.accordion.active .accordion-body {
	max-height: fit-content;
	padding: 15px 20px;
	padding-left: 40px;
	border-radius: 0px 0px 12px 12px;
	border-top: 1px solid #E5E7EB;
	overflow: visible;	
	/* white-space: break-spaces; */
}

.accordion.active .accordion-header:hover {
	box-shadow: none;
}

.accordion.active .accordion-header i {
	transform: rotate(180deg);
}

.aiResponseIcon {
	height: 32px;
	width: 32px;
	border: 1px #FDF6B2;
	border-radius: 999px;
	text-align: center;
	line-height: 32px;
	background-color: #FDF6B2;
}

.userResponseIcon {
	height: 32px;
	width: 32px;
	border: 1px #FDF6B2;
	border-radius: 999px;
	text-align: center;
	line-height: 32px;
	background-color: #FDF6B2;
}

.userResponseDiv {
	margin: 0;
	margin-top: 10px;
	padding: 16px;
	padding-left: 0px;
	font-size: 14px;
	font-weight: 400;
	color: #111928;
	margin-left: 12px;
    margin-right: 12px;
}

.responseTextAgent {
	margin-left: 15px;  
	white-space: pre-line; 
	margin-top: 5px
}

.responseTextAgent li {
	list-style: disc !important;
}

.responseTextAgent p {
	margin-bottom: 5px;
}

.aiResponseDiv {
	background: #F9FAFB;
	padding: 16px;
	margin: 0;
	padding-left: 0px;
	/* margin-top: 24px; */
	font-size: 14px;
	font-weight: 400;
	color: #111928;
	border-radius: 12px;
	border-bottom: 1px solid #E5E7EB;
	
}

.modeToggleContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: fit-content;
	border: 1px solid #E5E7EB;
	border-radius: 20px;
	background: #F3F4F6;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	gap: 12px;
	height: 36px;
}

.modeToggleContainer::before {
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 20px;
	background: #0B66CE;
	transition: all 0.3s;
}

.modeToggleCheckbox:checked+.modeToggleContainer::before {
	left: 50%;
}

.modeToggleContainer div {
	padding: 6px;
	text-align: center;
	z-index: 1;
	color: #4B5563;
	/* Default color for text */
	transition: color 0.3s;
}

.modeToggleCheckbox+.modeToggleContainer div:first-child {
	color: #fff;
	/* Default color for Status when unchecked */
	margin-left: 10px;
}

.modeToggleCheckbox:checked+.modeToggleContainer div:first-child {
	color: #4B5563;
	/* Status text turns black when checked */
}

.modeToggleCheckbox+.modeToggleContainer div:last-child {
	color: #4B5563;
	/* Default color for Compare */
	margin-right: 5px;
	margin-left: 10px;
}

.modeToggleCheckbox:checked+.modeToggleContainer div:last-child {
	color: #fff;
	/* Compare text turns white when checked */
}

.dataworkz-button-without-border {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	color: #1F2A37;
	margin-right: 15px;
}

.quickConfiguraionsWrapperDiv {
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0px 4px 6px -1px #0000001A;
}

.quickConfigurationDiv {
	padding: 12px 16px 12px 16px;
}

.quickConfigurationLabel {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #111928;
}

.quickConfigurationSubLabel {
	/* font-family: Inter; */
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #6B7280;
}

.quickConfigLinks {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #0B66CE;
}

.additional-params-chips {
	padding: 2px 12px;
	border-radius: 6px;
	background: #F3F4F6;
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #111928;
	margin-top: 10px;
	display: inline-block;
	max-width: 350px;
	margin-right: 10px;
}

.generate-description {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color: #0B66CE;
	margin-bottom: 16px;
	cursor: pointer;
}

.product-links-header {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: left;
	color: #111928;
}

.product-links {
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: #0B66CE;
	cursor: pointer;
	margin-bottom: 15px;
	display: block;
}

.nav-anchor-tag {
	border: 0px;
	font-size: 16px;
	padding: 8px 16px;
	color: #a0a6b5;
	cursor: pointer;
}

.nav-anchor-tag:hover {
	background-color: #F3F7FD;
	color: #0B66CE;
}

.data-studio-down-img {
	margin-left: 5px;
}

.aiToolTypeNode {
	height: 114px;
	width: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 4px 5px 4px 5px;
	margin: 4px;
	border-radius: 12px;
	border: 1px solid #E5E7EB;
	background: white;
}

/** derived from agent landing page left side cards**/
.dataworkzCard {
	width: 234px;
	/* height: 287px; */
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	background: white;
}

.dataworkzCardHead {
	width: 234px;
	height: 52px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dataworkzCardHead img {
	border-radius: 12px 12px 0px 0px;
	position: absolute;
}

.dataworkzCardHead img:nth-of-type(2) {
	margin-top: 14px
}

.dataworkzCardDescription {
	margin-top: 23px;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	overflow: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	height: 100px;
}

.dataworkzCardFooter {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dataworkzCardFooter:hover {
	box-shadow: 0px -3px 3px 1px #00000014;
	cursor: pointer;
}

.dataworkzCardFooter:hover .listActionContainer {
	display: inline-block;
}

.dataworkzCardFooter:hover #footerCardDescriptionSection {
	display: none;
}

.listActionContainer {
	height: 24px;
	width: 78px;
	background: #E5E7EB80;
	border-radius: 8px;
	display: none;
	justify-content: space-evenly;
}

/*.listActionContainer {
    display: none;
    align-items: center;
    justify-content:  space-evenly;
	background: #E5E7EB80;
	border-radius: 8px;
    gap: 2px;
    height: 32px;
    width: 100px;
    position: relative;
}*/

.listActionContainer img {
	height: 14.4px;
	width: 14.4px;
}

.dataworkz-danger {
	height: 56px;
	padding: 16px 32px 16px 32px;
	background: #FDE8E8;
}

.dataworkz-danger-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color:#C81E1E;
}

/* Target all textareas with class "custom-scrollbar" */
.textarea-scrollbar::-webkit-scrollbar {
    width: 8px; /* Scrollbar width */
}

.textarea-scrollbar::-webkit-scrollbar-track {
    background: #FFF; /* Track color */
    border-radius: 10px;
}

.textarea-scrollbar::-webkit-scrollbar-thumb {
    background: #A9A9A9; /* Scrollbar color */
    border-radius: 10px;
}

#ingestSelectionDetailsTable .ingest-status:before {
	height: 20px;
	width: 20px;
	margin-left: -28px;
}

#ingestSelectionDetailsTable .ingest-status:after {
	height: 20px;
	width: 20px;
	border: 4.3px solid #0B66CE;
	top: 0;
	left: 0;
	background-color: #FFFFFF !important;
	margin-left: -28px;
}

#ingestSelectionDetailsTable .input-radio, #selectIngestionFileDetailsTable .input-radio {
	width: 16px;
	height: 16px;
	margin-top: .25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float: left;
	border-radius: 50%;
}

#ingestSelectionDetailsTable .input-radio:checked, #selectIngestionFileDetailsTable .input-radio:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23fff'/%3e%3c/svg%3e");
}

#agent-tool-ingest-modal .wizard-modern.wizard-content .wizard>.steps {
	margin: 0;
	display: none;
}

#agent-tool-ingest-modal .wizard-content.wizard-content .wizard>.content {
	padding: 16px !important;
	margin: 0;
}

#agent-tool-ingest-modal .wizard-content.wizard-content .wizard>.actions {
	position: sticky;
	bottom: 0;
	background: #FFF;
	width: 100%;
	z-index: 999;
}

#agent-tool-ingest-modal .actions li a[href="#next"].disabled-link,
#agent-tool-ingest-modal .actions li a[href="#finish"].disabled-link {
	pointer-events: none;
	cursor: default;
	background: #9CA3AF;
	border-color: #9CA3AF;
}

#selectIngestionFileDetails .dataTables_scrollHead table th:first-child {
	padding-left: 45px;
}

#preProcessing-ingest-modal .wizard-modern.wizard-content .wizard>.steps {
	margin: 0;
	display: none;
}

#preProcessing-ingest-modal .wizard-content.wizard-content .wizard>.content {
	padding: 16px !important;
	margin: 0;
}

#preProcessing-ingest-modal .wizard-content.wizard-content .wizard>.actions {
	position: sticky;
	bottom: 0;
	background: #FFF;
	width: 100%;
	z-index: 999;
}

#preProcessing-ingest-modal .actions li a[href="#next"].disabled-link,
#preProcessing-ingest-modal .actions li a[href="#finish"].disabled-link {
	pointer-events: none;
	cursor: default;
	background: #9CA3AF;
	border-color: #9CA3AF;
}

#upload-ingest-modal .wizard-modern.wizard-content .wizard>.steps {
	margin: 0;
	display: none;
}

#upload-ingest-modal .wizard-content.wizard-content .wizard>.content {
	padding: 16px !important;
	margin: 0;
}

#upload-ingest-modal .wizard-content.wizard-content .wizard>.actions {
	position: sticky;
	bottom: 0;
	background: #FFF;
	width: 100%;
	z-index: 999;
}

#upload-ingest-modal .actions li a[href="#next"].disabled-link,
#upload-ingest-modal .actions li a[href="#finish"].disabled-link {
	pointer-events: none;
	cursor: default;
	background: #9CA3AF;
	border-color: #9CA3AF;
}

.blue-spinner-ingest {
	height: 20px !important;
	width: 20px !important;
}

.ingest-processing-container {
	position: absolute;
	z-index: 9;
	display: flex;
	align-items: center;
	top: 7.5px;
	left: 10px;
	gap: 10px;
}

.ingestAppDrawer-body .actions {
	z-index: 1;
}

.popOverAddFiles img{
	transform-origin: center center;
	transition: all 0.1s ease;
	transform: rotate(0deg);
}

.popOverAddFiles img.transformIngestAddIcon {
	transform: rotate(45deg);
}

#testFormParamSection .input-group input.disabled {
	background-color: #FFF !important;
}

#testFormParamSection .input-group-append.disabled .popOverAddFiles {
	background: #F9FAFB !important;
}

#testFormParamSection .input-group-append.disabled .popOverAddFiles img {
	opacity: 0.4;
}

.test-tool-popover-option:hover {
	background-color: #F3F4F6;
}


/* -----------------Agents css start ------------------ */
.aiToolTypeNode:hover, .aiToolTypeNode:focus {
	cursor: pointer;
	box-shadow: 0px 2px 4px -2px #0000000D;
	box-shadow: 0px 4px 6px -1px #0000001A;
	border: 1px solid #E5E7EB;
}

.agent-notes-block {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	padding: 2px 8px;
	border-radius: 8px;
	position: relative;
	font-size: 14px;
    font-weight: 500;
    line-height: 20px;
	color: #0B66CE;
}

.agent-notes-block:hover {
	background-color: #F3F7FD;
}

.agent-tooltip {
	position: absolute;
	top: 30px; /* adjust as needed */
	right: 0;
	background: #1F2A37;
	color: #fff;
	padding: 16px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	width: 210px;
	max-width: 240px;
	white-space: normal;
}

.agent-notes-block:hover .agent-tooltip {
  opacity: 1;
  transform: translateY(0);
}

.higher-dependency {
	font-size: 14px;
	font-weight: 400;
}

.higher-dependency:hover {
	color: #111928;
}

.aiToolTypeNode.selected {
	cursor: pointer;
	background: #F3F7FD;
	border: 1px solid #0B66CE;
}

#aiToolConfigSelectedDetails {
	display: flex;
	align-items: center;
	padding: 4px;
	margin-left: 40px;
	border-radius: 8px;
	border: 0.63px;
	border: 0.63px solid #E5E7EB;
	background-color: #fff;
}

.toolSearchAllSearchTypeChip {
	width:66px;
	height: 24px;
	padding: 1px 2px 1px 1px;
	border-radius: 100px;
	opacity: 0px;
	border: 0.63px solid #E5E7EB;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px 8px 0px 0px;
	cursor: pointer;
}

.toolSearchAllSearchTypeChip span {
	font-size: 12px;
	font-weight: 500;
}

.toolSearchAllSearchTypeChip:hover, .toolSearchAllSearchTypeChip.selected {
	background: #F3F7FD;
	border: 1px solid #0B66CE;
	color: #0B66CE;
}

.toolSearchTypeChip {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px 8px 0px 0px;
	cursor: pointer;
}

.toolSearchTypeChip:hover img, .toolSearchTypeChip.selected img{
	background: #F3F7FD;
	border: 1px solid #0B66CE !important;
	border-radius:5px;
}

.agentToolList:hover , .agentDataworkzToolList:hover {
	cursor: pointer;
	background: #F9FAFB;
}

.agentToolList:hover .listActionContainer , .agentDataworkzToolList:hover .listActionContainer {
	display: inline-block
}

#agentToolConfigurationDrawer .multiselect.dropdown-toggle.btn {
	
	padding: 5px 12px !important;
}

.listActionContainer {
	height: 21px;
	width: 78px;
	background: #E5E7EB80;
	border-radius: 8px;
	display: none;
	justify-content: space-evenly;
}

.listActionContainer img {
	height: 14px;
	width: 14px;
}

.editable-container {
	cursor: pointer;
	transition: box-shadow 0.2s ease;
	margin: 10px 0;
	padding: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #1F2A37;
	border-bottom: 2px solid white;
}

.editable-container-header {
	cursor: pointer;
	transition: box-shadow 0.2s ease;
	font-size: 16px;
	font-weight: 600;
	color: #111928;
}

.editable-container:hover {
	background: #F9FAFB;
	border-bottom: 2px solid #D1D5DB;
}

.clicked {
	border-bottom: 2px solid #0B66CE;
	background: #F9FAFB;
}

.editable-container ul {
	margin: 0;
	padding-left: 20px;
}

.editable-container ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}

.editable-container p {
	white-space: pre-wrap;
	/* Preserves new lines */
	margin: 0;
}

.editable-container textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	outline: none;
	width: 100%;
	height: 100px;
	padding: 10px;
	resize: none;
	box-sizing: border-box;
	border: none;
	background-color: #F9FAFB;
}

.editable-container-header textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	outline: none;
	width: 500px;
	height: 35px;
	padding: 5px;
	resize: none;
	box-sizing: border-box;
	border: none;
	background-color: #F9FAFB;
}

.editable-wrapper, .editable-wrapper-inputParamsWorkflow, .notes-wrapper{
	display: inline-block;
	border-bottom: 2px solid #fff;
	/* border-radius: 4px; */
	padding: 8px;
	/* background-color: #f9f9f9; */
	cursor: pointer;
	margin-bottom: 10px;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	white-space: pre-wrap;
  	word-break: break-word;
	width: 100%;
}

.editable-wrapper-inputParamsWorkflow {
	border-bottom: 2px solid transparent;
	margin-bottom: 0;
}

.editable-wrapper-inputParamsWorkflow:empty:before {
	content: attr(data-placeholder);
	color: #9CA3AF;
	pointer-events: none;
}

.editable-wrapper:hover, .editable-wrapper-inputParamsWorkflow:hover, .notes-wrapper:hover {
	border-bottom: 2px solid #D1D5DB;
	background-color: #F9FAFB;
	/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
}

.editable-wrapper-inputParamsWorkflow:hover {
	background-color: #F3F4F6;
}

.editable-wrapper[contenteditable="true"], .editable-wrapper-inputParamsWorkflow[contenteditable="true"], .notes-wrapper[contenteditable="true"]{
	background-color: #F9FAFB;
	border-bottom: 2px solid #0B66CE;
	outline: none;
	cursor: text;
}

.inputParamsWorkflow {
	background: #F9FAFB;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.inputParamsWorkflow .btn-group {
	border: none !important;
	width: 100%;
}

.inputParamsWorkflow .btn-group:hover {
	background: #F3F4F6;
}

.inputParamsWorkflow .btn-group .btn {
	padding: 8px;
}

.loading-dots {
	display: flex;
	gap: 8px;
	margin-top: 7px;
}

.loading-dots div {
	width: 12px;
	height: 12px;
	background-color: #E5E7EB;
	border-radius: 50%;
	animation: dance 0.8s infinite ease-in-out;
}

.loading-div-wrapper {
	width: 240px;
    height: 32px;
    padding-top: 3px;
    padding-left: 10px;
    background: white;
    border-radius: 16px; display:flex
}

.status-text {
	margin-left: 10px;
    padding-top: 4px; color: #6B7280;
    font-size: 12px;
    font-weight: 400;
}

.loading-dots div:nth-child(1) {
	animation-delay: 0s;
}

.loading-dots div:nth-child(2) {
	animation-delay: 0.2s;
}

.loading-dots div:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes dance {
	0%, 80%, 100% {
	  transform: scale(1);
	}
	40% {
	  transform: scale(1.5);
	}
  }
  
.headerPopup {
	position: relative;
	margin-top: -50px;
	border: 1px solid #E5E7EB;
	background: #FFFFFF;
	padding: 4px;
	border-radius: 8px;
	box-shadow: 0px 4px 6px -1px #0000001A;
}

.editable-field-header {
	display: inline-block;
	border-bottom: 2px solid transparent;
	padding: 8px;
	cursor: pointer;
	margin-bottom: 10px;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.editable-field-header[contenteditable="true"] {
	background-color: #F9FAFB;
	border-bottom: 2px solid #0B66CE;
	outline: none;
	cursor: text;
}

.blue-spinner {
	border: 2px solid #f3f3f3;
	border-top: 2px solid #3498db;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	animation: bluespin 1s linear infinite;
	margin: 0 auto;
	display: inline-block;
}

.black-spinner {
	border: 2px solid #f3f3f3;
    border-top: 2px solid #1F2A37;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    animation: bluespin 1s linear infinite;
    margin: 0 auto;
    display: inline-block;
}

@keyframes bluespin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}

.json-block {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 14px;
    width: 100%;
    resize: vertical;
    min-height: 450px;
    overflow: hidden; /* Hide scrollbar by default */
}

/* Show scrollbar only on hover */
.json-block:hover {
    overflow: auto; /* Show scrollbar when hovering */
}

.active-chat-head {
	color: #0B66CE;
	border-bottom: 1px solid #0B66CE;
	padding-bottom: 8px;
}

.recommendationTools {
	color: #1F2A37;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	display: inline-block;
	border: 1px solid #E5E7EB;
	padding: 6px 12px;
	margin-left: 10px;
	border-radius: 6px;
	background: #FFFFFF;
}

.recommendationTools:hover {
	box-shadow: 0px 1px 3px 0px #0000001A;
}

#addNewScenario:focus {
	outline: none;
}

.outlineNone {
	box-shadow: none;
}

.outlineNone .btn:focus {
	box-shadow: none;
}

.gap-7 {
	gap: 7px;
}

.gap-12 {
	gap: 12px;
}

.reset-chat-history {
	border: 1px solid #E5E7EB;
	padding: 4px 12px;
	margin-bottom: 15px;
	cursor: pointer;
	border-radius: 22px;
	color: #0B66CE;
	font-size: 14px;
	background-color: #FFFFFF;
	box-shadow: 4px -4px 4px 0px rgba(0, 0, 0, 0.03), -4px 4px 6px -1px rgba(0, 0, 0, 0.06), 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
}

.reset-chat-history:hover {
	border: 1px solid #0B66CE;
	background-color: #F3F7FD;
}

.editable-wrapper:empty:before {
	content: attr(data-placeholder);
	color: #9ca3af; /* Placeholder text color */
	pointer-events: none;
}

.notes-wrapper:empty:before {
	content: attr(data-placeholder);
	color: #9ca3af; /* Placeholder text color */
	pointer-events: none;
}

#contextVarsForm label:before, #configureParamsTable label:before{
	height: 20px;
	width:	20px;
  margin-left: -28px;
}

#contextVarsForm label:after, #configureParamsTable label:after{
	height: 20px;
	width: 	20px;
	border: 4.3px solid #0B66CE;
	top: 0;
	left: 0;
	background-color: #FFFFFF !important;
	margin-left: -28px;
}

#configureParamsTable .dataTables_scrollBody {
	overflow: visible !important;
}

.blue-circle:before {
	height: 20px;
	width:	20px;
  	margin-left: -28px;
}

.blue-circle:after{
	height: 20px;
	width: 	20px;
	border: 4.3px solid #0B66CE;
	top: 0;
	left: 0;
	background-color: #FFFFFF !important;
	margin-left: -28px;
}

.context-vars-div {
	background-color: #F9FAFB;
	padding: 20px;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	margin-bottom: 16px;
}

.context-vars-div:hover {
	background-color: #F3F7FD;
	padding: 20px;
	border: 1px solid #E5E7EB;
	cursor: pointer;
	box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
}

.context-vars-div:hover .listActionContainer {
	display: inline-block;
}

.hide-content {
    display: none; /* Hidden by default */
    /* padding: 10px; */
    /* background: #f5f5f5; */
	border-top: 1px solid #E5E7EB;
    margin-top: 10px;
	color: #4B5563;
	font-size: 14px;
	font-weight: 400;
	padding-top: 15px;
    /* border-radius: 4px; */
}

.inline-feedback-box {
    position: fixed;
    top: 436px;
    left: 704px;
    width: 480px;
    background: #FFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px 20px 20px 20px;
    gap: 12px;
    box-shadow: 0px 4px 6px 0px #0000000D, 0px 10px 15px -3px #0000001A;
    opacity: 1;
    z-index: 9999;
    transform: rotate(0deg);
}

.feedbackTextarea{
    width: 100%;
    height: 100px;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    resize: none;
    margin-bottom: 10px;
    background-color: #F9FAFB;
}

.collapse-plan {
	font-size: 12px;
    font-weight: 500;
    color: #0B66CE;
    cursor: pointer;
    height: 32px;
    margin-bottom: -20px;
    width: fit-content;
    background: white;
    padding: 6px;
	border-radius: 8px 8px 0px 0px;
}

.show-plan {
	font-size: 12px;
    font-weight: 500;
    color: #0B66CE;
    cursor: pointer;
}

.agent-flex-container {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 6px;
}
.agent-flex-icon {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	margin-top: 4px;
}
.agent-flex-text {
	display: flex;
	flex-direction: column;
}
.agent-flex-title {
	font-weight: 500;
	font-size: 16px;
	margin: 0;
	color: #111928;
	line-height: 24px;
}
.agent-flex-subtitle {
	font-size: 12px;
	color: #666;
	margin: 0;
	font-weight: 400;
	line-height: 16px;
}

.export-btn {
	border-radius: 6px;
	padding: 8px 12px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: #0B66CE;
	display: none;
	align-items: center;
	gap: 6px;
	position: relative;
}

/* Tooltip container */
.tooltip-export-btn {
	display: none;
	position: absolute;
	top: 47px; /* below the button */
	left: -80px;
	width: 240px;
	border-radius: 8px;
	padding: 16px;
	font-size: 12px;
	font-weight: 400;
	z-index: 1010;
	background: #FFFFFF;
	border: 1px solid #F3F4F6;
}

.export-btn:hover {
	background: #F3F7FD;
}

.export-btn:hover .tooltip-export-btn {
	display: block;
	box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
}

.tooltip-export-btn p {
	margin: 0 0 10px;
	line-height: 1.4;
	color: #333;
}

.tooltip-export-btn ul {
	margin: 0;
	padding-left: 18px;
	color: #333;
}
.tooltip-export-btn ul li {
	margin-bottom: 4px;
}

.modal-overlay-agent {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}

.modal-agent {
	background: #fff;
	width: 800px;
	max-width: 95%;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.2);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.modal-header-agent {
	padding: 16px 20px 0px;
	font-weight: 600;
    font-size: 16px;
}

.modal-body-agent {
	padding: 20px;
	font-size: 14px;
	color: #444;
	/* max-height: 65vh; */
	padding-bottom: 0px;
}

.modal-footer-agent {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 14px 20px;
	border-top: 1px solid #ddd;
	background: #fafafa;
}

.container-sidebar-agent {
	display: flex;
	/* margin: 40px auto;
	border: 1px solid #ddd;
	border-radius: 8px; */
	background: #fff;
	/* box-shadow: 0 4px 10px rgba(0,0,0,0.08); */
	overflow: hidden;
}

/* Sidebar */
.sidebar-agent {
	width: 220px;
	border-right: 1px solid #E5E7EB;
	/* background: #f9fafb; */
}

.sidebar-agent h4 {
	padding: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

.sidebar-agent ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-agent li {
	padding: 12px 16px;
	cursor: pointer;
	font-size: 14px;
	border-left: 3px solid transparent;
	color: #111928;
	font-weight: 400;
}

.sidebar-agent li .sidebar-subtext{
	font-size: 12px;
	font-weight: 400;;
	color: #6B7280;
	padding-left: 20px;
}

.sidebar-agent li.active {
	background: #E7F0FA;
	color: #0B66CE;
	font-weight: 500;
	border-radius: 8px;
    margin-right: 16px;
}

.sidebar-agent li.active .sidebar-subtext{
	color: #2375D3;
	font-weight: 500;
}

/* Content */
.content-agent {
	flex: 1;
	height: 45vh;
	overflow: hidden;
    /* overflow-y: auto; */
	/* padding: 20px; */
}

.content-agent h3 {
	margin-bottom: 16px;
	font-size: 16px;
}

.variable-card-agent {
	/* border-radius: 6px; */
	padding: 10px 16px;
	margin-bottom: 16px;
	font-size: 14px;
	border-bottom: 1px solid #E5E7EB;
	padding-bottom: 20px;
}

.variable-card-agent label {
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.variable-card-agent small {
	display: block;
	color: #666;
	margin-bottom: 10px;
}

.variable-controls-agent {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.status-item {
	padding: 4px 0;
	line-height: 1;
	align-items: center;
}

.execution-item {
	padding: 0 !important;
}

.nested-tool-list-item,
.nested-tool-list {
	position: relative;
}

.nested-tool-list-item:before, .nested-tool-list:before {
	content: '';
	height: 100%;
	width: 1px;
	background-color: #D1D5DB;
	position: absolute;
	left: 7px;
}

.toggle-thought {
	transform: rotate(0deg);
	transition: all ease-in 0.1s;
	cursor: pointer;
}

.thought-open {
	transform: rotate(90deg);
	transition: all ease-out 0.1s;
}

.toggle-thought-container {
	display: flex;
	gap: 8px;
	flex-direction: column;
	margin-top: 8px;
}

.toggleThoughtContent {
	line-height: 16px;
	border-left: 1px solid #D1D5DB;
	padding-left: 12px;
}

.status-item.has-thought .status-icon {
	align-self: flex-start;
}

.moreActionInAgentView {
	padding: 6px;
	border-radius: 8px;
}

.moreActionInAgentView:hover {
	background-color: #E5E7EB;
}

#newChatButton:disabled {
  background-color: #9CA3AF;
  border: 1px solid #9CA3AF;
  cursor: not-allowed;
}

#notesSidebar {
	min-width: 640px !important;
	width: 640px;
}

/* Resize handle styles */
.resize-handle {
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    cursor: ew-resize;
    z-index: 1001;
}

.resize-handle.left {
    left: 0;
    cursor: w-resize;
}

.resize-handle:hover,
.resize-handle.resizing {
    background-color: rgba(59, 130, 246, 0.1);
}

/* Resize handle indicator */
.resize-handle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 40px;
    background-color: #ccc;
    border-radius: 1px;
}

.resize-handle:hover::after {
    background-color: #3b82f6;
}

/* Prevent text selection during resize */
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* ----------------- Agents  css end ------------------ */

/* -----------------Account usage css start ------------------ */
.usage-metric-card {
	border: 1px solid #D4D7DC;
	border-radius: 12px;
}

.bg-gray {
	background-color: #f3f7fd;
}

.usage-trend-chart {
	width: 100%;
	height: 306px;
}

.upgrade-plan-btn {
	background: transparent;
}

.upgrade-plan-btn:focus {
	box-shadow: none;
}

.usage-trend-legend {
	height: 12px;
	width: 12px;
	border-radius: 50%;
}

.usage-trend-legend-chunks {
	background-color: #E74694;
}

.usage-trend-legend-retrievals {
	background-color: #0694A2;
}

.skeletonLoading {
	position: relative;
	background-color: #ebeff6;
	overflow: hidden;
}

#breadCrumbSkeletonContainer .skeletonLoading {
	background-color: #e0e0e0;
}

.createDefaultAiAppDrawer-body .skeletonLoading {
	background-color: #FFFFFF;
	width: 100%;
}

/* The moving element */
.skeletonLoading::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent,
			rgba(229, 229, 229, 0.3), transparent);

	/* Adding animation */
	animation: skeletonLoading 1s infinite;
}

#breadCrumbSkeletonContainer .skeletonLoading:after {
	background: linear-gradient(90deg, transparent,
			rgba(255, 255, 255, 0.3), transparent);
}

.createDefaultAiAppDrawer-body .skeletonLoading:after {
		background: linear-gradient(90deg, transparent,
				#EEE, transparent);
		animation: skeletonLoading 1.3s infinite;
}

/* Loading Animation */
@keyframes skeletonLoading {
	100% {
		transform: translateX(100%);
	}
}

.dw-table-skeleton-card {
	border: 1px solid #E5E7EB;
	background: #ffffff;
	border-radius: 8px;
	padding: 16px;
}

.dw-table-skeleton-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.dw-table-skeleton-left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dw-table-skeleton-pill {
	height: 30px;
	width: 56px;
	border-radius: 6px;
	background-color: #eef2f7;
}

.dw-table-skeleton-pill.short {
	width: 42px;
	height: 12px;
	border-radius: 4px;
}

.dw-table-skeleton-search {
	height: 38px;
	width: 240px;
	max-width: 50%;
	border-radius: 19px;
	background-color: #eef2f7;
}

.dw-table-skeleton-head,
.dw-table-skeleton-row {
	display: grid;
	grid-template-columns: repeat(var(--dw-table-skeleton-cols, 7), minmax(0, 1fr));
	gap: 10px;
	align-items: center;
}

.dw-table-skeleton-head {
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 8px;
}

.dw-table-skeleton-row {
	padding: 10px;
	border-bottom: 1px solid #F3F4F6;
}

.dw-table-skeleton-head-cell,
.dw-table-skeleton-cell {
	display: flex;
	align-items: center;
	min-width: 0;
}

.dw-table-skeleton-bar {
	height: 12px;
	border-radius: 4px;
	background-color: #ebeff6;
}

.dw-table-skeleton-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 12px;
}

.dw-table-skeleton-footer-text {
	height: 12px;
	width: 170px;
	border-radius: 4px;
	background-color: #ebeff6;
}

.dw-table-skeleton-footer-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.dw-table-skeleton-page-btn {
	height: 30px;
	width: 30px;
	border-radius: 6px;
	background-color: #ebeff6;
}

/* -----------------Account usage css end ------------------ */


#dataTableDiv .table-hover tbody tr:hover{
	background:none;
}


/****** Show copy icon on hover for storage and LLM *******/
.table-hover tbody tr:hover #dataTableIdcopyIcon{
	display:inline-block;

}

#dataTableIdcopyIcon {
	display:none
}


/* Tools Pink tag*/

.pinkTag {
	color: #99154B;
	background-color: #FCE8F3;
	padding: 0.5px 2.5px;
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px;
}

.toolViewText {
	font-size: 14px;
	font-weight: 400;
	color: #111928;
}

.toolViewTextType{
	font-size: 14px;
	font-weight: 400;
	color: #9CA3AF;
	font-style: italic;
}

/* ----------------- New AI Application start ------------------ */

.create_ragapp_type_container {
	border: 1px solid #E5E7EB;
	flex: 1;
	height: 318px;
	transition-duration: 0.5s;
}

.create_ragapp_type_container:hover {
	transform: scale(1.1);
	transition-duration: 0.5s;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
}

.create_ragapp_type_container .rag_app_option_image {
	filter: grayscale(1);
}

.create_ragapp_type_container:hover .rag_app_option_image {
	filter: none;
}

.ragAppSelect {
	width: 100%;
	height: 40px;
}

.createRagAppSelect2 .select2-selection__rendered {
	display: flex !important;
	float: left;
	margin: 0 !important;
	padding: 8px 10px !important;
	height: 100% !important;
}

.createRagAppSelect2 .select2-selection__choice {
	display: flex !important;
	align-items: center !important;
	height: 24px;
	font-size: 14px;
	flex-direction: row-reverse !important;
	padding-left: 0 !important;
	background-color: transparent !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	border-radius: 6px !important;
	margin-right: 12px !important;
	border: 1px solid #E5E7EB !important;
}

.createRagAppSelect2 .select2-selection__choice__remove {
	position: relative !important;
	border: 0 !important;
}

.createRagAppSelect2 .select2-selection--multiple, .createRagAppSelect2 .select2-selection--single {
	height: 40px;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
}

.createRagAppSelect2 .select2 {
	margin: 0;
}

.createRagAppSelect2 .select2-selection__arrow {
	display: none;
}

.createRagAppSelect2 .select2-selection--multiple, .createRagAppSelect2 .select2-selection--single {
	position: relative;
	padding-right: 30px;
	background-image: url('../images/svgIcon/dataworkz/chevronDown.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 20px 20px;
}

.createDefaultAiAppDrawer-body .btn-group, #createAiAppDrawer-body #preprocessingSourceConfiguration .btn-group,
.ingestAppDrawer-body .btn-group, .ingestEditAppDrawer-body .btn-group, .knowledgeGraphDrawer-body .btn-group {
	height: auto;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	width: 100%;
}

.createDefaultAiAppDrawer-body .dropdown-toggle:after,
#createAiAppDrawer-body #preprocessingSourceConfiguration .dropdown-toggle:after, 
.ingestAppDrawer-body .dropdown-toggle:after,
.knowledgeGraphDrawer-body .dropdown-toggle:after {
	padding-right: 30px;
	background-image: url(../images/svgIcon/dataworkz/chevronDown.svg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 20px;
	width: 20px;
	position: absolute;
	border: 0;
	right: 10px;
	top: calc(50% - 10px);
}

.createDefaultAiAppDrawer-body .pill img,
 #createAiAppDrawer-body #preprocessingSourceConfiguration .pill img,
 .ingestAppDrawer-body .pill img {
	width: auto;
	height: 16px;
}

.createDefaultAiAppDrawer-body #llmSelection_container .pill img {
	width: 16px;
	height: auto;
}

.createDefaultAiAppDrawer-body .multiselect-selected-text, 
#createAiAppDrawer-body #preprocessingSourceConfiguration .multiselect-selected-text,
.ingestAppDrawer-body .multiselect-selected-text,
.knowledgeGraphDrawer-body .multiselect-selected-text {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.createDefaultAiAppDrawer-body .pill, 
#createAiAppDrawer-body #preprocessingSourceConfiguration .pill,
 .ingestAppDrawer-body .pill {
	display: flex;
	align-items: center;
	height: 24px;
	font-size: 14px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 6px;
	margin-right: 12px;
	border: 1px solid #E5E7EB;
}

.createDefaultAiAppDrawer-body input[type=checkbox],
#createAiAppDrawer-body #preprocessingSourceConfiguration input[type=checkbox],
.ingestAppDrawer-body input[type=checkbox],
.knowledgeGraphDrawer-body input[type=checkbox] {
		height: 16px;
		width: 16px;
		border-radius: 4px;
		margin-right: 10px;
}

.createDefaultAiAppDrawer-body .form-control,
.ingestAppDrawer-body .form-control
 {
	height: 36px;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	font-size: 16px;
}
	
.knowledgeGraphDrawer-body .form-control
 {
 	height: 39px;
 	border: 1px solid #D1D5DB;
 	border-radius: 8px;
 	font-size: 14px;
 }

.data_source_container {
	height: 180px;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 24px;
	flex: 1;
	cursor: pointer;
	background-color: transparent;
	width: 100%;
	text-align: left;
}

.data_source_container:disabled {
	cursor: not-allowed;
}

.data_source_container:disabled #sourceLimitWeb {
	color: #9CA3AF
}

/* .upload_container.disabled #uploadFilesButton {
	cursor: not-allowed;
} */

.upload_files_container.disabled #addMoreFilesButton {
	cursor: not-allowed;
}

.upload_container.disabled #sourceLimitUpload {
	color: #9CA3AF;
}

#upload-more-files-ragapps-container.disabled #addMoreFilesButton {
	cursor: not-allowed;
	border: 1px solid #9CA3AF;
	color: #9CA3AF;
}

.createDefaultAiAppDrawer-cancel-btn {
	padding: 10px 20px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #1F2A37;
}

.createDefaultAiAppDrawer-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: 16px 24px;
	border-top: 1px solid #DBDFE0;
	background-color: #FFF;
	z-index: 9;
}

.createDefaultAiAppDrawer-header {
	background: white;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FFF;
	z-index: 1;
}

#visualLmSelection[disabled]+.btn-group .dropdown-toggle {
	cursor: not-allowed !important; 
}

#visualLmSelection[disabled]+.btn-group {
	border: 1px solid #D1D5DB !important;
}

#visualLmSelection[disabled]+.btn-group img {
	filter: grayscale(1);
}

.createDefaultAiAppDrawer-body #leftSection {
	flex: 0 0 50% !important;
	max-width: 50% !important;
}

.disabled-label-text {
	color: #9CA3AF;
}

.addNewFilesModalPrimaryButton {
	border: 1px solid #0B66CE;
	background: #FFF;
}

.invalid-input-error {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

.advanced-html-options-container {
	padding: 32px 20px;
	border-radius: 12px;
	border: 1px solid #E5E7EB;
}

.upload_container {
	height: 200px;
	border: 2px dashed #E5E7EB;
	background-color: #F9FAFB;
	border-radius: 8px;
}

.uploaded_files_container {
	min-height: 320px;
	border: 2px dashed #9DC2EB;
	background-color: #F3F7FD;
	border-radius: 8px;
}

.file-upload-loader {
	width: 18px;
	height: 18px;
	border: 2px solid #E5E7EB;
	border-bottom-color: #1A56DB;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1.5s linear infinite;
}

.source-limit-container {
	height: 12px;
	width: 152px;
	border-radius: 12px;
	background-color: #F3F4F6;
}

.source-limit-container .used-limit{
	height: 100%;
	width: 0px;
	border-radius: 12px;
	background-color: #85B2E7;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li.current span.step-heading,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li.current span.step-heading {
	color: #0B66CE !important;
}

#createAiAppDrawer-body div.dataTables_wrapper #llmConfigTableDetailsTable_filter input {
	border-radius: 100px;
	height: 36px;
	width: 208px;
}

#createAiAppDrawer-body .custom-input {
	display: block !important;
	width: 100% !important;
	height: calc(1.5em + .75rem + 2px) !important;
	padding: .375rem .75rem;
	font-size: 1rem !important;
	font-weight: 400;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	transition: none !important;
}

#createAiAppDrawer-body .customdrawflowGrid {
	background: none;
}

#createAiAppDrawer-body #llmDrawflow .drawflow-node {
	width: 100%;
	left: 0 !important;
}

.llm-config-table-container {
	border: 1px solid #E5E7EB;
	border-radius: 8px;
}

.selectDate-config-container {
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	background-color: #fff;
}

#createAiAppDrawer-body #preprocessingDrawflow .drawflow-node.createAiApplications {
	width: 100%;
	height: auto;
	background: white;
}

#createAiAppDrawer-body .datasetLlmContainer {
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	height: 200px;
	width: 400px;
	background: white;
}

#createAiAppDrawer-body .sourceBottomDrawerBoxShadow {
	position: absolute;
	box-shadow: none;
	height: calc(100vh - 152px);
	top: 0;
}

#createAiAppDrawer-body .source-dataworkz-drawer-footer {
	border-top: none;
}

#createAiAppDrawer-body .source-short-drawer-height {
	height: calc(90vh - 121px);
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps {
	margin: 0;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0;
	align-items: center;
	height: 80px;
	padding-left: 24px;
	padding-right: 24px;
	border-bottom: 1px solid #E5E7EB;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul {
	gap: 20px;
	width: auto;
	display: flex;
	flex: auto;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li.current .step,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li.current .step {
	color: #0966CE !important;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 20px;
	width: auto;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li a,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li a {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
	align-items: center;
	gap: 10px;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li:after,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard>.steps>ul>li:after  {
	top: 0;
	margin: 0;
	position: relative;
}

#createAiAppDrawer-body .wizard-modern.wizard-content .wizard.wizard-circle>.steps .step,
#knowledgeGraphDrawer-body .wizard-modern.wizard-content .wizard.wizard-circle>.steps .step {
	position: relative;
	left: 0;
	margin: 0;
}

#createAiAppDrawer-body .wizard-modern span.step-heading,
#knowledgeGraphDrawer-body .wizard-modern span.step-heading{
	margin: 0;
}

.createAIappTooltip .createAIappTooltipText.addNewFilesToolTip {
	width: 270px;
	top: -84px;
	left: -111px;
}

.backbutton {
	font-weight: 500;
	font-size: 14px;
	color: #1F2A37;
	display: flex;
	align-items: center;
	gap: 8px;
}

#createAiAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#previous"],
#createAiAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#next"],
#ingestAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#previous"],
#ingestAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#next"],
#agent-tool-ingest-modal .wizard-content .wizard>.actions>ul>li>a[href="#previous"],
#agent-tool-ingest-modal .wizard-content .wizard>.actions>ul>li>a[href="#next"],
#knowledgeGraphDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#previous"],
#knowledgeGraphDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#next"]
{
	padding: 10px 20px;
}

.nextbutton {
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	gap: 8px;
}

#createAiAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#finish"],
#ingestAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#finish"],
#agent-tool-ingest-modal .wizard-content .wizard>.actions>ul>li>a[href="#finish"],
#knowledgeGraphDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#finish"] {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

#createAiAppDrawer-body .actions,
#knowledgeGraphDrawer-body .actions {
	height: 72px;
	display: flex;
	align-items: center;
	z-index: 999;
}

#createAiAppDrawer-body label[for="ingestNew"]:before, #createAiAppDrawer-body label[for="ingestExisting"]:before {
	height: 20px;
	width:	20px;
  margin-left: -28px;
}

#createAiAppDrawer-body label[for="ingestNew"]:after, #createAiAppDrawer-body label[for="ingestExisting"]:after {
	height: 20px;
	width: 	20px;
	border: 4.3px solid #0B66CE;
	top: 0;
	left: 0;
	background-color: #FFFFFF !important;
	margin-left: -28px;
}

#createAiAppDrawer-body #dataworkzDrawerFooter #preprocessingSourceSaveButton {
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	padding: 10px 20px;
}

.visualLMContainer {
	border: 1px solid #F3F4F6;
	border-radius: 8px;
	padding: 16px;
	background-color: #F9FAFB;
}

#createAiAppDrawer-body label[for="vlmOnImagesOnly"]:before,
#createAiAppDrawer-body label[for="vlmOnDocument"]:before,
#createAiAppDrawer-body label[for="vlmOnImagesOnlyForUpload"]:before,
#createAiAppDrawer-body label[for="vlmOnDocumentForUpload"]:before {
	height: 16px;
	width: 16px;
	margin-left: -18px;
	margin-top: 2px;
}

#createAiAppDrawer-body label[for="vlmOnImagesOnly"]:after,
#createAiAppDrawer-body label[for="vlmOnDocument"]:after,
#createAiAppDrawer-body label[for="vlmOnImagesOnlyForUpload"]:after,
#createAiAppDrawer-body label[for="vlmOnDocumentForUpload"]:after {
	height: 16px;
	width: 16px;
	border: 3.5px solid #0B66CE;
	top: 0;
	left: 0;
	background-color: #FFFFFF !important;
	margin-left: -18px;
	margin-top: 2px;
}

#createAiAppDrawer-body #visualLmSelection + .btn-group,
#createAiAppDrawer-body #fileUploadVisualLmSelection +.btn-group,
#ingestAppDrawer-body #visualLmSelection+.btn-group,
#ingestAppDrawer-body #fileUploadVisualLmSelection+.btn-group,
#ingestEditAppDrawer-body #visualLmSelection+.btn-group,
#ingestEditAppDrawer-body #fileUploadVisualLmSelection+.btn-group {
	background-color: #FFF;
}

#ingestEditAppDrawer-body #visualLmSelection+.btn-group,
#ingestEditAppDrawer-body #fileUploadVisualLmSelection+.btn-group {
	width: 100%;
}

#webpageURLTags {
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
	overflow-wrap: break-word;
}

#inclusionPatternTags {
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
	overflow-wrap: break-word;
}

#exclusionPatternTags {
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
	overflow-wrap: break-word;
}
/* ----------------- New AI Application end ------------------ */

/* ----------------- AI Application Error Popover starts ------------------ */
.errorPopoverInTable:hover .errorMessage{
	text-decoration: underline;
	color: #6B7280;
}

.popover, .myFilesPopover, .myFilesPopoverAgentTest {
	border-radius: 12px;
	padding: 16px;
	border: 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 2px !important;
}

.myFilesPopover {
	z-index: 1060;
	background-color: #fff;
}

.myFilesPopoverAgentTest {
	z-index: 1060;
	background-color: #fff;
}


.popover-body {
	padding: 0px;
}

.popover-content-align {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.popover-skeleton {
	background: #e0e0e0;
	border-radius: 4px;
	margin-bottom: 8px;
	animation: pulse 1.5s infinite ease-in-out;
}

.popover-skeleton-line {
	width: 150px;
	height: 16px;
}

/* Fallback skeleton shimmer used by smartEditor.generateFlowSuggestion() */
.skeleton-fallback { display: block; min-height: 300px; }
.skeleton-line { height: 25px; margin-bottom: 8px; border-radius: 4px; background: linear-gradient(90deg, #fffefe 25%, #e6e6e6 37%, #eee 63%); background-size: 400% 100%; animation: skeletonShimmer 1.4s ease infinite; }
@keyframes skeletonShimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* High specificity fallback in case other styles override animation */

.skeleton-fallback .skeleton-line {
	animation-name: skeletonShimmer !important;
	animation-duration: 3.4s !important;
	animation-iteration-count: infinite !important;
	animation-timing-function: ease !important;
	-webkit-animation-name: skeletonShimmer;
	-webkit-animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-play-state: running !important;
	-webkit-animation-play-state: running !important;
}

/* Duplicate keyframes with vendor prefix for older WebKit */
@-webkit-keyframes skeletonShimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

.popover-skeleton-small {
	width: 100px;
	height: 12px;
}

/* Remove pink/red placeholder styling only inside the composite workflow preview
   so it doesn't overlay the skeleton. Keep the global .placeholder styles elsewhere. */
#compositeWorkflowEditor .placeholder,
#compositeWorkflowEditor .placeholder-glow,
#compositeWorkflowEditor .placeholder span,
#compositeWorkflowEditor .placeholder.col-12,
#compositeWorkflowEditor .placeholder.col-10,
#compositeWorkflowEditor .placeholder.col-8,
#compositeWorkflowEditor .placeholder.col-6 {
	background-color: transparent !important;
	color: inherit !important;
	border: none !important;
	box-shadow: none !important;
}

/* Ensure the fallback skeleton shows on top and isn't tinted by parent backgrounds */
#compositeWorkflowEditor .skeleton-fallback { background: transparent !important; }
#compositeWorkflowEditor .skeleton-fallback .skeleton-line { background: linear-gradient(90deg, #eee 25%, #e6e6e6 37%, #eee 63%) !important; }

@keyframes pulse {
	0% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

/* ----------------- AI Application Error Popover end------------------ */

/* ----------------- Confluence start------------------ */
#confluenceVLMSelection + .btn-group .dropdown-toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#confluenceVLMSelection+ .btn-group>ul>li>a>label>input[type=radio] {
	display: none;
}

/* #confluenceVLMSelection + .btn-group {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
} */

.confluenceVLMContainer #confluenceVLMModel {
	height: 16px;
	width: 16px;
	border-radius: 4px;
	margin-right: 7px;
}

.confluenceVLMContainer {
	margin-left: -1px;
	margin-right: 1px;
}

#confluenceVLMSelection+ .btn-group {
	background-color: #FFF;
	width: 100%;
}

#confluenceFileSelect + .btn-group {
	width: 100%;
}

.dataworkz-textarea-resize {
 width: 100%;
  min-height: 80px;
  max-height: 500px;
  resize: vertical;              
  overflow-y: auto;               
  line-height: 1.5;
  padding: 0.5rem;
  transition: none;           
  text-rendering: optimizeLegibility;
}

/* ----------------- Composite tool AI Create Workflow------------------ */
:root {
	--gray-50: rgba(249, 250, 251, 1);
	--gray-200: rgba(229, 231, 235, 1);
	--gray-500: rgba(107, 114, 128, 1);
	--gray-700: rgba(55, 65, 81, 1);

}     
.ai-card {
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid var(--gray-200);
	box-shadow: 0px 2.19px 4.38px -2.19px rgba(0, 0, 0, 0.05);
	transition: box-shadow 300ms ease-out, transform 300ms ease-out;
	cursor: pointer;
	/* height: 116px; */
}

.ai-card:hover {
	box-shadow: 0px 4.38px 6.57px -1.09px rgba(0, 0, 0, 0.1);
}

.icon-container {
	width: 48px;
	height: 48px;
	background-color: #e9f5ff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
	padding: 10.29px;
}

.icon-container img {
	width: 27.428571701049805px;
	height: 27.428571701049805px;
}

.icon-container .default-icon {
	opacity: 1;
	transition: opacity 300ms ease-in-out;
}

.icon-container .hover-icon {
	position: absolute;
	opacity: 0;
	transition: opacity 300ms ease-in-out;
}

.ai-card:hover .icon-container .default-icon {
	opacity: 0;
}

.ai-card:hover .icon-container .hover-icon {
	opacity: 1;
}

.ai-card-text {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 0px !important;
	color: var(--gray-900, rgba(17, 25, 40, 1));
}

.ai-card p {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--gray-500, rgba(107, 114, 128, 1));
}

.ai-input-group {
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	padding: 1rem;
}
.ai-input-group textarea {
	border: none;
	box-shadow: none;
	resize: none;
}
.ai-flow-form-card {
	/* width: 902px; */
	min-height: 284px; /* allow the card to grow when inner editableArea expands */
	border-radius: 12px;
	padding: 20px 24px 24px 24px;
	gap: 12px;
	background: var(--gray-50);
	box-sizing: border-box;
	transition: opacity 300ms ease-in-out, min-height 160ms ease-in-out;
	overflow: visible; /* make sure expanding children are not clipped */
}
.ai-flow-form-card .ms-3 {
	margin-top: 12px;
}
.ai-prompt-input {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 6px 12px;
	width: 100%;
	gap: 10px;
	min-height: 120px; /* allow prompt input area to grow with content */
	background: #FFFFFF;
	border: 1px solid #0B66CE;
	border-radius: 6px;
}
.ai-prompt-input-placeholder {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--gray-500);
}
.arrow-button {
	width: 36px;
	height: 36px;
	background: var(--gray-200);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: not-allowed;
	border: none;
	transition: background 300ms ease-in-out;
}

.send-button {
	background-color: #0B66CE;
	cursor: pointer;
}

.send-button svg, .arrow-button svg {
	fill: #ffffff;
	stroke: #ffffff;
	stroke-width: 0.5px;
}

.ai-prompt-input:has(#promptInput:not(:placeholder-shown)) .arrow-button {
	background-color: #0B66CE;
	cursor: pointer;
}
.ai-prompt-input:has(#promptInput:not(:placeholder-shown)) {
	border-color: #0B66CE;
}

.type-hint {
	top: 1rem;
	left: 1.25rem;
	color: #6c757d;
	font-size: 0.875rem;
	pointer-events: none;
}
.ai-prompt-input textarea {
	min-height: 110px;
}
.ai-prompt-input textarea:focus {
	box-shadow: none;
	outline: 0;
}

.disabled-button {
	background-color: var(--gray-200);
	cursor: not-allowed !important;
}
.input-field-container {
	background-color:var(--gray-200); /* A light gray color to match the original */
	color: var(--gray-700); /* A dark gray for the text */
	padding: 0.25rem 1rem; /* Padding to match Bootstrap's .btn-lg */
	font-size: 0.875rem;
}
.token {
	background-color: var(--gray-50);
	border: 1px solid #ced4da;
	border-radius: 0.25rem; /* Slightly rounded corners */
	padding: 0 0.5rem; /* Horizontal padding for a better look */
	margin: 0 0.25rem; /* Spacing between tokens and surrounding text */
	display: inline-block;
}

.dropdown-menu-custom {
	position: absolute;
	z-index: 1000;
	display: none;
	width: 250px;
	padding: 0;
	margin-top: 5px;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
	max-height: 200px;
	overflow: hidden;
	flex-direction: column;
	display: flex;
}
.dropdown-item-custom {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.5rem 1rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	transition: background-color 0.2s ease-in-out;
}
.dropdown-item-custom:hover {
	background-color: #e9f5ff;
	color: #007bff;
}

.dropdown-search-container {
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #dee2e6;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1001;
}
.dropdown-search-input {
	border: 1px solid var(--gray-200);
	border-radius: 6px;
	padding: 0.25rem 0.5rem;
	width: 100%;
	font-size: 0.875rem;
	padding-right: 2rem;
	transition: border-color 300ms ease-in-out;
}
.dropdown-search input:focus {
	outline: none;
	border-color: #007bff;
}
.search-icon {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	fill: #6c757d;
}

.dropdown-items-scrollable {
	max-height: 150px; /* Adjust as needed */
	overflow-y: auto;
}
.dropdown-item-custom {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.5rem 1rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	transition: background-color 0.2s ease-in-out;
}
.dropdown-item-custom:hover {
	background-color: #e9f5ff;
	color: #007bff;
}
.tool-icon {
	margin-right: 0.75rem;
}

#compositeWorkflowJsonViewOrEdit.container-fluid-no-height {
	display: flex;
    flex-direction: column;
    padding: 0;
}
#aiFlowCompositeCoreProcessLayout.container-fluid {
    height: 60vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

#aiFlowCompositeCoreProcessLayout #topBarContents {
    background-color: #fff;
    box-shadow: 0 2px 0px rgba(0,0,0,0.1);
    padding: 10px 0px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#aiFlowCompositeCoreProcessLayout h5 {
    margin: 0;
    font-size: 1rem;
    color: var(--gray-900, rgba(17, 25, 40, 1));

}

#aiFlowCompositeCoreProcessLayout #aiFlowCompositeCoreProcessLayoutMain {
    flex-grow: 1;
    display: flex;
    padding: 20px 0px;
    gap: 20px;
}

#aiFlowCompositeCoreProcessLayout .left-panel, 
#aiFlowCompositeCoreProcessLayout .right-panel {
    border-radius: 8px;
    padding: 20px;
    overflow-y: auto;
}

#aiFlowCompositeCoreProcessLayout .left-panel {
    border: 0.5px solid var(--gray-200);
    flex: 1;
    display: flex;
    flex-direction: column;
}

#aiFlowCompositeCoreProcessLayout .right-panel {
    background-color: var(--gray-50);
    border: 0.5px solid rgb(235 238 241);
    flex: 1;
    position: relative;
}

#aiFlowCompositeCoreProcessLayout .left-panel .mt-auto {
    margin-top: auto;
}

#aiFlowCompositeCoreProcessLayout .btn.generate-btn {
    width: 100%;
    /* Add any other specific styles for this button */
}

/* Specific styles for the right panel preview header */
#aiFlowCompositeCoreProcessLayout .right-panel .preview-header {
    margin: 0 auto 10px;
}

.workflow-editor {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.input-group-top {
	display: flex;
	gap: 10px;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
}
.input-group-top input {
	border: none;
	flex-grow: 1;
}
.input-group-top .input-btn {
	background: none;
	border: none;
	color: #007bff;
	cursor: pointer;
}
.editable-description {
	margin-top: 20px;
	overflow-y: auto; 
	cursor: text;
}
.generate-btn {
	height: 32px;
	gap: 8px;
	opacity: 1;
	border-radius: 6px; /* rounded-md equivalent */
	padding: 2px 3px 2px 3px; /* padding-top: 2; padding-right: 3; padding-bottom: 2; padding-left: 3; */
	border-width: 1px;
	background-color: rgba(255, 255, 255, 1);
	color: rgba(11, 102, 206, 1);
	border: 1px solid rgba(11, 102, 206, 1);
	font-family: Inter;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0%;
	width: 100%;
	transition: background-color 0.2s, color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.generate-btn:hover {
	background-color: #e6f3ff;
}
.generate-btn i {
	margin-right: 8px; /* Space between icon and text */
}

/* Dedicated wrapper for generate button spinner to ensure spacing & animation */
.dw-spinner {
	display: inline-flex;
	align-items: center;
	margin-left: 10px; /* explicit spacing between text and spinner */
	line-height: 0; /* ensure spinner vertically centers */
}
.dw-spinner .spinner-border {
	display: inline-block;
	width: 0.9rem; /* slightly smaller than default for compactness */
	height: 0.9rem;
	vertical-align: text-bottom;
	
	
}

.preview-header {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.workflow-steps {
	list-style: none;
	padding: 0;
}
.workflow-step {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-radius: 5px;
	background-color: #f8f9fa;
	margin-bottom: 10px;
}
.workflow-step-number {
	font-weight: bold;
	color: #888;
}
.step-text {
	color: #333;
}
.pill {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 15px;
	font-size: 0.85rem;
	font-weight: bold;
	white-space: nowrap;
}
.pill.tool {
	background-color: #e6f3ff;
	color: #007bff;
	border: 1px solid #b3d9ff;
}
.pill.variable {
	background-color: #e9f0f6;
	color: #3f6e98;
	border: 1px solid #c7d2de;
}
.pill.action {
	background-color: #f5e6ff;
	color: #8a2be2;
	border: 1px solid #d4bfff;
}
.icon {
	margin-right: 5px;
}
.comment {
	font-style: italic;
	color: #888;
	margin-left: 20px;
}
.placeholder {
	background-color: #fff2f2;
	color: #dc3545;
	border: 1px solid #f5c7c7;
}

.ai-transform-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid #0B66CE;
	border-radius: 4px;
	color: #2375D3;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	margin-right: 8px;
	margin-left: 8px;
	transition: border-color 0.2s ease;
}

.ai-transform-btn:hover {
	border: 1px solid #0B66CE;
}

.ai-btn-icon {
	width: 18px;
	height: 18px;
}

.ai-transform-select {
	display: inline-flex;
	align-items: center;
	padding: 8px 32px 8px 16px;
	border: 1px solid #CEE0F5;
	border-radius: 6px;
	color: #2375D3;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	background-color: #FFFFFF;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-repeat: no-repeat;
	background-position: right 12px center;
	transition: border-color 0.2s ease;
}

.ai-transform-select:hover {
	border: 1px solid #0B66CE;
}

.ai-transform-select:focus {
	outline: none;
	border-color: #2375D3;
}

.custom-Muted_text-color {
	color: var(--gray-500, rgba(107, 114, 128, 1)) !important;

}

.dataworkz-pre::-webkit-resizer {
	background-image: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'>\
			<line x1='3.5' y1='12' x2='12' y2='3.5' stroke='%239CA3AF' stroke-width='1'/>\
			<line x1='8.5' y1='12' x2='12' y2='8.5' stroke='%239CA3AF' stroke-width='1'/>\
		</svg>");
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) calc(100% - 4px); /* Stay inside */
	background-size: 12px 12px; /* Slightly larger than before */
	background-color: transparent;
	cursor: nwse-resize;
}

/* ----------------- Confluence end------------------ */


/* ----------------- new ingest screen start------------------ */
.ingestAppDrawer-body .wizard-modern.wizard-content .wizard>.steps {
	margin: 0;
	padding: 12px 24px;
	border-bottom: 1px solid #E5E7EB;
}

.ingestAppDrawer-body .wizard-modern.wizard-content .wizard>.content>.body {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.ingestAppDrawer-body .wizard-content.wizard-content .wizard>.content {
	overflow: auto;
	height: calc(100vh - 58px - 59px);
}

#preprocessingIngestTagetDatasetRow #searchtextBox {
	height: 40px;
	width: 392px;
	border-radius: 40px;
}

#ingestAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#cancel"],
#ingestEditAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#cancel"],
#createAiAppDrawer-body .wizard-content .wizard>.actions>ul>li>a[href="#cancel"] {
	margin-top: 5px;
}

#ingestAppDrawer-body .wizard-content .wizard>.actions>ul>li>#checkForNewfilesDiv,
#ingestEditAppDrawer-body .wizard-content .wizard>.actions>ul>li>#checkForNewfilesDiv,
#createAiAppDrawer-body .wizard-content .wizard>.actions>ul>li>#checkForNewfilesDiv {
	margin-top: 8px;
}

#preprocessingDetails .file_type_icon_container {
	border: 1px solid #E5E7EB;
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #FFF;
	margin-left: -8px;
}

#preprocessingDetails .file_type_icon_container:first-of-type {
	margin-left: 0;
}

/* Data Store table: align with dataworkz-ui agent list table styling */
#preprocessingTableDetailsTable_wrapper {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollHead table.dataTable thead th,
#preprocessingTableDetailsTable_wrapper table.dataTable thead th {
	background: #ffffff !important;
	color: #475569 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	height: 38px;
	min-height: 38px;
	max-height: 38px;
	border-bottom: 1px solid #e2e8f0 !important;
	border-right: none !important;
	white-space: nowrap;
	vertical-align: middle;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 12px !important;
	font-family: 'Inter', sans-serif !important;
}

/* DataTables scroll mode keeps a hidden header clone in scrollBody; remove its border to avoid a thick/double divider */
#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable thead th {
	border-bottom: none !important;
}

/* Vertical divider after Name column (matches agent table behavior) */
#preprocessingTableDetailsTable_wrapper .dataTables_scrollHead table.dataTable thead th:first-child,
#preprocessingTableDetailsTable_wrapper table.dataTable thead th:first-child {
	border-right: 1px solid #e2e8f0 !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollHead table.dataTable thead th,
#preprocessingTableDetailsTable_wrapper .dataTables_scrollHead table.dataTable thead th span,
#preprocessingTableDetailsTable_wrapper .dataTables_scrollHead table.dataTable thead th a,
#preprocessingTableDetailsTable_wrapper table.dataTable thead th,
#preprocessingTableDetailsTable_wrapper table.dataTable thead th span,
#preprocessingTableDetailsTable_wrapper table.dataTable thead th a {
	color: #475569 !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td {
	color: #334155;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	height: 42px;
	min-height: 42px;
	max-height: 42px;
	border-top: none !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-right: none !important;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0 12px !important;
	box-sizing: border-box;
	font-family: 'Inter', sans-serif !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td:first-child,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td:first-child {
	border-right: 1px solid #e2e8f0 !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable.table-hover tbody tr:hover,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody tr:hover,
#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody tr:hover {
	background: transparent !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable.table-hover tbody tr:hover > td,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody tr:hover > td {
	background: transparent !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td a,
#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td label,
#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td span,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td a,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td label,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td span {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	line-height: 18px !important;
}

/* Name column matches Agent name styling */
#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td.truncate-col1,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td.truncate-col1 {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td.truncate-col1 a,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td.truncate-col1 a {
	color: #334155 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	text-decoration: none !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody table.dataTable tbody td.truncate-col1 a:hover,
#preprocessingTableDetailsTable_wrapper table.dataTable tbody td.truncate-col1 a:hover {
	color: #0b66ce !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#preprocessingTableDetailsTable_wrapper .dataTables_scrollBody {
	padding-top: 0 !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable tbody tr.my-document-row > td {
	background: #ffffff !important;
}

/* "My Files" pinned row has a hidden first cell; keep Name text + divider consistent */
#preprocessingTableDetailsTable_wrapper table.dataTable tbody tr.my-document-row > td:nth-child(2) {
	border-right: 1px solid #e2e8f0 !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable tbody tr.my-document-row > td:nth-child(2) a {
	color: #334155 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	text-decoration: none !important;
}

#preprocessingTableDetailsTable_wrapper table.dataTable tbody td a {
	color: #0b66ce;
}

.ingestSkeleton .skeleton {
	background-color: #e0e0e0;
	border-radius: 4px;
	animation: ingestionPulse 1.5s infinite ease-in-out;
}

@keyframes ingestionPulse {
	0% {
		background-color: #e0e0e0;
	}

	50% {
		background-color: #f0f0f0;
	}

	100% {
		background-color: #e0e0e0;
	}
}

.ingestSkeleton .skeleton-breadcrumb {
	width: 200px;
	height: 16px;
}

.ingestSkeleton .skeleton-title {
	width: 120px;
	height: 24px;
}

.ingestSkeleton .skeleton-search {
	width: 160px;
	height: 38px;
	border-radius: 40px;
	margin-left: auto;
}

.ingestSkeleton .skeleton-button {
	width: 130px;
	height: 36px;
	margin-left: 16px;
	border-radius: 8px;
}

.ingestSkeleton .skeleton-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.ingestSkeleton .skeleton-table {
	width: 100%;
	border-collapse: collapse;
}

.ingestSkeleton .skeleton-table th,
.ingestSkeleton .skeleton-table td {
	padding: 12px;
}

.ingestSkeleton .skeleton-header {
	width: 80px;
	height: 14px;
}

.ingestSkeleton .skeleton-text {
	height: 12px;
	width: 100%;
	margin: 4px 0;
}

.ingestSkeleton .skeleton-text.short {
	width: 60%;
}

.ingestSkeleton .skeleton-icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 6px;
}


.webCrawlingEditSkeletonContainer .skeleton {
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: webCrawlingEdit  1.5s infinite linear;
	border-radius: 4px;
}

@keyframes webCrawlingEdit {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.webCrawlingEditSkeletonContainer .skeleton-label {
	height: 20px;
	width: 100%;
	margin-bottom: 0.5rem;
}

.webCrawlingEditSkeletonContainer .skeleton-input {
	height: 38px;
	width: 100%;
	margin-bottom: 1rem;
}

.webCrawlingEditSkeletonContainer .skeleton-chip {
	height: 24px;
	width: 100px;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 1rem;
	border-radius: 12px;
}

.webCrawlingEditSkeletonContainer .skeleton-checkbox {
	height: 16px;
	width: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 3px;
}

.previouslyUploadedFilesSkeleton .skeleton {
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: uploadEdit 1.5s infinite linear;
	border-radius: 4px;
}

@keyframes uploadEdit {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.previouslyUploadedFilesSkeleton .skeleton-chip {
	height: 24px;
	width: 100px;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 1rem;
	border-radius: 12px;
}

.previouslyUploadedFilesSkeleton .skeleton-label {
	height: 20px;
	width: 120px;
	margin-bottom: 0.5rem;
}

/* ----------------- new ingest screen end------------------ */

/* ----------------- pdf split view start ------------------ */
.view-pdf-breadcrumb {
	margin-top: 24px;
}

.view-pdf-container {
	height: calc(100vh - 133px - 48px);
	background: #FFF;
	margin-top: 24px;
	border-radius: 1rem;
	border: 1px solid #E5E7EB;
	overflow: hidden;
	margin-bottom: -60px;
}

#pdfContainerSplitView {
	height: calc(100vh - 240px);
	background: #FFF;
	padding-right: 1rem;
}

#extracted-dataset-container {
	padding-top: 16px;
	height: calc(100vh - 240px);
	overflow: auto;
	padding-left: 1rem;
	overscroll-behavior: contain;
}

#extracted-pdf-content {
	text-wrap: auto;
	font-size: 14px;
	line-height: 1.5;
	color: #1F2937;
	padding-right: 16px;
}

.pdfViewerSearchIcon {
	position: absolute;
	z-index: 9;
	top: 8px;
	left: 8px;
}

#pdfContainerSplitView .page-wrapper {
	position: relative;
	margin: 12px auto;
	background: white;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

#pdfContainerSplitView .hit {
	position: absolute;
	background: yellow;
	opacity: 0.4;
	pointer-events: none;
}

#pdfContainerSplitView canvas {
	display: block;
}

.pdf-viewer-page-num {
	height: 28px;
	width: 42px;
	border-color: #E5E7EB;
}

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.no-spinner {
	appearance: textfield;
	/* Firefox */
}

.view-pdf-container #search-query {
	border-radius: 16px;
	height: 32px;
}

.view-pdf-container #search-extracted-content {
	border-radius: 16px;
	height: 32px;
}

#extracted-pdf-content {
	overscroll-behavior: contain;
}

#extracted-pdf-content h1,
#extracted-pdf-content h2,
#extracted-pdf-content h3,
#extracted-pdf-content h4,
#extracted-pdf-content h5,
#extracted-pdf-content h6 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-weight: 600;
	color: #111827;
}

#extracted-pdf-content p {
	margin-bottom: 10px;
}

#extracted-pdf-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
	font-size: 14px;
}

#extracted-pdf-content th,
#extracted-pdf-content td {
	border: 1px solid #D1D5DB;
	padding: 8px 10px;
	vertical-align: top;
}

#extracted-pdf-content th {
	background-color: #F9FAFB;
	font-weight: 600;
}

#extracted-pdf-content code {
	background: #F3F4F6;
	padding: 2px 4px;
	border-radius: 4px;
}

#extracted-pdf-content pre {
	background: #F9FAFB;
	padding: 12px;
	border: 1px solid #E5E7EB;
	border-radius: 6px;
	overflow: auto;
}

.highligh-extracted-dataset {
	background: yellow;
	color: inherit;
}
/* ----------------- pdf split view start ------------------ */


/* ----------------- Insights start ----------------- */
#agentInsightsTable_wrapper table.dataTable thead th, #ingestSelectionDetailsTable_wrapper table.dataTable thead th {
	font-size: 12px;
	font-weight: 600;
	color: #6B7280 !important;
	background-color: #F3F4F6 !important;
	border-bottom: none !important;
}

#agentInsightsTable_wrapper table.dataTable thead th:first-child, #ingestSelectionDetailsTable_wrapper table.dataTable thead th:first-child {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

#agentInsightsTable_wrapper table.dataTable thead th:last-child, #ingestSelectionDetailsTable_wrapper table.dataTable thead th:last-child {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

#agentInsightsTable_wrapper .dataTables_scrollHeadInner,
#agentInsightsTable_wrapper table.dataTable,
#ingestSelectionDetailsTable_wrapper .dataTables_scrollHeadInner,
#ingestSelectionDetailsTable_wrapper table.dataTable,
#knowledgeGraphDetailsTable_wrapper .dataTables_scrollHeadInner {
	width: 100% !important;
}

.breadcrumb-container{
	background: white;
	border: 1px solid transparent;
	border-radius: 6px;
	padding: 9px;
	display: inline-block;
}

.queries {
	height: 66px;
	width: 160px;
	display: inline-block;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	background: white;
	padding: 12px;
}

.queries.active {
	border: 1px solid #0B66CE;
	background: #F3F7FD;
}

.queries:focus {
	border: 1px solid #0B66CE;
	background: #F3F7FD;
	outline: none;
}

.queries:hover {
	border: 1px solid #CEE0F5;
	background: #F3F7FD;
	cursor:pointer;
	
}

.agent_queries_img {
	display: inline-block;
	border-radius: 8px;
	background: #F3F4F6;
	padding: 6px;
}

.queries.active .agent_queries_img {
	background: white;
}

.query-filters-label {
	color: #374151;
	align-self: start;
	line-height: 20px;
}

.insights-daterange-picker {
	width: 345px;
	height: 36px;
	padding: 8px 16px;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	background: #FFF;
	font-size: 14px;
	align-items: center;
	font-weight: 600;
	cursor: pointer;
}

.conversation-name:hover{
   color: #0B66CE;
}

.daterangepicker .ranges {
	font-family: 'Inter', sans-serif !important;
}

/* ----------------- Insights end ----------------- */

/* ----------------- pdf split view start ------------------ */

.compositeWorkflowEditor {
	margin-top:20px;
	height:360px;
	angle: 0 deg;
	opacity: 1;
	gap: 8px;
	padding-top: 24px;
	padding-bottom: 24px;
	border-radius: 12px;
	border-width: 1px;
	border: 1px solid #E5E7EB;
	font-size:14px;

}
 
.inputParamsWorkflow select, .inputParamsWorkflow select:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

/* -----------------  knowledge graph start ------------------ */
.knowledge-graph-prompt-button {
	padding: 8px 12px;
	/* font-family: Inter; */
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	color: #0B66CE !important;
	border: 1px solid transparent;
	border-radius: 8px;
}

.knowledge-graph-prompt-button:focus {
	box-shadow: none;
	outline: none;
}

.graph-template-card {
	height: 114px;
	width: 307px;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 16px 20px;
	background-color: white;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	margin-bottom: 8px;
}

.graph-template-type {
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 6px;
	align-self: flex-start;
	margin-bottom: 8px;
}

.knowledgeGraphDrawer-body .content {
	background-color: #F9FAFB;
	height: calc(100vh - 152px);
	overflow: auto;
}

.knowledgeGraphDrawer-body .wizard-content.wizard-content .wizard>.content {
	padding-top: 40px !important;
	padding-bottom: 70px !important;
}
.graph-template-required {
	padding: 2px 10px;
	border-radius: 6px;
	background: #374151;
	color: white;
}

.knowledgeGraphDrawer-body .btn-group .dropdown-toggle {
	background: white;
	border-radius: 8px;
}

.knowledgeGraphDrawer-body .data-connection-cards {
	height: 94px;
	width: 270px;
	border-radius: 12px;
	padding: 20px;
	border: 1px solid #E5E7EB;
	background-color: white;
}

.knowledgeGraphDrawer-body .data-connection-cards.active {
	border: 1px solid #0B66CE;
	background-color: #F3F7FD;
}

.knowledgeGraphDrawer-body .data-connection-cards:focus {
	outline: none;
	box-shadow: none;
}

.custom-tab.active {
	color: #0952A5;
	background-color: #e7f0fa;
	border-color: transparent;
}

.custom-tab:hover {
	color: #0952A5;
}

.knowledgeGraphDrawer-body #ingestSelectionDetails .dataTables_scrollBody {
	width: 834px !important;
	height: 210px !important;
}

.knowledgeGraphDrawer-body #ingestSelectionDetailsTable_info {
	display: none !important;
}

.knowledgeGraphDrawer-body input[type=checkbox] {
	border-radius: .25em;
}

.knowledgeGraphDrawer-body input[type=checkbox] {
	width: 16px;
	height: 16px;
	margin-top: 0;
	vertical-align: middle;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.knowledgeGraphDrawer-body input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.knowledgeGraphDrawer-body input:checked[type=checkbox] {
	background-color: #0B66CE;
	border-color: #0B66CE;
}

.knowledgeGraphDrawer-body input[type=checkbox]:indeterminate {
		background-color: #FFF;
		border-color: #0B66CE;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230B66CE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M6 10h8'/%3e%3c/svg%3e");
}

.w5 {
	width: 5% !important;
}

.w15 {
	width: 15% !important;
}

.w50 {
	width: 50% !important;
}

.w30 {
	width: 30% !important;
}

.knowledgeGraphDrawer-body .jstree-node {
	margin-top: 6px;
	margin-bottom: 6px;
}

.knowledgeGraphDrawer-body .jstree-themeicon {
	height: 24px !important;
	margin-right: 8px;
}

.table-layout-fixed {
	table-layout: fixed;
}

.knowledgeGraphDrawer-body #datasetTab .trends-tree-container {
	max-height: 240px !important;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	padding: 12px;
	padding-top: 30px;
	overflow: auto;
	background-color: #FFF;
}

.knowledgeGraphDrawer-body .jstree-default .jstree-search {
	font-style: inherit;
	color: inherit;
	font-weight: inherit;
}

.knowledgeGraphDrawer-body #searchtextBoxKnowledgeGraph {
	height: 36px;
	width: 320px;
	border-radius: 20px;
	padding: 2px 8px;
}

.knowledgeGraphDrawer-body .switch, #viewTaskDetails .switch {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	gap: 0.6rem;
	font-family: Arial, sans-serif;
}

.knowledgeGraphDrawer-body .switch input, #viewTaskDetails .switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

.knowledgeGraphDrawer-body .slider,
#viewTaskDetails .slider {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	background-color: #ccc;
	border-radius: 34px;
	transition: background-color 0.2s;
}

.knowledgeGraphDrawer-body .slider::before,
#viewTaskDetails .slider::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	width: 16px;
	height: 16px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.2s;
}

.knowledgeGraphDrawer-body .switch input:checked+.slider, #viewTaskDetails .switch input:checked+.slider {
	background-color: #0b7a55;
}

.knowledgeGraphDrawer-body .switch input:checked+.slider::before, #viewTaskDetails .switch input:checked+.slider::before {
	transform: translateX(20px);
}

.knowledgeGraphDrawer-body .label-text {
	font-size: 0.95rem;
}

.graphDbCard {
	background-color: white;
	border-radius: 16px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 32px;
}

#promptCategoryPreview {
	display: inline-block;
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 6px;
	align-self: flex-start;
	margin-bottom: 8px;
}

.removePromptFromTaskBtn {
	padding: 8px 12px;
	display: flex;
	gap: 8px;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	color: #1F2A37;
	align-items: center;
}
 
.btnWrapperPrompts {
	display: flex;
	gap: 12px;
	padding: 15px 24px;
	justify-content: end;
}

#ingestSelectionDetailsTable_filter input[type="search"] {
	height: 36px;
	border-radius: 30px;
	width: 320px;
}

.w_70 {
	width: 70vw;
}

.promptCategoryKG {
	padding: 4px 8px;
	border: 1px solid #E5E7EB;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	margin-right: 10px;
	white-space: nowrap;
}

.promptCategoryKG.selected {
	padding: 4px 8px;
	border: 1px solid #0B66CE;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	color: #0B66CE;
	background: #F3F7FD;
	margin-right: 10px;
	white-space: nowrap;
}

.promptLibLeftSectionCard {
	padding: 20px 20px;
	border-bottom: 1px solid #E5E7EB;
}

.promptLibLeftSectionCard.selected {
	background-color: #E7F0FA;
	border-bottom: 1px solid #0B66CE;
}

.category_pill {
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px;
	display: inline-block;
	align-self: flex-start;
}

#promptCategories {
	padding: 8px 20px;
	overflow: auto;
	width: 100%;
	overflow-wrap: initial
}

.libBanner {
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 6px;
	margin-bottom: 8px;
	background-color: #F3F7FD;
}

#addKnowledgeGraphDropdown.show {
	width: 224px !important;
}

#addKnowledgeGraphButton::after {
	display: none !important;
}

#addKnowledgeGraphDropdown .dropdown-item:active {
	background: #f8f9fa !important;
}

#addKnowledgeGraphDropdown .dropdown-item:hover {
	cursor: pointer !important;
}

.knowledgeGraphDrawer-body .btn-group .multiselect {
	padding-top: 7px;
	padding-bottom: 7px;
}

#knowledgeGraphDetailsTable_length {
	margin-bottom: 0;
}

#knowledgeGraphTableContainer,#knowledgeGraphTableContainerSkeleton {
	border: 1px solid #E5E7EB;
	background: white;
	border-radius: 8px;
	margin-top: 16px;
	padding: 20px;
}

#tableHeaderSkeletonContainer .skeletonLoading{
	background-color: #ffffff;
}

#tableHeaderSkeletonContainer .skeletonLoading:after {
	background: linear-gradient(90deg, transparent,
				rgba(229, 229, 229, 0.3), transparent);
}

#knowledgeGraphTableContainer .dataTable {
	width: 100%;
}

#knowledgeGraphDetailsTable_wrapper table.dataTable thead th {
	font-size: 12px;
	font-weight: 600;
	color: #6B7280 !important;
	background-color: #F3F4F6 !important;
	border-bottom: none !important;
}

#knowledgeGraphDetailsTable_wrapper table.dataTable thead th:first-child {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

#knowledgeGraphDetailsTable_wrapper table.dataTable thead th:last-child {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.kgType {
	padding: 4px 8px;
	border: 1px solid #E5E7EB;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	margin-right: 10px;
	white-space: nowrap;
	background-color: white;
}

.kgType.selected {
	padding: 4px 8px;
	border: 1px solid #0B66CE;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	color: #0B66CE;
	background: #F3F7FD;
	margin-right: 10px;
	white-space: nowrap;
}

.jstree-skeleton {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px 12px;
	font-size: 0;
	/* removes unwanted gaps between inline elements */
}

.skeleton-node {
	display: flex;
	align-items: center;
	gap: 6px;
}

.indent-1 {
	margin-left: 20px;
}

.indent-2 {
	margin-left: 40px;
}

/* Chevron placeholder */
.skeleton-chevron {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background: #e0e0e0;
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite linear;
}

/* Icon placeholder */
.skeleton-icon {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #e0e0e0;
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite linear;
}

/* Text placeholder */
.skeleton-text {
	height: 12px;
	border-radius: 4px;
	background: #e0e0e0;
	background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.w-50px {
	width: 50px;
}
.w-60px {
	width: 60px;
}
.w-70px {
	width: 70px;
}
.w-80px {
	width: 80px;
}
.w-90px {
	width: 90px;
}
.w-100px {
	width: 100px;
}

.edit-task-schedule {
	padding: 16px;
	border-radius: 16px;
	background-color: #F9FAFB;
	border: 1px solid #E5E7EB;
	display: flex;
	gap: 16px;
}

.edit-task-schedule-btn {
	display: flex;
	padding: 4px 12px;
	gap: 8px;
	color: #0B66CE;
	font-weight: 500;
	font-size: 12px;
}

.library-prompt-info {
	color: #0B66CE;
	background-color: #E7F0FA;
}

.knowledgeGraphDrawer-body #saveSQLActionDiv .btn-group {
	width: 100% !important;
}

#columnMapping .dataTables_scrollHeadInner, #columnMapping .dataTables_scrollHeadInner table {
	width: 100% !important;
}

.section-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.no-pointer-events {
	pointer-events: none;
}

.invite-user-in-dropdown {
	color: #0B66CE;
	font-weight: 500;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 10px;
}

.tenant-account-details-container:hover {
	background: #f3f3f4;
	border-radius: 6px;
}

#accountListPopup #accountListTabs a.nav-link:hover {
	color: rgba(11, 102, 206, 1) !important;
}

.dropdown-manage-tenants-btn {
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	transition: background 0.15s ease;
	margin-top: -8px;
	padding: 6px;
	background: transparent;
}

.dropdown-manage-tenants-btn:hover {
	background-color: #F3F4F6;
}

#vectorDatabaseDashboardSelect + .btn-group .multiselect-container {
	max-height: 160px !important;
}

.entity-select + .btn-group li.disabled label {
	color: #a5a5a5 !important;
	cursor: not-allowed;
}

#graphDbSchema+.btn-group button.btn {
	height: 37px;
}

#knowledgeGraphDrawer #embeddingModel .multiselect-container {
	max-height: 181px;
	overflow: auto;
}

/* -----------------   knowledge graph end ------------------ */
#accountListTabs {
	border-bottom: 0;
}

#accountListTabs .nav-item {
	margin-bottom: 0;
}

#accountListPopup .nav-link {
	color: #374151;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 0 12px 12px 12px !important;
	border: 0;
	border-bottom: 1px solid transparent;
}

#accountListPopup .nav.nav-tabs .nav-link.active {
	color: #0B66CE;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-color: #0B66CE;
	border-bottom: 1px solid #0B66CE;
}

#accountListPopup .nav.nav-tabs .nav-link:hover {
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
}

#accountListPopup .accountInvite {
	padding: 8px 16px 8px 6px;
	background-color: #F9FAFB;
	border-radius: 6px;
}

.blue-circle-dot {
	display: inline-block;
	background-color: #0B66CE;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 10px;
}

.button-invite-actions {
	font-size: 12px;
	font-weight: 500;
	padding: 4px 12px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
}

.accept-invite-btn {
	color: #0B66CE;
	border: 1px solid #0B66CE;
}

.cursor-pointer {
	cursor: pointer;
}

.dismiss-expired-invite-container {
	height: 122px;
	position: absolute;
	width: 100%;
	top: 122px;
	left: 0;
	margin-top: 8px;
}

.decline-pending-invite-container {
	height: 96px;
	position: absolute;
	width: 100%;
	top: 96px;
	left: 0;
	margin-top: 8px;
}

.dismiss-invite {
	color: #C81E1E;
	background-color: #FDF2F2;
	font-size: 12px;
	align-items: center;
	justify-content: center;
	display: flex;
	width: 100%;
	padding: 4px;
}

.red-circle-dot {
	background-color: #E02424;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 10px;
	position: absolute;
	top: -8px;
	right: -18px;
	border: 3px solid white;
	box-sizing: content-box;
}

/** markdown styles start **/
#toolInformationDiv.markdown-body {
	color-scheme: light;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	color: #1f2328;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	word-wrap: break-word
}

#toolInformationDiv.markdown-body .octicon {
	display: inline-block;
	fill: currentColor;
	vertical-align: text-bottom
}

#toolInformationDiv.markdown-body h1:hover .anchor .octicon-link:before,
#toolInformationDiv.markdown-body h2:hover .anchor .octicon-link:before,
#toolInformationDiv.markdown-body h3:hover .anchor .octicon-link:before,
#toolInformationDiv.markdown-body h4:hover .anchor .octicon-link:before,
#toolInformationDiv.markdown-body h5:hover .anchor .octicon-link:before,
#toolInformationDiv.markdown-body h6:hover .anchor .octicon-link:before {
	width: 16px;
	height: 16px;
	content: " ";
	display: inline-block;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")
}

#toolInformationDiv.markdown-body details,
#toolInformationDiv.markdown-body figcaption,
#toolInformationDiv.markdown-body figure {
	display: block
}

#toolInformationDiv.markdown-body summary {
	display: list-item
}

#toolInformationDiv.markdown-body [hidden] {
	display: none !important
}

#toolInformationDiv.markdown-body a {
	background-color: transparent;
	color: #0969da;
	text-decoration: none
}

#toolInformationDiv.markdown-body abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

#toolInformationDiv.markdown-body b,
#toolInformationDiv.markdown-body strong {
	font-weight: 600
}

#toolInformationDiv.markdown-body dfn {
	font-style: italic
}

#toolInformationDiv.markdown-body h1 {
	margin: .67em 0;
	font-weight: 600;
	padding-bottom: .3em;
	font-size: 2em;
	border-bottom: 1px solid #d1d9e0b3
}

#toolInformationDiv.markdown-body mark {
	background-color: #fff8c5;
	color: #1f2328
}

#toolInformationDiv.markdown-body small {
	font-size: 90%
}

#toolInformationDiv.markdown-body sub,
#toolInformationDiv.markdown-body sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

#toolInformationDiv.markdown-body sub {
	bottom: -.25em
}

#toolInformationDiv.markdown-body sup {
	top: -.5em
}

#toolInformationDiv.markdown-body img {
	border-style: none;
	max-width: 100%;
	box-sizing: content-box
}

#toolInformationDiv.markdown-body code,
#toolInformationDiv.markdown-body kbd,
#toolInformationDiv.markdown-body pre,
#toolInformationDiv.markdown-body samp {
	font-family: monospace;
	font-size: 1em
}

#toolInformationDiv.markdown-body figure {
	margin: 1em 2.5rem
}

#toolInformationDiv.markdown-body input {
	font: inherit;
	margin: 0;
	overflow: visible;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

#toolInformationDiv.markdown-body [type=button],
#toolInformationDiv.markdown-body [type=reset],
#toolInformationDiv.markdown-body [type=submit] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button
}

#toolInformationDiv.markdown-body [type=checkbox],
#toolInformationDiv.markdown-body [type=radio] {
	box-sizing: border-box;
	padding: 0
}

#toolInformationDiv.markdown-body [type=number]::-webkit-inner-spin-button,
#toolInformationDiv.markdown-body [type=number]::-webkit-outer-spin-button {
	height: auto
}

#toolInformationDiv.markdown-body [type=search]::-webkit-search-cancel-button,
#toolInformationDiv.markdown-body [type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

#toolInformationDiv.markdown-body ::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

#toolInformationDiv.markdown-body ::-webkit-file-upload-button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font: inherit
}

#toolInformationDiv.markdown-body a:hover {
	text-decoration: underline
}

#toolInformationDiv.markdown-body ::placeholder {
	color: #59636e;
	opacity: 1
}

#toolInformationDiv.markdown-body hr:before {
	display: table;
	content: ""
}

#toolInformationDiv.markdown-body hr:after {
	display: table;
	clear: both;
	content: ""
}

#toolInformationDiv.markdown-body table {
	border-spacing: 0;
	border-collapse: collapse;
	display: block;
	width: max-content;
	max-width: 100%;
	overflow: auto;
	font-variant: tabular-nums
}

#toolInformationDiv.markdown-body td,
#toolInformationDiv.markdown-body th {
	padding: 0
}

#toolInformationDiv.markdown-body details summary {
	cursor: pointer
}

#toolInformationDiv.markdown-body a:focus,
#toolInformationDiv.markdown-body [role=button]:focus,
#toolInformationDiv.markdown-body input[type=radio]:focus,
#toolInformationDiv.markdown-body input[type=checkbox]:focus {
	outline: 2px solid #0969da;
	outline-offset: -2px;
	box-shadow: none
}

#toolInformationDiv.markdown-body a:focus:not(:focus-visible),
#toolInformationDiv.markdown-body [role=button]:focus:not(:focus-visible),
#toolInformationDiv.markdown-body input[type=radio]:focus:not(:focus-visible),
#toolInformationDiv.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
	outline: solid 1px transparent
}

#toolInformationDiv.markdown-body a:focus-visible,
#toolInformationDiv.markdown-body [role=button]:focus-visible,
#toolInformationDiv.markdown-body input[type=radio]:focus-visible,
#toolInformationDiv.markdown-body input[type=checkbox]:focus-visible {
	outline: 2px solid #0969da;
	outline-offset: -2px;
	box-shadow: none
}

#toolInformationDiv.markdown-body a:not([class]):focus,
#toolInformationDiv.markdown-body a:not([class]):focus-visible,
#toolInformationDiv.markdown-body input[type=radio]:focus,
#toolInformationDiv.markdown-body input[type=radio]:focus-visible,
#toolInformationDiv.markdown-body input[type=checkbox]:focus,
#toolInformationDiv.markdown-body input[type=checkbox]:focus-visible {
	outline-offset: 0
}

#toolInformationDiv.markdown-body kbd {
	display: inline-block;
	padding: .25rem;
	font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	line-height: 10px;
	color: #1f2328;
	vertical-align: middle;
	background-color: #f6f8fa;
	border: solid 1px #d1d9e0b3;
	border-bottom-color: #d1d9e0b3;
	border-radius: 6px;
	box-shadow: inset 0 -1px #d1d9e0b3
}

#toolInformationDiv.markdown-body h1,
#toolInformationDiv.markdown-body h2,
#toolInformationDiv.markdown-body h3,
#toolInformationDiv.markdown-body h4,
#toolInformationDiv.markdown-body h5,
#toolInformationDiv.markdown-body h6 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	font-weight: 600;
	line-height: 1.25
}

#toolInformationDiv.markdown-body h2 {
	font-weight: 600;
	padding-bottom: .3em;
	font-size: 1.5em;
	border-bottom: 1px solid #d1d9e0b3
}

#toolInformationDiv.markdown-body h3 {
	font-weight: 600;
	font-size: 1.25em
}

#toolInformationDiv.markdown-body h4 {
	font-weight: 600;
	font-size: 1em
}

#toolInformationDiv.markdown-body h5 {
	font-weight: 600;
	font-size: .875em
}

#toolInformationDiv.markdown-body h6 {
	font-weight: 600;
	font-size: .85em;
	color: #59636e
}

#toolInformationDiv.markdown-body p {
	margin-top: 0;
	margin-bottom: 10px
}

#toolInformationDiv.markdown-body blockquote {
	margin: 0;
	padding: 0 1em;
	color: #59636e;
}

#toolInformationDiv.markdown-body ul,
#toolInformationDiv.markdown-body ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 2em
}

#toolInformationDiv.markdown-body ol ol,
#toolInformationDiv.markdown-body ul ol {
	list-style-type: lower-roman
}

#toolInformationDiv.markdown-body ul ul ol,
#toolInformationDiv.markdown-body ul ol ol,
#toolInformationDiv.markdown-body ol ul ol,
#toolInformationDiv.markdown-body ol ol ol {
	list-style-type: lower-alpha
}

#toolInformationDiv.markdown-body dd {
	margin-left: 0
}

#toolInformationDiv.markdown-body tt,
#toolInformationDiv.markdown-body code,
#toolInformationDiv.markdown-body samp {
	font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	font-size: 12px
}

#toolInformationDiv.markdown-body pre {
	margin-top: 0;
	margin-bottom: 0;
	font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	font-size: 12px;
	word-wrap: normal
}

#toolInformationDiv.markdown-body .octicon {
	display: inline-block;
	overflow: visible !important;
	vertical-align: text-bottom;
	fill: currentColor
}

#toolInformationDiv.markdown-body input::-webkit-outer-spin-button,
#toolInformationDiv.markdown-body input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

#toolInformationDiv.markdown-body .mr-2 {
	margin-right: .5rem !important
}

#toolInformationDiv.markdown-body:before {
	display: table;
	content: ""
}

#toolInformationDiv.markdown-body:after {
	display: table;
	clear: both;
	content: ""
}

#toolInformationDiv.markdown-body>*:first-child {
	margin-top: 0 !important
}

#toolInformationDiv.markdown-body>*:last-child {
	margin-bottom: 0 !important
}

#toolInformationDiv.markdown-body a:not([href]) {
	color: inherit;
	text-decoration: none
}

#toolInformationDiv.markdown-body .absent {
	color: #d1242f
}

#toolInformationDiv.markdown-body .anchor {
	float: left;
	padding-right: .25rem;
	margin-left: -20px;
	line-height: 1
}

#toolInformationDiv.markdown-body .anchor:focus {
	outline: none
}

#toolInformationDiv.markdown-body p,
#toolInformationDiv.markdown-body blockquote,
#toolInformationDiv.markdown-body ul,
#toolInformationDiv.markdown-body ol,
#toolInformationDiv.markdown-body dl,
#toolInformationDiv.markdown-body table,
#toolInformationDiv.markdown-body pre,
#toolInformationDiv.markdown-body details {
	margin-top: 0;
	margin-bottom: 1rem
}

#toolInformationDiv.markdown-body blockquote>:first-child {
	margin-top: 0
}

#toolInformationDiv.markdown-body blockquote>:last-child {
	margin-bottom: 0
}

#toolInformationDiv.markdown-body h1 .octicon-link,
#toolInformationDiv.markdown-body h2 .octicon-link,
#toolInformationDiv.markdown-body h3 .octicon-link,
#toolInformationDiv.markdown-body h4 .octicon-link,
#toolInformationDiv.markdown-body h5 .octicon-link,
#toolInformationDiv.markdown-body h6 .octicon-link {
	color: #1f2328;
	vertical-align: middle;
	visibility: hidden
}

#toolInformationDiv.markdown-body h1:hover .anchor,
#toolInformationDiv.markdown-body h2:hover .anchor,
#toolInformationDiv.markdown-body h3:hover .anchor,
#toolInformationDiv.markdown-body h4:hover .anchor,
#toolInformationDiv.markdown-body h5:hover .anchor,
#toolInformationDiv.markdown-body h6:hover .anchor {
	text-decoration: none
}

#toolInformationDiv.markdown-body h1:hover .anchor .octicon-link,
#toolInformationDiv.markdown-body h2:hover .anchor .octicon-link,
#toolInformationDiv.markdown-body h3:hover .anchor .octicon-link,
#toolInformationDiv.markdown-body h4:hover .anchor .octicon-link,
#toolInformationDiv.markdown-body h5:hover .anchor .octicon-link,
#toolInformationDiv.markdown-body h6:hover .anchor .octicon-link {
	visibility: visible
}

#toolInformationDiv.markdown-body h1 tt,
#toolInformationDiv.markdown-body h1 code,
#toolInformationDiv.markdown-body h2 tt,
#toolInformationDiv.markdown-body h2 code,
#toolInformationDiv.markdown-body h3 tt,
#toolInformationDiv.markdown-body h3 code,
#toolInformationDiv.markdown-body h4 tt,
#toolInformationDiv.markdown-body h4 code,
#toolInformationDiv.markdown-body h5 tt,
#toolInformationDiv.markdown-body h5 code,
#toolInformationDiv.markdown-body h6 tt,
#toolInformationDiv.markdown-body h6 code {
	padding: 0 .2em;
	font-size: inherit
}

#toolInformationDiv.markdown-body summary h1,
#toolInformationDiv.markdown-body summary h2,
#toolInformationDiv.markdown-body summary h3,
#toolInformationDiv.markdown-body summary h4,
#toolInformationDiv.markdown-body summary h5,
#toolInformationDiv.markdown-body summary h6 {
	display: inline-block
}

#toolInformationDiv.markdown-body summary h1 .anchor,
#toolInformationDiv.markdown-body summary h2 .anchor,
#toolInformationDiv.markdown-body summary h3 .anchor,
#toolInformationDiv.markdown-body summary h4 .anchor,
#toolInformationDiv.markdown-body summary h5 .anchor,
#toolInformationDiv.markdown-body summary h6 .anchor {
	margin-left: -40px
}

#toolInformationDiv.markdown-body summary h1,
#toolInformationDiv.markdown-body summary h2 {
	padding-bottom: 0;
	border-bottom: 0
}

#toolInformationDiv.markdown-body ul.no-list,
#toolInformationDiv.markdown-body ol.no-list {
	padding: 0;
	list-style-type: none
}

#toolInformationDiv.markdown-body ol[type="a s"] {
	list-style-type: lower-alpha
}

#toolInformationDiv.markdown-body ol[type="A s"] {
	list-style-type: upper-alpha
}

#toolInformationDiv.markdown-body ol[type="i s"] {
	list-style-type: lower-roman
}

#toolInformationDiv.markdown-body ol[type="I s"] {
	list-style-type: upper-roman
}

#toolInformationDiv.markdown-body ol[type="1"] {
	list-style-type: decimal
}

#toolInformationDiv.markdown-body div>ol:not([type]) {
	list-style-type: decimal
}

#toolInformationDiv.markdown-body ul ul,
#toolInformationDiv.markdown-body ul ol,
#toolInformationDiv.markdown-body ol ol,
#toolInformationDiv.markdown-body ol ul {
	margin-top: 0;
	margin-bottom: 0
}

#toolInformationDiv.markdown-body li>p {
	margin-top: 1rem
}

#toolInformationDiv.markdown-body li+li {
	margin-top: .25em
}

#toolInformationDiv.markdown-body dl {
	padding: 0
}

#toolInformationDiv.markdown-body dl dt {
	padding: 0;
	margin-top: 1rem;
	font-size: 1em;
	font-style: italic;
	font-weight: 600
}

#toolInformationDiv.markdown-body dl dd {
	padding: 0 1rem;
	margin-bottom: 1rem
}

#toolInformationDiv.markdown-body table th {
	font-weight: 600
}

#toolInformationDiv.markdown-body table th,
#toolInformationDiv.markdown-body table td {
	padding: 6px 13px;
	border: 1px solid #d1d9e0
}

#toolInformationDiv.markdown-body table td>:last-child {
	margin-bottom: 0
}

#toolInformationDiv.markdown-body table tr {
	background-color: #fff;
	border-top: 1px solid #d1d9e0b3
}

#toolInformationDiv.markdown-body table tr:nth-child(2n) {
	background-color: #f6f8fa
}

#toolInformationDiv.markdown-body table img {
	background-color: transparent
}

#toolInformationDiv.markdown-body img[align=right] {
	padding-left: 20px
}

#toolInformationDiv.markdown-body img[align=left] {
	padding-right: 20px
}

#toolInformationDiv.markdown-body .emoji {
	max-width: none;
	vertical-align: text-top;
	background-color: transparent
}

#toolInformationDiv.markdown-body span.frame {
	display: block;
	overflow: hidden
}

#toolInformationDiv.markdown-body span.frame>span {
	display: block;
	float: left;
	width: auto;
	padding: 7px;
	margin: 13px 0 0;
	overflow: hidden;
	border: 1px solid #d1d9e0
}

#toolInformationDiv.markdown-body span.frame span img {
	display: block;
	float: left
}

#toolInformationDiv.markdown-body span.frame span span {
	display: block;
	padding: 5px 0 0;
	clear: both;
	color: #1f2328
}

#toolInformationDiv.markdown-body span.align-center {
	display: block;
	overflow: hidden;
	clear: both
}

#toolInformationDiv.markdown-body span.align-center>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: center
}

#toolInformationDiv.markdown-body span.align-center span img {
	margin: 0 auto;
	text-align: center
}

#toolInformationDiv.markdown-body span.align-right {
	display: block;
	overflow: hidden;
	clear: both
}

#toolInformationDiv.markdown-body span.align-right>span {
	display: block;
	margin: 13px 0 0;
	overflow: hidden;
	text-align: right
}

#toolInformationDiv.markdown-body span.align-right span img {
	margin: 0;
	text-align: right
}

#toolInformationDiv.markdown-body span.float-left {
	display: block;
	float: left;
	margin-right: 13px;
	overflow: hidden
}

#toolInformationDiv.markdown-body span.float-left span {
	margin: 13px 0 0
}

#toolInformationDiv.markdown-body span.float-right {
	display: block;
	float: right;
	margin-left: 13px;
	overflow: hidden
}

#toolInformationDiv.markdown-body span.float-right>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: right
}

#toolInformationDiv.markdown-body code,
#toolInformationDiv.markdown-body tt {
	padding: .2em .4em;
	margin: 0;
	font-size: 85%;
	white-space: break-spaces;
	background-color: #818b981f;
	border-radius: 6px
}

#toolInformationDiv.markdown-body code br,
#toolInformationDiv.markdown-body tt br {
	display: none
}

#toolInformationDiv.markdown-body del code {
	text-decoration: inherit
}

#toolInformationDiv.markdown-body samp {
	font-size: 85%
}

#toolInformationDiv.markdown-body pre code {
	font-size: 100%
}

#toolInformationDiv.markdown-body pre>code {
	padding: 0;
	margin: 0;
	word-break: normal;
	white-space: pre;
	background: transparent;
	border: 0
}

#toolInformationDiv.markdown-body .highlight {
	margin-bottom: 1rem
}

#toolInformationDiv.markdown-body .highlight pre {
	margin-bottom: 0;
	word-break: normal
}

#toolInformationDiv.markdown-body .highlight pre,
#toolInformationDiv.markdown-body pre {
	padding: 1rem;
	overflow: auto;
	font-size: 85%;
	line-height: 1.45;
	color: #ffffff;
	background-color: #3c3c3c;
	border-radius: 6px
}

#toolInformationDiv.markdown-body pre code,
#toolInformationDiv.markdown-body pre tt {
	display: inline;
	max-width: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	line-height: inherit;
	word-wrap: normal;
	background-color: transparent;
	border: 0
}

#toolInformationDiv.markdown-body .csv-data td,
#toolInformationDiv.markdown-body .csv-data th {
	padding: 5px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	white-space: nowrap
}

#toolInformationDiv.markdown-body .csv-data .blob-num {
	padding: 10px .5rem 9px;
	text-align: right;
	background: #fff;
	border: 0
}

#toolInformationDiv.markdown-body .csv-data tr {
	border-top: 0
}

#toolInformationDiv.markdown-body .csv-data th {
	font-weight: 600;
	background: #f6f8fa;
	border-top: 0
}

#toolInformationDiv.markdown-body [data-footnote-ref]:before {
	content: "["
}

#toolInformationDiv.markdown-body [data-footnote-ref]:after {
	content: "]"
}

#toolInformationDiv.markdown-body .footnotes {
	font-size: 12px;
	color: #59636e;
	border-top: 1px solid #d1d9e0
}

#toolInformationDiv.markdown-body .footnotes ol {
	padding-left: 1rem
}

#toolInformationDiv.markdown-body .footnotes ol ul {
	display: inline-block;
	padding-left: 1rem;
	margin-top: 1rem
}

#toolInformationDiv.markdown-body .footnotes li {
	position: relative
}

#toolInformationDiv.markdown-body .footnotes li:target:before {
	position: absolute;
	top: -.5rem;
	right: -.5rem;
	bottom: -.5rem;
	left: -1.5rem;
	pointer-events: none;
	content: "";
	border: 2px solid #0969da;
	border-radius: 6px
}

#toolInformationDiv.markdown-body .footnotes li:target {
	color: #1f2328
}

#toolInformationDiv.markdown-body .footnotes .data-footnote-backref g-emoji {
	font-family: monospace
}

#toolInformationDiv.markdown-body body:has(:modal) {
	padding-right: var(--dialog-scrollgutter) !important
}

#toolInformationDiv.markdown-body .pl-c {
	color: #59636e
}

#toolInformationDiv.markdown-body .pl-c1,
#toolInformationDiv.markdown-body .pl-s .pl-v {
	color: #0550ae
}

#toolInformationDiv.markdown-body .pl-e,
#toolInformationDiv.markdown-body .pl-en {
	color: #6639ba
}

#toolInformationDiv.markdown-body .pl-smi,
#toolInformationDiv.markdown-body .pl-s .pl-s1 {
	color: #1f2328
}

#toolInformationDiv.markdown-body .pl-ent {
	color: #0550ae
}

#toolInformationDiv.markdown-body .pl-k {
	color: #cf222e
}

#toolInformationDiv.markdown-body .pl-s,
#toolInformationDiv.markdown-body .pl-pds,
#toolInformationDiv.markdown-body .pl-s .pl-pse .pl-s1,
#toolInformationDiv.markdown-body .pl-sr,
#toolInformationDiv.markdown-body .pl-sr .pl-cce,
#toolInformationDiv.markdown-body .pl-sr .pl-sre,
#toolInformationDiv.markdown-body .pl-sr .pl-sra {
	color: #0a3069
}

#toolInformationDiv.markdown-body .pl-v,
#toolInformationDiv.markdown-body .pl-smw {
	color: #953800
}

#toolInformationDiv.markdown-body .pl-bu {
	color: #82071e
}

#toolInformationDiv.markdown-body .pl-ii {
	color: #f6f8fa;
	background-color: #82071e
}

#toolInformationDiv.markdown-body .pl-c2 {
	color: #f6f8fa;
	background-color: #cf222e
}

#toolInformationDiv.markdown-body .pl-sr .pl-cce {
	font-weight: 700;
	color: #116329
}

#toolInformationDiv.markdown-body .pl-ml {
	color: #3b2300
}

#toolInformationDiv.markdown-body .pl-mh,
#toolInformationDiv.markdown-body .pl-mh .pl-en,
#toolInformationDiv.markdown-body .pl-ms {
	font-weight: 700;
	color: #0550ae
}

#toolInformationDiv.markdown-body .pl-mi {
	font-style: italic;
	color: #1f2328
}

#toolInformationDiv.markdown-body .pl-mb {
	font-weight: 700;
	color: #1f2328
}

#toolInformationDiv.markdown-body .pl-md {
	color: #82071e;
	background-color: #ffebe9
}

#toolInformationDiv.markdown-body .pl-mi1 {
	color: #116329;
	background-color: #dafbe1
}

#toolInformationDiv.markdown-body .pl-mc {
	color: #953800;
	background-color: #ffd8b5
}

#toolInformationDiv.markdown-body .pl-mi2 {
	color: #d1d9e0;
	background-color: #0550ae
}

#toolInformationDiv.markdown-body .pl-mdr {
	font-weight: 700;
	color: #8250df
}

#toolInformationDiv.markdown-body .pl-ba {
	color: #59636e
}

#toolInformationDiv.markdown-body .pl-sg {
	color: #818b98
}

#toolInformationDiv.markdown-body .pl-corl {
	text-decoration: underline;
	color: #0a3069
}

#toolInformationDiv.markdown-body [role=button]:focus:not(:focus-visible),
#toolInformationDiv.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
#toolInformationDiv.markdown-body button:focus:not(:focus-visible),
#toolInformationDiv.markdown-body summary:focus:not(:focus-visible),
#toolInformationDiv.markdown-body a:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none
}

#toolInformationDiv.markdown-body [tabindex="0"]:focus:not(:focus-visible),
#toolInformationDiv.markdown-body details-dialog:focus:not(:focus-visible) {
	outline: none
}

#toolInformationDiv.markdown-body g-emoji {
	display: inline-block;
	min-width: 1ch;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
	font-size: 1em;
	font-style: normal !important;
	font-weight: 400;
	line-height: 1;
	vertical-align: -.075em
}

#toolInformationDiv.markdown-body g-emoji img {
	width: 1em;
	height: 1em
}

#toolInformationDiv.markdown-body .task-list-item {
	list-style-type: none
}

#toolInformationDiv.markdown-body .task-list-item label {
	font-weight: 400
}

#toolInformationDiv.markdown-body .task-list-item.enabled label {
	cursor: pointer
}

#toolInformationDiv.markdown-body .task-list-item+.task-list-item {
	margin-top: .25rem
}

#toolInformationDiv.markdown-body .task-list-item .handle {
	display: none
}

#toolInformationDiv.markdown-body .task-list-item-checkbox {
	margin: 0 .2em .25em -1.4em;
	vertical-align: middle
}

#toolInformationDiv.markdown-body ul:dir(rtl) .task-list-item-checkbox {
	margin: 0 -1.6em .25em .2em
}

#toolInformationDiv.markdown-body ol:dir(rtl) .task-list-item-checkbox {
	margin: 0 -1.6em .25em .2em
}

#toolInformationDiv.markdown-body .contains-task-list:hover .task-list-item-convert-container,
#toolInformationDiv.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
	display: block;
	width: auto;
	height: 24px;
	overflow: visible;
	clip: auto
}

#toolInformationDiv.markdown-body ::-webkit-calendar-picker-indicator {
	filter: invert(50%)
}

#toolInformationDiv.markdown-body .markdown-alert {
	padding: .5rem 1rem;
	margin-bottom: 1rem;
	color: inherit;
	border-left: .25em solid #d1d9e0
}

#toolInformationDiv.markdown-body .markdown-alert>:first-child {
	margin-top: 0
}

#toolInformationDiv.markdown-body .markdown-alert>:last-child {
	margin-bottom: 0
}

#toolInformationDiv.markdown-body .markdown-alert .markdown-alert-title {
	display: flex;
	font-weight: 500;
	align-items: center;
	line-height: 1
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-note {
	border-left-color: #0969da
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
	color: #0969da
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-important {
	border-left-color: #8250df
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
	color: #8250df
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-warning {
	border-left-color: #9a6700
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
	color: #9a6700
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-tip {
	border-left-color: #1a7f37
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
	color: #1a7f37
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-caution {
	border-left-color: #cf222e
}

#toolInformationDiv.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
	color: #d1242f
}

#toolInformationDiv.markdown-body>*:first-child>.heading-element:first-child {
	margin-top: 0 !important
}

#toolInformationDiv.markdown-body .highlight pre:has(+.zeroclipboard-container) {
	min-height: 52px
}
/** markdown styles end **/

/* Push main content below the fixed 48px navbar so it doesn't render underneath,
   AND make the wrapper fill the viewport vertically so the page background doesn't
   end short of the viewport bottom (leaving a visible gap below the content). */
body > #main-wrapper > .page-wrapper,
.page-wrapper {
	padding-top: 48px;
	min-height: 100vh;
	box-sizing: border-box;
}

/* ----------------- Top Navbar — compact 48px style ------------------ */
.topbar {
	background-color: #ffffff;
	border-bottom: 1px solid #e2e8f0;
	box-shadow: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	z-index: 100;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.topbar .top-navbar {
	min-height: 48px;
	height: 48px;
	margin: 0;
	padding: 0 24px;
	box-shadow: none;
	display: flex;
	align-items: center;
	gap: 24px;
}

.topbar #logoIcon {
	height: 24px !important;
	width: auto;
	display: block;
}

.topbar .navbar-collapse#menu {
	height: 48px;
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.topbar .top-navbar ul.custom-top {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 24px;
	height: 48px;
}

.topbar .top-navbar ul.custom-top > .nav-item {
	list-style: none;
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0;
	margin: 0;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link,
.topbar .top-navbar ul.custom-top > .nav-item > .nav-link {
	color: #334155 !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 0;
	margin: 0;
	height: 48px;
	display: inline-flex;
	align-items: center;
	border-bottom: 2px solid transparent;
	background: transparent;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s ease, border-color 0.15s ease, font-weight 0.15s ease;
}

.topbar .top-navbar ul.custom-top > .nav-item > .nav-link:hover {
	color: #0b66ce !important;
}

.topbar .top-navbar ul.custom-top > .nav-item > .nav-link.active {
	color: #0b66ce !important;
	border-bottom-color: #0b66ce;
	font-weight: 600;
}

.topbar .top-navbar ul.custom-top .data-studio-down-img {
	height: 6px;
	width: 10px;
	margin-left: 6px;
}

/* High-specificity overrides — text in nav items occasionally rendered
   top-aligned after click/focus events because Bootstrap's `.nav-link
   { display: block; padding: .5rem 1rem }` and various focus/active state
   rules win specificity battles. Pinning every dimension and using
   `line-height = height` (the classic vertical-centering trick that
   doesn't rely on `align-items` resolving for anonymous text nodes)
   keeps the items rock-solid centered regardless of state. */
.topbar #topBarLinks.custom-top {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 24px !important;
	height: 48px !important;
	/* margin-right: auto preserves Bootstrap's `mr-auto` behavior so the
	   right-side <ul> gets pushed all the way to the right edge of #menu.
	   Setting `margin: 0 !important` (as before) overrode that and made
	   the icon cluster huddle right after Knowledge Graph. */
	margin: 0 auto 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.topbar #topBarLinks.custom-top > li.nav-item:not(.hide) {
	display: flex !important;
	align-items: center !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Re-assert .hide semantics — the !important block above would otherwise
   unhide any .nav-item.hide entry (e.g. the Home link). */
.topbar #topBarLinks.custom-top > li.nav-item.hide {
	display: none !important;
}

/* Allow the entire bar to be hidden (e.g. the no-tenant / no-account state):
   the `display: flex !important` rule above would otherwise keep #topBarLinks
   (and its Knowledge Graph link) visible when addHideClass() adds `hide`. */
.topbar #topBarLinks.custom-top.hide {
	display: none !important;
}

.topbar #topBarLinks.custom-top > li.nav-item > a.nav-link {
	display: block !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #334155 !important;
	border-bottom: 2px solid transparent !important;
	background: transparent !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.topbar #topBarLinks.custom-top > li.nav-item > a.nav-link:hover {
	color: #0b66ce !important;
}

.topbar #topBarLinks.custom-top > li.nav-item > a.nav-link.active {
	color: #0b66ce !important;
	border-bottom-color: #0b66ce !important;
	font-weight: 600 !important;
}
/* ----------------- Top Navbar end ------------------ */