/* Bootstrap variable customisation */

:root {
	--bs-border-radius: 20px;
	--bs-body-font-size: 14px;
}

@media (min-width: 577px) {
	:root {
		--bs-body-font-size: 14px;
	}
}

@media (min-width: 992px) {
	:root {
		--bs-body-font-size: 15px;
	}
}

[data-bs-theme=light] {
	--bs-primary: #0b57d0;
	--bs-primary-highlight: #0a4ab1;
	--bs-primary-rgb: 11, 87, 208;
	--bs-border-color: #D2DBF1;
	--bs-heading-color: #000;
	--bs-body-color: #333333;
	--bs-border-color-translucent: #D2DBF1;
	--bs-link-color: #495057;
	--bs-link-hover-color: #121217;
	--bs-secondary-bg: #f4f5fb;
	--bs-highlight-color: #3C4043;
	--bs-highlight-bg: #f4f5fb;
	--theme-switch-icon: url(../icons/moon-line.svg);
	--bs-gray-200: #E8EDF8;
	--bs-gray-100: #f5fAf5;
}

[data-bs-theme=dark] {
	--bs-link-color: #cdc5cd;
	--bs-heading-color: #fff;
	--bs-link-hover-color: #ffffff;
	--bs-highlight-color: #dee2e6;
	--bs-highlight-bg: #343a40;
	--theme-switch-icon: url(../icons/sun-line.svg);
	--bs-gray-200: rgba(255,255,255,0.08);
	--bs-gray-100: rgba(255,255,255,0.04);
	--bs-border-color-translucent: rgba(255,255,255,0.1);
	--bs-border-color: rgba(255,255,255,0.1);
}

body {
	font-family: "Inter", sans-serif;
	line-height: 20px;
	font-size: var(--bs-body-font-size);
	font-weight: 400;
	/* background-color: #FCFDFF; */
}

body.widget-embed {
	padding-bottom: 180px;
}

@media (min-width: 577px) {
	body {
		line-height: 22px;
	}
}

a {
	text-decoration: none;
}

.app-loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2000;
	background-color: #fff;
	display: none;
	align-items: center;
	justify-content: center;
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
}

[data-bs-theme=light] {
	.btn-primary {
		--bs-btn-hover-bg: var(--bs-primary-highlight);
		--bs-btn-hover-border-color: var(--bs-primary-highlight);
		--bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), 0.9);
		--bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), 0.9);
	}
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-border-width: 1.5px;
}

.btn-primary-alt {
	--bs-btn-color:var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-bg: rgba(11, 87, 208, 0.1);
	--bs-btn-hover-bg: rgba(11, 87, 208, 0.15);
}

.btn-primary-alt > i.icon {
	background-color: var(--bs-primary);
}

.form-control, .form-select {
	padding: 8px 20px;
	border-radius: 30px;
	font-weight: 400;
	line-height: 1;
	min-height: 45px;
	font-size: var(--bs-body-font-size);
}

[data-bs-theme="light"] input[type=text]::placeholder { color: rgba(0,0,0,0.5); }
[data-bs-theme="light"] input[type=text]::-webkit-input-placeholder { color: rgba(0,0,0,0.5); }
[data-bs-theme="light"] input[type=text]:-moz-placeholder { color: rgba(0,0,0,0.5); }
[data-bs-theme="light"] input[type=text]::-moz-placeholder { color: rgba(0,0,0,0.5); }
[data-bs-theme="light"] input[type=text]:-ms-input-placeholder { color: rgba(0,0,0,0.5); }

[data-bs-theme="dark"] input[type=text]::placeholder { color: rgba(255,255,255,0.3); }
[data-bs-theme="dark"] input[type=text]::-webkit-input-placeholder { color: rgba(255,255,255,0.3); }
[data-bs-theme="dark"] input[type=text]:-moz-placeholder { color: rgba(255,255,255,0.3); }
[data-bs-theme="dark"] input[type=text]::-moz-placeholder { color: rgba(255,255,255,0.3); }
[data-bs-theme="dark"] input[type=text]:-ms-input-placeholder { color: rgba(255,255,255,0.3); }

@media (min-width: 577px) {
	.form-control, .form-select {
		padding: 10px 20px;
	}
}

.form-control:focus, .form-select:focus {
	border-color: var(--bs-border-color-translucent);
	box-shadow: none;
}

textarea.form-control {
	min-height: 45px;
	resize: none;
}

h3 {
	font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0;
}

@media (min-width: 577px) {
	h3 {
		font-size: 16px;
		line-height: 22px;
	}
}

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

input,
button,
select,
optgroup,
textarea {
	line-height: 26px;
}

.navbar {
	padding: 0;
	height: 60px;
	background-color: var(--bs-body-bg);
	border-bottom: 1px solid var(--bs-border-color-translucent);
	--bs-navbar-nav-link-padding-x: 1rem;
	--bs-navbar-brand-font-size: 18px;
	position: sticky;
	top: 0;
	z-index: 100;
}

body.widget-embed .hide-in-widget {
	display: none !important;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .icon {
	-webkit-mask-image: url(../icons/close-large-line.svg);
    mask-image: url(../icons/close-large-line.svg);
}

.nav-underline {
	--bs-nav-underline-gap: 0.125rem;
}

.nav-underline .nav-link {
	border-bottom: none;
	position: relative;
}

.nav-underline .nav-link.active::after {
	content: '';
	position: absolute;
	width: 4px;
	height: 40px;
	top: 2.5px;
	right: -15px;
	background-color: var(--bs-primary);
	border-radius: 3px 0 0 3px;
}

@media (min-width: 576px) {
	.nav-underline .nav-link.active::after {
		height: 4px;
		bottom: -8px;
		top: auto;
		left: 12px;
		width: calc(100% - 24px);
		border-radius: 3px 3px 0 0;
	}
}

@media (min-width: 992px) {
	.navbar {
		height: 70px;
	}
	.nav-underline .nav-link.active::after {
		bottom: -13px;
	}
}

.navbar-brand {
	margin-right: 0;
	outline: 0;
	margin-top: 5px;
}

.navbar-brand .agami-logo {
	margin-left: 5px;
	height: 35px;
}

.agami-logo {
	height: 45px;
	aspect-ratio: 4.5 / 1;
	background-image: url(/images/benchmarks_logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

@media (min-width: 992px) {
	.agami-logo {
		height: 50px;
	}
}


[data-bs-theme=dark] .agami-logo {
	background-image: url(/images/benchmarks_logo_dark.svg);
}

@media (min-width: 992px) {
	.navbar-brand .agami-logo {
		height: 40px;
		width: auto;
	}
}

a {
	font-weight: 500;
}

@media (min-width: 577px) {
	.container, .container-lg, .container-xl, .container-fluid {
		--bs-gutter-x: 40px;
	}
}

.navbar .nav-underline .nav-link {
	display: flex;
	align-items: center;
	padding: 0 12px;
}

.navbar-nav .nav-link, .navbar .nav-icon-link, .nav-underline .nav-link {
	height: 45px;
	min-width: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 23px;
	font-weight: 500;
}

.nav-underline .nav-link.active {
	font-weight: 500;
}

.navbar .nav-icon-link .icon {
	background-color: var(--bs-highlight-color);
}

.navbar-nav .nav-link:hover, .navbar .nav-icon-link:hover, .nav-underline .nav-link:not(.active):hover {
	background-color: var(--bs-highlight-bg);
}

.wrapper-ai-search {
	padding: 45px 0;
}

.widget-embed .wrapper-ai-search {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	background-color: var(--bs-body-bg);
	z-index: 10;
	border-top: 1px solid var(--bs-border-color-translucent);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 576px) {
	.widget-embed .wrapper-ai-search {
		padding: 20px;
	}
}

.wrapper-txt-ai-search {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-radius: 35px;
	padding: 7px;
	position: relative;
	z-index: 1;
	border: 1px solid var(--bs-border-color-translucent);
}

@media (min-width: 577px) {
	.wrapper-txt-ai-search {
		padding: 7px;
	}
}

.wrapper-txt-ai-search .txt-input-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

.wrapper-txt-ai-search:has(.txt-ai-search:focus) {
	box-shadow: 0px 0px 0px 1px var(--bs-primary);
	transition: box-shadow 0.2s ease-in-out;
	border-color: var(--bs-primary);
}

.input {
	background-color: var(--bs-highlight-bg);
	border: 0;
	width: 100%;
	outline: 0;
	padding: 10px 15px;
	min-height: 45px;
	border-radius: 30px;
	border-radius: 20px;
}

@media (min-width: 577px) {
	.input {
		min-height: 45px;
		border-radius: 23px;
		padding: 10px 25px;
	}
}

.txt-ai-search {
	padding: 10px 15px;
	background-color: transparent;
	border-radius: 15px;
	resize: none;
	font-size: var(--bs-body-font-size);
}

@media (min-width: 577px) {
	.txt-ai-search {
		border-radius: 25px;
		line-height: 26px;
	}
	[data-bs-theme=dark] .txt-input-wrapper::before	 {
		filter: invert(100%);
	}
}

/* .dropdown-ai-search:not(.show) {
	display: none;
} */

.dropdown-ai-search .dropdown-list-wrapper {
	margin-top: 20px;
	display: grid;
	gap: 10px;
	grid-template-columns: 100%;
}

@media (min-width: 801px) {
	.dropdown-ai-search .dropdown-list-wrapper {
		grid-template-columns: minmax(auto, 50%) minmax(auto, 50%);
	}
}

.dropdown-ai-search .dropdown-list-wrapper .btn {
	gap: 10px;
	text-align: left;
	background-color: var(--bs-tertiary-bg);
	align-items: flex-start;
	padding: 13px 20px;
	border-radius: 20px;
}

.dropdown-ai-search .dropdown-list-wrapper .btn .icon {
	margin-top: 3px;
}

.dropdown-ai-search .dropdown-list-wrapper .btn .arrow-right-line {
	opacity: 0;
}

.dropdown-ai-search .dropdown-list-wrapper .btn:hover .arrow-right-line {
	opacity: 1;
}

.txt-input-wrapper:has(input.txt-ai-search:focus) ~ .dropdown-ai-search {
	display: block;
}

.dropdown-ai-search .dropdown-list-wrapper .dropdown-search-item .cs-wrapper {
	display: flex;
	gap: 10px;
	color: var(--bs-body-color);
}

.dropdown-ai-search .dropdown-list-wrapper .dropdown-search-item .cs-wrapper .icon-wrapper .icon {
	background-color: #fff;
	height: 20px;
	width: 20px;
	mask-size: 20px 20px;
}

.dropdown-ai-search .dropdown-list-wrapper .dropdown-search-item .type {
	color: var(--bs-secondary);
	margin-left: auto;
	text-transform: capitalize;
	font-size: 14px;
}

.btn {
	--bs-btn-font-weight: 500;
	--bs-btn-padding-x: 15px;
	--bs-btn-padding-y: 10px;
	--bs-btn-font-size: var(--bs-body-font-size);
	--bs-btn-line-height: 1.4;
	min-height: 45px;
	display: inline-flex;
	border-radius: 30px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

@media (min-width: 577px) {
	.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
		min-height: 45px;
	}
}

.btn.btn-lg {
	min-height: 60px;
	--bs-btn-padding-x: 25px;
	--bs-btn-font-size: 18px;
}

.btn.btn-sm {
	min-height: 40px;
	--bs-btn-padding-y: 5px;
	--bs-btn-font-size: var(--bs-body-font-size);
}

.btn-sm .icon, .btn-xs .icon {
	height: 20px;
	width: 20px;
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

.btn-lg .icon {
	height: 24px;
	width: 24px;
	-webkit-mask-size: 24px 24px;
	mask-size: 24px 24px;
}

.btn.btn-xs {
	min-height: 40px;
	--bs-btn-padding-y: 5px;
	--bs-btn-font-size: var(--bs-body-font-size);
}

.btn:not(.btn-toggle-icon) {
	gap: 8px;
}

.btn.btn-xs:not(.btn-toggle-icon) {
	gap: 4px;
}

.btn-primary .icon, .btn.btn-outline-primary:hover .icon, .btn-success .icon, .btn.btn-success:hover .icon {
	background-color: #fff;
}

.btn.btn-outline-primary .icon {
	background-color: var(--bs-primary) !important;
}

.btn.btn-toggle-icon .icon:not(.icon-visible) {
	max-width: 0;
	transition: max-width .1s;
	overflow: hidden;
}

.btn.btn-toggle-icon:hover, .btn.btn-toggle-icon:has(.icon.spin-icon) {
	gap: 10px;
}

.btn.btn-toggle-icon:hover .icon, .btn.btn-toggle-icon .icon.spin-icon {
	max-width: 24px;
	transition: max-width .1s;
}

.btn-lg {
	min-height: 60px;
	border-radius: 35px;
}

.footer-trending {
	height: 90px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 40px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.footer-trending .trending-label {
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 5px;
}

.footer-trending .companies-wrapper {
	flex: 1;
	height: 90px;
	display: flex;
	align-items: center;
	overflow-x: auto;
	position: relative;
}

.footer-trending .companies-wrapper:before {
	content: '';
	height: 90px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	min-width: 30px;
	position: sticky;
	left: 0;
	top: 0;
}

.footer-trending .companies-wrapper:after {
	content: '';
	height: 90px;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	min-width: 30px;
	position: sticky;
	right: 0;
	top: 0;
}

.tags-list-padding {
	padding: 0 20px 20px;
}

.tags-list {
	display: flex;
	align-items: center;
	gap: 15px;
}

.tags-list .tag-item {
	height: 45px;
	padding: 0 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--bs-highlight-color);
	cursor: pointer;
	border: 1px solid var(--bs-border-color-translucent);
	border-radius: 25px;
	text-decoration: none;
	white-space: nowrap;
}

.tags-list .tag-item:hover {
	color: var(--bs-body-color);
	border-color: var(--bs-highlight-color);
}

.tags-list .tag-item > i {
	height: 24px;
	width: 24px;
	mask-size: 24px 24px;
	background-size: 24px 24px;
	border-radius: 4px;
}

.tags-list:not(.show-icons) .tag-item > i, .tags-list:not(.show-icons) .tag-item > .industry-icon-wrapper {
	display: none;
}

.tags-list:not(.show-icons) .tag-item:hover > i, .tags-list:not(.show-icons) .tag-item:hover > .industry-icon-wrapper {
	display: flex;
}

.tags-list .tag-item > .industry-icon-wrapper > i.icon {
	background-color: #fff;
	mask-size: 20px 20px;
}

.industry-icon-wrapper {
	background-color: var(--bs-primary);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
}

.industry-icon-wrapper i {
	mask-repeat: no-repeat;
	height: 20px;
	width: 20px;
	mask-size: 20px 20px;
	background-color: #fff;
}

.dropdown-menu {
	--bs-dropdown-padding-x: 7px;
	--bs-dropdown-padding-y: 7px;
	--bs-dropdown-link-hover-color: var(--bs-body-color);
	border-color: var(--bs-border-color-translucent);
	--bs-dropdown-link-color: var(--bs-link-color);
}

@media (min-width: 577px) {
	.dropdown-menu {
		--bs-dropdown-padding-x: 10px;
		--bs-dropdown-padding-y: 10px;
	}
}

.dropdown-menu .dropdown-item {
	min-height: 45px;
	border-radius: 23px;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	gap: 12px;
	font-weight: 500;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
	background-color: var(--bs-highlight-bg);
	color: var(--bs-link-hover-color);
}

.dropdown-menu .dropdown-item > .icon {
	background-color: var(--bs-dropdown-link-color);
}

.dropdown-menu .dropdown-item:hover > .icon , .dropdown-menu .dropdown-item:focus > .icon {
	background-color: var(--bs-dropdown-link-hover-color);
}

.main-menu-dropdown {
	max-width: 450px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
}

.main-menu-dropdown .list-group {
	padding: 10px;
	gap: 5px;
}

.bg-light-3 {
	background-color: #FBFCFD;
}

.list-group {
	gap: 3px;
	border-radius: 20px;
	--bs-list-group-active-color: var(--bs-link-hover-color);
	--bs-list-group-active-bg: var(--bs-highlight-bg);
	--bs-list-group-color: var(--bs-link-color)

}

.list-group .list-group-item {
	border: 0;
	min-height: 45px;
	padding: 10px 15px;
	display: flex;
	gap: 10px;
	align-items: center;
	border-radius: 25px;
}

.list-group-item+.list-group-item.active {
	margin-top: 0;
}

@media (min-width: 577px) {
	.list-group .list-group-item {
		min-height: 45px;
		padding: 10px 20px;
	}
}

.list-dashboard-titles.list-group .list-group-item.active {
	background-color: var(--bs-list-group-bg);
}


.list-dashboard-titles.list-group .list-group-item .icon {
	opacity: 0;
	position: absolute;
	left: -15px;
}

.list-dashboard-titles.list-group .list-group-item.active .icon {
	opacity: 1;
}

.list-group .list-group-item:not(.active):hover {
	background-color: var(--bs-highlight-bg);
}

.color-gray-1 {
	color: var(--bs-highlight-color);
}

.color-gray-2 {
	color: var(--bs-secondary);
}

.color-gray-3 {
	color: #D1D1DB;
}

.search-body {
	min-height: calc(100vh - 120px);
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 110px;
}

@media (min-width: 992px) {
	.search-body {
		min-height: calc(100vh - 70px);
	}
}

.widget-embed .search-body {
	padding-bottom: 0;
}

.answer-wrapper {
	scroll-margin-top: 110px;
	padding: 15px 20px 20px 24px;
	border: 1px solid transparent;
	border-radius: 20px;
}

.answer-wrapper.added-in-export {
	border-color: var(--bs-border-color-translucent);
}

.answer-wrapper:hover {
	border: 1px solid var(--bs-border-color-translucent)
}

.answer-wrapper, .dashboard-insights-wrapper > .card {
	margin-top: 30px;
}

@media (min-width: 577px) {
	.answer-wrapper, .dashboard-insights-wrapper > .card {
		margin-top: 20px;
	}
}


.dashboard-insights-wrapper {
	flex: 1;
}

.dashboard-insights-wrapper > .answer-wrapper:first-child .btn-query-move-up,
.dashboard-insights-wrapper > .answer-wrapper:last-child .btn-query-move-down {
	display: none;
}

.card {
	--bs-card-border-radius: 20px;
	--bs-card-spacer-y: 15px;
	--bs-card-spacer-x: 15px;
}

.insight-card pre, .insight-card code {
	white-space: normal;
	font-family: "Inter", sans-serif;
	font-size: 16px;
}

.insight-card:not(:first-child) {
	margin-top: 20px;
}

@media (min-width: 577px) {
	.card {
		--bs-card-spacer-y: 25px;
		--bs-card-spacer-x: 25px;
	}
	.insight-card:not(:first-child) {
		margin-top: 30px;
	}
}

.asked-question-wrapper, .dashboard-question-wrapper, .suggested-question-wrapper {
	background-color: var(--bs-highlight-bg);
	padding: 10px;
	position: relative;
	min-height: 45px;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	text-decoration: none;
	gap: 10px;
	flex-grow: 1;
	font-weight: 500;
}

.asked-question-wrapper {
	border-radius: 15px 0 15px 15px;
	color: var(--bs-emphasis-color);
}

.dashboard-question-wrapper, .suggested-question-wrapper {
	border-radius: 0 15px 15px 15px;
}

.thinking-answer-wrapper {
	border: 1px solid var(--bs-border-color-translucent);
	border-radius: 0 15px 15px 15px;
	padding: 10px;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	padding: 0 20px;
	text-decoration: none;
}

@media (min-width: 577px) {
	.asked-question-wrapper {
		border-radius: 23px 0 23px 23px;
		flex-grow: 0;
	}
	.thinking-answer-wrapper, .dashboard-question-wrapper, .suggested-question-wrapper {
		border-radius: 0 23px 23px 23px;
		flex-grow: 0;
	}
}

.btn.btn-icon {
	width: 45px;
	height: 45px;
	padding: 0;
}

@media (min-width: 577px) {
	.btn.btn-icon {
		width: 45px;
		height: 45px;
	}
}

.btn.btn-sm.btn-icon {
	width: 45px;
	height: 45px;
	padding: 0;
}

.btn.btn-xs.btn-icon {
	width: 40px;
	height: 40px;
	padding: 0;
}

.btn.btn-default {
	color: var(--bs-highlight-color);
	text-decoration: none;
	border-color: var(--bs-border-color-translucent);
	background-color: var(--bs-body-bg);
}

.btn.btn-default:hover {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
	border-width: 2px;
}

.btn.btn-white {
	color: var(--bs-link-color);
	text-decoration: none;
	border-width: 0;
}

.btn.btn-white > i {
	background-color: var(--bs-link-color);
}

.btn.btn-white:hover {
	background-color: var(--bs-highlight-bg);
	color: var(--bs-link-hover-color);
}

.btn.btn-white:hover > i {
	background-color: var(--bs-link-hover-color);
}

.related-insights-wrapper {
	padding-top: 90px;
	padding-bottom: 90px;
}

.related-insights-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 20px;
}

.answer-preloader {
	transition: all .3s ease-out; 
	transform: translate(0,50px); 
	opacity: 0;
	padding-top: 40px;
}

.answer-preloader > .card {
	margin-top: 15px;
}

.answer-preloader.show {
	transform: none; 
	opacity: 1;
}

.preloader-text {
	height: 16px;
	background-color: var(--bs-highlight-bg);
	border-radius: 10px;
	animation: fading 1.5s infinite;
}

@media (min-width: 577px) {
	.preloader-text {
		height: 20px;
	}
}

.preloader-chart {
	height: 200px;
}

.preloader-text.preloader-text-80 {
	width: 80%;
}

.preloader-text.preloader-text-50 {
	width: 50%;
}

@keyframes fading {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: .5;
  }
  
  100% {
    opacity: 1;
  }
}

.answer-btns-wrapper {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.answer-btns-wrapper .separator {
	flex: 1 0;
	height: 1px;
}

[data-bs-theme=light] .answer-btns-wrapper .separator.left-separator {
	background: linear-gradient(90deg,rgba(210, 219, 241, 0) 0,rgb(210, 219, 241) 100%);
}

[data-bs-theme=light] .answer-btns-wrapper .separator.right-separator {
	background: linear-gradient(90deg, rgb(210, 219, 241) 0,rgba(210, 219, 241, 0) 100%);
}

[data-bs-theme=dark] .answer-btns-wrapper .separator.left-separator {
	background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.1) 100%);
}

[data-bs-theme=dark] .answer-btns-wrapper .separator.right-separator {
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0, rgba(255,255,255,0) 100%);
}

.spin-icon {
	animation-name: spin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}

@keyframes spin {
	from {
			transform:rotate(0deg);
	}
	to {
			transform:rotate(360deg);
	}
}

.wrapper-txt-feedback {
	border: 1px solid var(--bs-border-color-translucent);
	padding: 5px;
	border-radius: 35px;
}

.wrapper-txt-feedback input {
	border: 0;
}

.btn-check+.btn {
	border: 0;
}

.btn-check:checked+.btn {
	background-color: var(--bs-highlight-bg);	
}

.btn-check:checked+.btn .icon {
	background-color: var(--bs-body-color);
}

.table-responsive {
	border: 1px solid rgb(232, 237, 248);
	border-radius: 5px;
}

.table thead th {
	font-weight: 600;
	font-size: 14px;
	opacity: 0.8;
}

.table>:not(caption)>*>* {
	padding: 10px 20px;
}

.table > tbody > tr:last-child > td {
	border-bottom: 0;
}

.chart-table td, .chart-table th {
	white-space: nowrap;
}

.chart-table tbody tr:hover td {
	background-color: rgba(124,172,248,.05);
}

.markdown-render > :last-child {
	margin-bottom: 0;
}

.markdown-render h1, .markdown-render h2, h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 0;
}

.markdown-render h3, .markdown-render h4 {
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 5px;
	margin-top: 5px;
}

.markdown-render ul {
	padding-left: 15px;
	margin-top: 5px;
}

.markdown-render strong {
	font-weight: 500;
	color: var(--bs-heading-color);
}

.markdown-render ul {
	margin-bottom: 15px;
}

.markdown-render ul > li {
	margin-bottom: 5px;
}

.markdown-render hr {
	border-bottom-color: #E8EDF8;
}

.markdown-render table {
	margin-top: 10px;
}

.markdown-render a {
	color: var(--bs-link-color);
	text-decoration: underline;
}

.markdown-render a:hover {
	color: var(--bs-link-hover-color);
}


.chartjs-canvas {
	width: 100% !important;
}

@media (max-width: 576px) {
	.chartjs-canvas {
		height: 250px !important;
	}
}

.ag-paging-panel {
	justify-content: space-between;
	height: 60px !important;
}

@media screen and (max-width: 576px) {
	.ag-paging-panel {
		gap: 0;
	}
}

.ag-paging-row-summary-panel {
	margin-left: auto;
}

.ag-paging-page-summary-panel {
	gap: 0;
}

.ag-header-icon .ag-icon:before {
	background-color: var(--bs-link-color);
}

.ag-header-icon:hover .ag-icon:before {
	background-color: var(--bs-body-color);
}


.ag-pinned-left-header .ag-header-cell-resize {
	right: 0 !important;
}

.ag-input-field-input:focus, .ag-number-field-input:focus {
	box-shadow: none !important;
	outline: 0
}

.ag-center-cols-viewport::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.ag-center-cols-viewport::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.ag-paging-button {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	border-radius: 50% !important;
}

.ag-paging-button:not(.ag-disabled):hover {
	background-color: var(--bs-highlight-bg) !important;
}

@media screen and (max-width: 576px) {
	.ag-paging-button[data-ref="btFirst"], .ag-paging-button[data-ref="btLast"] {
		display: none;
	}
	
}

.ag-paging-description {
	margin: 0 10px;
}

.ag-header-cell-sortable .ag-header-cell-label .ag-header-cell-text {
	font-weight: 600;
	color: var(--bs-highlight-color);
}

.btn-grid-export {
	position: relative;
	margin-top: -51px;
	margin-bottom: 15px;
}

.form-label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: var(--bs-secondary);
	margin-bottom: 15px;
}

.form-label .icon {
	height: 24px;
	width: 24px;
	mask-size: 24px 24px;
	background-size: 24px 24px;
	background-color: var(--bs-secondary);
}

@media (max-width: 991px) {
	.dashboard-filters-collapse {
		position: fixed;
		bottom: 80px;
		left: 12px;
		right: 12px;
		z-index: 100;
	}
	.dashboard-filters-collapse .list-dashboard-titles {
		max-height: 400px;
		overflow-y: auto;
		padding: 20px;
		background-color: var(--bs-body-bg);
		border: 1px solid var(--bs-border-color);
		border-radius: var(--bs-border-radius);
	}
	.btn-jump-to-query {
		position: fixed;
		right: 25px;
		bottom: 25px;
		z-index: 10;
	}
	.btn-jump-to-query:not([aria-expanded="true"]) .close-line {
		display: none;
	}
	.btn-jump-to-query[aria-expanded="true"] .expand-up-down-line {
		display: none;
	}
}

@media (min-width: 992px) {
	.dashboard-filters-wrapper {
		position: sticky;
		top: 110px;
		display: block !important;
	}
	.shared-dashboard-filters-wrapper {
		position: sticky;
		top: 40px;
		display: block !important;
	}
}

.export-editor-enabled .btn-add-to-export {
	display: flex;
}

.added-in-export .btn-add-to-export, .export-editor-enabled .dropdown-edit-query, .btn-add-to-export, .btn-remove-from-ppt {
	display: none;
}

.export-editor-enabled .added-in-export .btn-remove-from-ppt {
	display: flex;
}

.btn-remove-from-ppt:hover > .icon {
	-webkit-mask-image: url(../icons/delete-bin-2-line.svg);
	mask-image: url(../icons/delete-bin-2-line.svg);
}

.export-editor-enabled .dropdown-download-query, .export-editor-enabled .btn-add-to-dashboard {
	display: none;
}

@media (min-width: 1200px) {
	.sidebar-export, .sidebar-excel {
		width: 350px;
		height: calc(100vh - 70px) !important;
		position: sticky;
		top: 70px;
		right: 0;
	}
}

@media (max-width: 1199px) {
	.sidebar-export, .sidebar-excel {
		border-top: 1px solid var(--bs-border-color);
		box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.20);
	}
	.sidebar-wrapper {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
}

@media (min-width: 1200px) {
	.export-editor-enabled .sidebar-wrapper, .excel-editor-enabled .sidebar-excel {
		border-left: 1px solid var(--bs-border-color);
	}
}

.nav-ppt .nav-item .btn-delete-ppt {
	opacity: 0 !important;
}

.nav-ppt .nav-item:hover .btn-delete-ppt {
	opacity: 1 !important;
}

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

hr {
	border-color: var(--bs-border-color-translucent);
	opacity: 1;
}

.card-users-activities {
	border-width: 0;
}

@media (min-width: 992px) {
	.card-users-activities {
		border-width: 1px;
	}
}

.content-scroll {
	outline: none; 
}

.excel-editor-enabled .btn-create-excel {
	display: none;
}

.excel-editor-enabled .btn-add-to-excel {
	display: flex;
}

.btn-add-to-excel, .insight-added-in-excel .btn-add-to-excel {
	display: none;
}

.btn-remove-from-excel {
	display: none;
}

.insight-added-in-excel .btn-remove-from-excel {
	display: flex;
}

.btn-suggestion {
	border: 1px solid var(--bs-border-color-translucent);
	border-radius: 0 15px 15px 15px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 10px 20px;
	color: var(--bs-link-color);
	text-decoration: none;
	gap: 3px;
}

.btn-suggestion .icon.arrow-right-line {
	background-color: var(--bs-link-color);
	opacity: 0;
}

.btn-suggestion:hover {
	color: var(--bs-body-color);
}

.btn-suggestion:hover .icon.arrow-right-line {
	background-color: var(--bs-body-color);
	opacity: 1;
}

.btn-remove-from-excel:hover > .icon {
	-webkit-mask-image: url(../icons/delete-bin-2-line.svg);
	mask-image: url(../icons/delete-bin-2-line.svg);
}

.excel-added .btn-add-to-excel, .btn-add-to-excel, .btn-remove-from-ppt {
	display: none;
}

.excel-editor-enabled .excel-added .btn-remove-from-excel {
	display: flex;
}

.nav-link-theme .icon {
	-webkit-mask-image: var(--theme-switch-icon);
	mask-image: var(--theme-switch-icon);
}

.widget-embed .nav-link-theme {
	margin-left: -15px;
}

.ag-theme-quartz {
	--ag-header-column-resize-handle-width: 4px !important;
	--ag-header-column-resize-handle-height: 45% !important;
	--ag-font-family: "Inter", sans-serif !important;
	--ag-font-size: var(--bs-body-font-size) !important;
	--ag-icon-size: 20px !important;
	--ag-border-radius: 14px !important;
	--ag-row-hover-color: #fafbfc !important;
	--ag-border-color: var(--bs-gray-200) !important;
	--ag-menu-border-color: var(--bs-gray-200) !important;
	--ag-header-background-color: var(--bs-body-bg) !important;
	--ag-background-color: var(--bs-body-bg) !important;
	--ag-foreground-color: var(--bs-body-color) !important;
	--ag-row-hover-color: var(--bs-highlight-bg) !important;
}

.border-gray-200 {
	border: 1px solid var(--bs-gray-200);
}

.nav-tabs {
	--bs-nav-tabs-border-width: 0;
	--bs-nav-tabs-border-radius: 50%;
	--bs-nav-tabs-link-active-bg: #f4f5fb;
	gap: 5px;
}

.nav-tabs .nav-link {
	border-radius: 23px;
	border-bottom: none;
	height: 45px;
	font-weight: 500;
}

@media (max-width: 576px) {
	.navbar-collapse {
		flex-grow: 0;
		position: fixed;
		background-color: var(--bs-body-bg);
		top: 60px;
		bottom: 0;
		left: 0;
		box-shadow: 7px 5px calc(100vw - 200px) rgba(0,0,0,0.05);
	}
	[data-bs-theme=light] {
		.navbar-collapse {
			box-shadow: 7px 5px calc(100vw - 200px) rgba(0,0,0,0.05);
		}
	}
	[data-bs-theme=dark] {
		.navbar-collapse {
			box-shadow: 7px 5px calc(100vw - 200px) rgba(0,0,0,0.3);
		}
	}
	.navbar-collapse.show, .navbar-collapse.collapsing {
		border-right: 1px solid var(--bs-border-color);
	}
	.navbar-collapse > .nav {
		width: 200px;
		padding: 15px;
	}
	.navbar-collapse > .nav > .nav-item > .nav-link {
		justify-content: flex-start;
	}
}

.table {
	--bs-table-border-color: var(--bs-gray-200);
}

.MJXp-display {
	margin: 0 !important;
	display: inline-block !important;
}

.MJXp-math {
	font-size: 16px !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 500 !important;
}

.popover {
	--bs-popover-font-size: var(--bs-body-font-size);
	--bs-popover-border-radius: var(--bs-border-radius-xl);
	box-shadow: var(--bs-box-shadow-sm);
}

.popover-dashboards {
	width: 350px;
}

.popover.popover-dashboards {
	--bs-popover-max-width: 95% !important;
}

.dashboards-dropdown-list .list-group-item .check-line {
	display: none;
}

.dashboards-dropdown-list .list-group-item.active .check-line {
	display: block;
}

.toast {
	--bs-toast-padding-x: 15px;
	--bs-toast-font-size: var(--bs-body-font-size);
	--bs-toast-box-shadow: var(--bs-box-shadow-sm);
	--bs-toast-bg: var(--bs-body-bg);
}

.text-bg-primary .icon {
	background-color: #fff;
}

.modal {
	--bs-modal-border-radius: var(--bs-border-radius-xl);
	--bs-modal-header-padding: 1rem 1.5rem;
}

.insights-wrapper {
	border-top-left-radius: 0;
}