/* Voiztrail Theme */
.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #f8ab2f !important;
}
/*tab colors*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-color: #faa61a #c5d0dc transparent;
    border-top: 1px solid #faa61a;
}
.dropdown-yellow > li:hover > a, .dropdown-yellow > li > a:focus, .dropdown-yellow > li > a:active, .dropdown-yellow > li.active > a, .dropdown-yellow > li.active:hover > a {
	background: #fee188;
	color: #444
}
/*Vo*/
.navbar {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 3px solid orange !important;
}
 /* 
.ui-slider-orange .ui-slider-range {
	background-color: #F59942 !important;
}

.ui-slider-orange .ui-slider-handle {
	border-color: #F59942 !important;
}

.select2-container--krajee.select2-container--focus .select2-selection, .select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-dropdown {
	box-shadow: none !important;
	border-color: #F59942 !important;
}  
	 */
/*Text Dec with Color*/
.text_decoration_none_color {
	text-decoration: none !important;
	color:#303030;
}
.text_decoration_none_color:hover {
	text-decoration: none !important;
	color:#303030;
}
.text_decoration_none_color:focus {
	text-decoration: none !important;
	color:#303030;
}
.display_inline_block {
	display: inline-block !important;
}
.display_inline_block:active {
	background: #e4e6e9 !important;
}
.display_inline_block:focus {
	background: #e4e6e9 !important;
}
.breadcrumbs {
	border-bottom: none!important;
	background-color: #f1f4f5!important;
}

.jcider-nav span {
	transition: all 300ms;	
	font-size: 25px!important;	
}

.jcider-nav-left:hover::before{	
transition: all 300ms;	
font-size:40px;	
}

.jcider-nav-right:hover::before{	
transition: all 300ms;	
font-size:40px;	
}


[class^="jcider-"]::before, [class*=" jcider-"]::before {
  font-family: FontAwesome !important;
  line-height: 1;
}

.jcider-nav-right::before {
  content: "\f054" !important;
}
.jcider-nav-left::before {
  content: "\f053" !important;
}

.brk_wrd {
	word-break:break-all!important;
}
/* AI Assist Chat CSS*/
.chat-container {
	display: flex;
	height: 80vh;
	border: 0;
	margin-top: 0;
}

.chat-sidebar {
	width: 250px;
	background-color: #f4f4f4;
	padding: 15px;
	border-right: 1px solid #ccc;
	overflow-y: auto;
}

.chat-main {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.chat-box {
	flex: 1;
	padding: 15px;
	overflow-y: auto;
	background: #fff;
	position: relative;
}

.chat-input-area {
	border-top: 1px solid #ccc;
	padding: 10px;
	display: flex;
}

	.chat-input-area textarea {
		flex: 1;
		resize: none;
		padding: 8px;
	}

	.chat-input-area button {
		margin-left: 10px;
		padding: 8px 12px;
	}

.chat-bubble {
	padding: 10px;
	border-radius: 10px;
	margin: 8px 0;
	max-width: 80%;
}

	.chat-bubble.user {
		background-color: #d1e7dd;
		align-self: flex-end;
	}

	.chat-bubble.agent {
		background-color: #f8d7da;
		align-self: flex-start;
	}

.message {
	margin-bottom: 16px;
	display: flex;
}

	.message.user .bubble {
		background-color: #eeeeee;
		color: #111;
		align-self: flex-end;
		margin-left: auto;
	}

	.message.assistant .bubble {
		background-color: #e6f3ff;
		color: #666;
		align-self: flex-start;
		margin-right: auto;
	}

		.message.assistant .bubble.error {
			background-color: #ffe5e5;
			color: #a94442;
			font-style: italic;
			align-self: flex-start;
			margin-right: auto;
		}

.bubble {
	padding: 12px 16px;
	border-radius: 12px;
	max-width: 75%;
	line-height: 1.5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.llm-response {
	background: #fdfdfd;
	border-left: 4px solid #007bff;
	padding: 15px;
	border-radius: 6px;
	font-family: Arial, sans-serif;
}

	.llm-response ol {
		margin: 0;
		padding-left: 20px;
	}

	.llm-response li {
		margin-bottom: 10px;
	}

.loader {
	color: #666;
	font-style: italic;
	font-size: 14px;
	padding: 10px;
	text-align: center;
}

.typing-indicator {
	display: flex;
	gap: 4px;
	align-items: center;
	padding: 10px 16px;
	margin: 10px 10px;
	background-color: #e6f3ff;
	border-radius: 12px;
	width: fit-content;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	animation: fadeIn 0.3s ease-in-out;
}

	.typing-indicator span {
		width: 8px;
		height: 8px;
		background: #999;
		border-radius: 50%;
		animation: blink 1.4s infinite both;
	}

		.typing-indicator span:nth-child(2) {
			animation-delay: 0.2s;
		}

		.typing-indicator span:nth-child(3) {
			animation-delay: 0.4s;
		}

@keyframes blink {
	0%, 80%, 100% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}
}


/* copy button */
.copy-btn {
	border: none;
	background: none;
	font-size: 14px;
	cursor: pointer;
	color: #555;
}

	.copy-btn:hover {
		color: #000;
	}

.copy-tooltip {
	position: absolute;
	top: -28px;
	right: 0;
	background-color: #000;
	color: #fff;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
}

	.copy-tooltip.show {
		opacity: 1;
	}