/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*
	awal
	untuk font preview
 */
@font-face {
	font-family: "Sarabun";
	src: url(/reports/_next/static/media/Sarabun-Regular.acd57112.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Sarabun";
	src: url(/reports/_next/static/media/Sarabun-Bold.030a9698.ttf);
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Sarabun";
	src: url(/reports/_next/static/media/Sarabun-BoldItalic.bc18a980.ttf);
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "Sarabun";
	src: url(/reports/_next/static/media/Sarabun-Italic.a6cb5006.ttf);
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Poppins-Bold";
	src: url(/reports/_next/static/media/Poppins-Bold.6661decf.ttf);
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Poppins-SemiBold";
	src: url(/reports/_next/static/media/Poppins-SemiBold.25e2553a.ttf);
	font-weight: bold;
	font-style: normal;
}

/*
	akhir
	untuk font preview
 */

:root {
	--bandbased-first-section-radius: 12px;
}

.fontStylePreview {
	font-family: "Sarabun", sans-serif;
}

.fontPoppinsBold {
	font-family: "Poppins-Bold", sans-serif;
	color: #454f5b;
}

.fontPoppinsSemiBold {
	font-family: "Poppins-SemiBold", sans-serif;
}

#cfmlTable {
	text-align: left;
}

#cfmlTable table,
#cfmlTable th,
#cfmlTable td {
	padding: 1rem;
	border-collapse: collapse;
	font-family: "Sarabun", sans-serif !important;
}

#cfmlTable td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

#cfmlTable th {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

#cfmlTable table {
	font-size: 12px;
	border: none;
}

.MuiTable-root {
	font-size: 13px !important;
}

.MuiTableContainer-root.table-preview {
	padding: 0.3rem !important;
}

.MuiTable-root tr th.capitalize {
	text-transform: capitalize;
}

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

.react-flow__node p {
	font-size: 14px;
}

.react-flow__renderer.report-layout .react-flow__nodes {
	position: relative !important;
	top: -3.25rem !important;
	padding-top: 1.25rem !important;
}

.react-flow__renderer.report-layout .react-flow__edges {
	top: -3.25rem !important;
}

.react-flow__renderer .react-flow__nodes {
	position: relative !important;
}

/* .tabGen {
	width: inherit !important;
} */

/*
	awal
	untuk style preview
	task redesign preview
 */
.multiHeaderTablePrint {
	display: table-row-group !important;
	/* margin-bottom: 2rem; */
}

/* untuk tabel yang panjang ke kanan dan mentok, di kasih space di kanan */
.table-space-right {
	border-right: 20px solid #fff !important;
}

/* untuk CFML report kalau tidak ada data */
.nodata {
	text-align: center;
	border: 1px solid rgba(145, 158, 171, 0.24) !important;
	font-weight: 400;
	color: gray;
	/* font-family: "Sarabun", sans-serif !important; */
}

.filter-setting-style {
	margin-top: 16px !important;
}

.filter-setting-disable-style {
	margin-top: 0px !important;
}

.filter-setting-style .label-filter {
	color: #637381 !important;
}

.filter-setting-style .value-filter {
	color: #212b36 !important;
}

.text-align-left {
	text-align: left !important;
}

.text-align-right {
	text-align: right !important;
}

.text-align-center {
	text-align: center !important;
}

#multilineheader-id.multilineheader tr th {
	/* padding-top: .25rem;
	padding-bottom: .25rem; */
	/* border: 1px solid rgba(145, 158, 171, 0.24); */
	background-color: #ebeff8;
	/* font-family: "Sarabun", sans-serif !important; */
}

#multilineheader-id,
#multilineheader-id.multilineheader.preview {
	font-size: 12px !important;
	white-space: nowrap;
	/* display: table-row-group; */
}

#multilineheader-id th,
#multilineheader-id.multilineheader.preview th {
	padding: 5px 12px;
	font-weight: bold;
	font-size: 14px;
	color: #212b36;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
}

#multilineheader-id.multilineheader.preview th:first-child {
	border-left: none;
}

#multilineheader-id.multilineheader.preview th:last-child:not(:first-child) {
	border-right: none;
}

#multilineheader-id.multilineheader.preview tr:last-child th:last-child {
	border-right: none;
}

#multilinebody-id.multilinebody.preview tr {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: inherit !important;
}

#multilinebody-id.multilinebody.preview tr:nth-child(even) {
	background-color: #f4f6f8;
}

#multilinebody-id.multilinebody.preview tr.odd {
	background-color: #ffffff !important;
}

#multilinebody-id.multilinebody.preview tr.even {
	background-color: #f4f6f8 !important;
}

#multilinebody-id.multilinebody.preview tr td {
	border: none;
	vertical-align: middle;
	padding: 5px 12px;
	font-size: 14px;
}

#multilinebody-id.multilinebody tr th.capitalize {
	text-transform: capitalize;
}

#cfmlTable {
	font-family: "Sarabun", sans-serif !important;
}

/* #multilinebody-id.multilinebody tr {
		height: 36px;
		font-size: 0.875rem;
		line-height: 1.5rem;
		font-weight: 900;
	} */

div.signature {
	border: 1px solid #aeb6bd;
	overflow: hidden;
	font-size: 12px;
	position: relative;
}

div.signature-warning {
	border: 1px solid #f54d4d;
	overflow: hidden;
	font-size: 12px;
	position: relative;
}

div.signature:not(:first-child) {
	border-left: none;
}

div.signature-print {
	display: flex;
	flex-direction: column;
	background-color: #ebeff8;
	padding: 4px 12px;
	color: #637381;
	/* border-top-right-radius: 8px;
	border-top-left-radius: 8px; */
}

div.signature-position {
	min-width: 150px;
	height: 105px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	background-color: white;
	font-size: 13px;
	border-radius: 8px;
}

div.signature-position > span {
	margin-bottom: 8px;
	padding: 0 10px;
	color: #637381;
}

/* awal dari mas amal */
#multilineheader-id.multilineheader.preview th,
#multilineheader-id th {
	text-align: left;
}

#multilinefooter-id,
#multilinefooter-id.multilinefooter.preview {
	font-size: 12px !important;
	white-space: nowrap;
}

.multilinefooter.preview {
	font-size: 12px !important;
}

tfoot.multilinefooter {
	background-color: #f4f6f8;
}

#multilinefooter-id.multilinefooter.preview td,
#multilinefooter-id th {
	padding: 5px 12px;
	font-weight: 700;
	font-size: 14px;
	color: #212b36;
	border: 1px solid #dfdfdf;
}

#multilinefooter-id.multilinefooter tr td {
	background-color: #ebeff8;
}

#multilinefooter-id.multilinefooter.preview td:first-child {
	border-left: none;
}

#multilinefooter-id.multilinefooter.preview td:last-child:not(:first-child),
#multilinefooter-id.multilinefooter.preview tr:last-child td:last-child {
	border-right: none;
}

.num,
.text-num,
.xlnum {
	text-align: right !important;
}

.sub-header {
	font-size: 12px !important;
	white-space: nowrap;
}

.sub-header,
.sub-header tr {
	background-color: #fff !important;
}

.sub-header td,
.sub-header th {
	padding: 5px 12px;
	font-weight: 700;
	font-size: 14px;
	color: #212b36;
	border: 1px solid #dfdfdf !important;
}

.sub-header tr td {
	background-color: #fff !important;
}

.sub-header td:first-child {
	border-left: none !important;
}

.sub-header td:last-child:not(:first-child),
.sub-header tr:last-child td:last-child {
	border-right: none !important;
}

th[colspan]:not(#multilineheader-id.multilineheader.preview th, #multilineheader-id th) {
	text-align: center !important;
}

#page_header.section-focus,
#report_title.section-focus,
#report_header.section-focus,
#report_detail.section-focus,
#report_summary.section-focus,
#footer_header.section-focus {
	border: 2px dashed #395ebc;
	background-color: #e5eaf6 !important;
	position: relative;
}

/* akhir dari mas amal */

@media print {
	.watermark-bandbased {
		position: fixed !important;
	}

	.page-break-after {
		page-break-after: always !important;
	}

	.page-break-before {
		page-break-before: always !important;
	}

	.page-break-inside tr {
		page-break-inside: avoid !important;
	}

	#multilineheader-id.multilineheader tr th {
		background-color: #fff;
	}

	#multilinebody-id.multilinebody.preview tr:nth-child(even) {
		background-color: #fff;
	}

	tr.sub-header,
	tr.sub-header tr {
		background-color: #fff !important;
	}

	#multilinebody-id.multilinebody.preview tr {
		border-bottom: 1px solid #bbc2ca;
	}

	div.signature {
		border: 1px solid #a4abb1;
		background-color: #fff;
	}

	div.signature-print {
		border-bottom: 1.8px solid #a4abb1;
		background-color: #fff;
	}

	div.signature-position {
		background-color: white;
	}

	.filter-setting-style.divider-print {
		opacity: 0 !important;
	}

	.when-multipleheader {
		padding-top: 150px !important;
	}

	.when-not-multipleheader {
		padding-top: 80px !important;
	}

	.filter-setting-style .label-filter,
	div.signature-print,
	div.signature-position > span {
		color: #323a41;
	}

	/*
	.signature-box {
		padding-top: 7rem;
	} */

	#multilineheader-id th,
	#multilineheader-id.multilineheader.preview th {
		font-size: 12px;
	}

	#multilinebody-id.multilinebody.preview tr td {
		font-size: 12px;
		/* border-bottom: 1px solid #ffffff; */
	}
}

/*
	akhir
	untuk style preview
	task redesign preview
 */

/*
	awal
	untuk style kotak ttd di preview
	task redesign preview
 */
div.signature:nth-child(1):nth-last-child(1) {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

div.signature:nth-child(1):nth-last-child(2),
div.signature:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

div.signature:nth-child(2):nth-last-child(1),
div.signature:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/*
	akhir
	untuk style kotak ttd di preview
	task redesign preview
 */

/*
awal
task multilineheader
*/
thead.multilineheader {
	background-color: #f4f6f8;
}

.multilineheader tr th {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border: 1px solid rgba(145, 158, 171, 0.24);
}

.multilineheader.preview {
	font-size: 12px !important;
}

.multilineheader.preview tr th {
	border: 0.25px solid rgba(145, 158, 171, 0.5);
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: inherit !important;
}

/* .multilineheader tr th { */
/* background-color: #F4F6F8 !important; */
/* border: .25px solid rgba(145, 158, 171, 0.5); */
/* text-transform: capitalize; */
/* } */

/* .multilineheader tr { */
/* height: 36px;
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-weight: 900; */
/* } */

/*
akhir
task multilineheader
*/

.layout-preview-drawer .drawer-report-options {
	position: fixed;
	z-index: 999;
	height: 100vh;
	background: white;
	width: 630px;
	top: 118px;
	right: -100%;
	/* padding: 1rem; */
	transition: all 0.45s ease-in-out !important;
	border-top: 0.5px solid #c5c8cb;
}

.layout-preview-drawer.redir-sf7 .drawer-report-options {
	top: 81px !important;
}

.layout-preview-drawer .drawer-report-options.open {
	right: 0;
}

.layout-preview-drawer .overlay {
	position: fixed;
	z-index: 999;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	width: 100%;
	top: 118px;
	right: 0%;
	padding: 1rem;
	visibility: hidden;
	transition: all 0.45s ease-in !important;
	opacity: 0;
}

.layout-preview-drawer.redir-sf7 .overlay {
	top: 81px !important;
}

.layout-preview-drawer .overlay.open {
	visibility: visible;
	opacity: 1;
}

.layout-preview-toolbar {
	width: 100% !important;
	position: fixed !important;
	z-index: 2 !important;
}

.layout-preview-toolbar .MuiPaper-root {
	width: 100% !important;
	left: 0 !important;
	border-radius: 0 !important;
	border-top: 0.5px solid #c5c8cb;
	background: white;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 56px !important;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%);
	overflow-y: hidden;
}

.no-box-shadow .MuiPaper-root {
	box-shadow: none;
}

.tesBG {
	background-color: red !important;
}

.layout-preview-toolbar .MuiPaper-root .MuiList-root {
	width: auto !important;
}

.layout-preview-toolbar .MuiPaper-root .MuiBox-root {
	max-height: 100% !important;
	/* width: 100% !important; */
}

.layout-preview-toolbar .MuiPaper-root .MuiBox-root .MuiList-root {
	display: flex !important;
	justify-content: flex-end !important;
}

.layout-preview-content.sf-rfisro {
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.layout-preview-content.sf-rfisro .sf-1l0auzo-MuiStack-root {
	padding-left: 0.5rem;
}

.layout-preview-content #idComponentPdf {
	padding-top: 65px;
	min-width: 100%;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.layout-preview-content #idComponentPdf div:nth-child(1):not(.signature) {
	overflow: unset;
	/* padding-bottom: 2rem; */
}

.layout-preview-content.empty-data {
	display: flex;
	justify-content: center;
}

.layout-preview-content.empty-data #idComponentPdf {
	width: 760px;
}

.layout-preview-modal-thumbnail .MuiBox-root {
	padding: 0 !important;
}

.ant-picker-dropdown {
	z-index: 99999;
}

.custom-color-check svg {
	color: grey !important;
}

.custom-color-check.checked svg path {
	color: #1890ff !important;
}

.MuiFilledInput-root {
	background: #ffffff;
	padding: 0 !important;
}

.subtotal-form .MuiSelect-select {
	background: transparent !important;
}

.ant-picker-clear {
	right: 18px !important;
}

.datepicker-transparent div:nth-child(1) {
	margin-top: 0 !important;
}

.datepicker-transparent .ant-picker {
	background: transparent;
}

.MuiLinearProgress-root {
	height: 28px;
	background: #f4f6f8 !important;
}

.MuiLinearProgress-root .MuiLinearProgress-bar {
	background: #ffffff !important;
}

.MuiRadio-root span {
	color: #637381 !important;
}

.MuiRadio-root span svg {
	color: #637381 !important;
}

.MuiRadio-root.Mui-checked span {
	color: #1890ff !important;
}

.MuiRadio-root.Mui-checked span svg {
	color: #1890ff !important;
}

.preview-toolbar .MuiListItemButton-root.active::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100px;
	background: #f4f6f8;
	z-index: -1;
	left: 0;
}

.MuiListItemButton-root {
	transition: all 0.15s ease-in-out !important;
}

.MuiListItemButton-root.active {
	background: #f4f6f8;
	transition: all 0.15s ease-in-out !important;
}

.old-preview-toolbar {
	height: inherit !important;
}

/* .layout-preview-content {
	display: flex;
	align-items: center;
	justify-content: center;
} */

.mask-image {
	overflow: hidden !important;
	padding-bottom: 0 !important;
}

/* main.MuiBox-root {
	margin-top: 64px !important;
} */

.icon-transform {
	transition: all 0.15s ease-in-out !important;
	transform: rotate(90deg) !important;
}

.icon-transform.active {
	transition: all 0.15s ease-in-out !important;
	transform: rotate(270deg) !important;
}

.icon-transform.left {
	transition: all 0.15s ease-in-out !important;
	transform: rotate(180deg) !important;
}

.back-button {
	padding: 0 !important;
}

.back-button:hover {
	background: transparent !important;
	border-radius: 50%;
}

.back-button .MuiListItemIcon-root {
	margin-right: 0;
}

.MuiInput-root.default .MuiSelect-select {
	color: #919eab;
}

.list-item-w-icon svg {
	/* display: none; */
	opacity: 0;
}

.list-item-w-icon:hover svg {
	/* display: block; */
	opacity: 1;
}

.list-item-value li {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

.form.w-clear-indicator svg {
	width: 14px !important;
	background: rgba(0, 0, 0, 0.25) !important;
	border-radius: 50% !important;
	height: 15px !important;
	color: white !important;
	padding: 2px !important;
}

.no-origin-company:nth-child(1) {
	border-top: 0.5px solid #919eab !important;
}

/* drawer ant-design */
.ant-drawer-content-wrapper {
	height: 440px !important;
}

.sc-filter-period input {
	/* display: none; */
	font-size: 14px !important;
}

.MuiFormLabel-asterisk {
	color: red;
}

.form-label {
	color: #919eab !important;
}

.box-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box-scheduler:hover .box-overlay {
	visibility: visible;
	opacity: 1;
	transition: all 0.25s ease-in-out !important;
}

.SplitPane.horizontal.split-band-section {
	height: inherit !important;
	width: 100% !important;
	/* padding-bottom: 16px; */
}

.Resizer.horizontal.split-band-section {
	z-index: 10;
}

.MuiFormControl-root.no-underline .MuiInput-root::before {
	border-bottom: none !important;
}

.MuiFormControl-root.no-underline .MuiInput-root::after {
	border-bottom: none !important;
}

.pinned-column {
  position: sticky;
  right: 0;
  background-color: white;
  z-index: 1;
	min-width: none;
	padding: 0 8px;
  box-shadow: 0 3px 5px 0 rgba(41,85,115,.21)
}

/* CHATBOT */
.chatbot .MuiBackdrop-root {
	background: none !important;
}

.chatbot .MuiPaper-root {
	/* border-top-right-radius: 24px;
	border-bottom-right-radius: 24px; */
	border-radius: 24px;
	height: 98%;
	top: 1%;
	left: 1%;
	overflow: hidden;
}

.chatbot .resize-icon {
	position: absolute;
	width: 20px;
	height: 26px;
	right: 0;
	z-index: 9999999999999999999;
	top: 45%;
	background: rgb(196, 205, 213);
	border-radius: 4px;
}

.chatbot .resize-icon svg {
	transform: rotate(90deg);
}

.chatbot .header {
	height: 60px;
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%) !important;
	z-index: 9;
	position: relative;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

.chatbot .header .header-action .MuiButtonBase-root {
	margin-right: 0;
}

.chatbot .small-text {
	font-size: 12px;
}

.chatbot .bold-text {
	font-weight: bold;
	color: #395ebc;
}

.chatbot .body {
	position: absolute;
	top: 0;
	background: #ebeff8;
	width: 100%;
	margin-top: 60px;
	height: 100%;
	padding-bottom: 240px !important;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}

.chatbot .footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	height: 90px;
	padding: 20px;
	display: flex;
	align-items: center;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%);
	transition: all 2s ease;
}

.chatbot .footer.focus .MuiBox-root input {
	border: 1px solid #5e81d7 !important;
	transition: all 2s ease;
}

.chatbot .footer .MuiBox-root {
	display: flex;
	align-items: center;
}

.chatbot .footer .MuiBox-root input {
	padding-right: 50px !important;
}

.chatbot .footer .MuiBox-root .MuiButton-root {
	position: absolute;
	right: 15px;
	cursor: pointer;
	color: #afafaf !important;
	background: transparent;
	box-shadow: none;
}

.chatbot .footer .MuiBox-root .MuiButton-root .MuiTouchRipple-root {
	display: none;
}

.chatbot .footer .MuiBox-root .MuiSvgIcon-root:hover {
	color: #5e81d7 !important;
}

.chatbot .footer .MuiFormControl-root {
	width: 100%;
}

.chatbot .footer .MuiFormControl-root input {
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-radius: 18px;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px !important;
}

.chatbot .footer .MuiFormControl-root .MuiInput-underline::before {
	border: none !important;
}

.chatbot .footer .MuiFormControl-root .MuiInput-underline::after {
	border: none !important;
}

.chatbot form {
	width: 100% !important;
}

.chatbot .chat-container {
	flex: 1 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.chatbot .chat-container .chat-wrapper.user {
	display: flex;
	justify-content: flex-end;
}

.chatbot .chat-bubble {
	margin: 10px 0;
	/* padding: 10px; */
	max-width: 70%;
	/* border: 1px solid darkseagreen; */
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

.chatbot .chat-bubble .chat-time {
	font-weight: bold;
	font-size: 12px !important;
}

.chatbot .chat-bubble.user {
	border-radius: 20px 0px 20px 20px;
}

.chatbot .chat-bubble.user .chat-bubble-content span {
	font-size: 14px !important;
}

.chatbot .chat-bubble.system {
	border-radius: 20px 20px 20px 0px;
	max-width: 90% !important;
	margin-top: 6px !important;
}

.chatbot .chat-bubble.loader {
	border-radius: 20px 20px 20px 0px;
	background: #ffffff;
	width: 100px;
	width: 56px;
	padding-left: 15px;
	height: 30px;
	display: flex;
	align-items: center;
}

.chatbot .chat-bubble.loader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
}

.chatbot .chat-bubble.error {
	border-radius: 20px 20px 20px 0px;
	color: #ba3939;
	background: #ffe0e0;
	border: 1px solid #a33a3a;
}

.chatbot .chat-bubble.system .chat-bubble-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 8px;
}

.chatbot .chat-bubble.user .chat-bubble-content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.chatbot .chat-bubble .chat-bubble-content p {
	font-size: 14px;
}

.chatbot .chat-bubble .chat-bubble-content span {
	font-size: 12px;
	/* color: #aab4c8; */
}

.chatbot .chat-bubble .chat-bubble-content {
	display: flex;
	align-items: center;
}

.chatbot .chat-bubble.user .MuiAvatar-root {
	margin-left: 12px;
}

.chatbot .chat-bubble.system .MuiAvatar-root {
	margin-right: 12px;
}

.chatbot .chat-bubble.user {
	background: #395ebc;
	color: #ffffff;
	align-self: flex-end;
}

.chatbot .chat-bubble.system {
	background-color: white;
	align-self: flex-start;
}

.chatbot .chatbot-suggestion {
	position: absolute;
	bottom: 150px;
}

.chatbot .chatbot-suggestion .MuiChip-root {
	border: 0.25px solid #395ebc;
	background: #ffffff;
	color: #395ebc;
}

.chatbot .chatbot-suggestion .chatbot-suggestion-stack {
	width: 100%;
	overflow: auto;
}

.chat-suggested {
	padding-bottom: 4px;
	padding-top: 4px;
	background: #ffffff;
	border-radius: 11px;
	font-size: 14px !important;
}

.chat-suggested .MuiListItemButton-root {
	padding: 0;
}

.chat-suggested .MuiListItemButton-root:hover {
	background: none;
}

.chat-suggested .MuiListItem-root {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.chat-suggested .MuiListItem-root:hover {
	color: #395ebc;
}

.chat-suggested .MuiListItem-root:last-child {
	border-bottom: none;
}

.chat-suggested .MuiListItem-root.Mui-disabled {
	opacity: 1;
}

.chat-suggested .MuiListItemButton-root .MuiListItemText-root.title-text span {
	color: #395ebc;
	font-weight: bold;
}

.chatbot .chat-bubble.system .chat-bubble-content article ul {
	list-style: disc;
	padding-left: 18px !important;
}

.chatbot .chat-bubble.system .chat-bubble-content article ol {
	list-style: decimal;
	padding-left: 18px !important;
}

.chatbot .chat-bubble.system .chat-bubble-content article ul {
	margin: 0;
	padding: 0;
}

.chatbot .chat-bubble.system .chat-bubble-content article ol {
	margin: 0;
	padding: 0;
}

.chatbot .chat-bubble.system .chat-bubble-content article ul li {
	margin: 0;
	padding: 0;
}

.chatbot .chat-bubble.system .chat-bubble-content article {
	font-size: 14px;
}

.chatbot .chat-bubble.system .chat-bubble-content span {
	font-size: 14px;
}

.chatbot .report-assistant-icon {
	border-radius: 50% !important;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%);
}

.chatbot .suggested-icon {
	cursor: pointer;
	padding: 0;
	background: none;
	box-shadow: none;
	display: flex;
	justify-content: flex-end;
}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
	position: relative;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px !important;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite linear alternate;
	animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 1s;
}

.ai-toggle button {
	border-radius: 50%;
	min-width: inherit;
	padding: 10px;
	background: #395ebc;
}

@keyframes dot-flashing {
	0% {
		background-color: #395ebc;
	}

	50%,
	100% {
		background-color: rgba(152, 128, 255, 0.2);
	}
}

/* CHATBOT */
.report-filter-ai {
    position: relative;
    width: 630px;
    height: 100%;
}

.report-filter-ai .MuiBackdrop-root {
	background: none !important;
}

.report-filter-ai .MuiPaper-root {
	/* border-top-right-radius: 24px;
	border-bottom-right-radius: 24px; */
	border-radius: 24px;
	height: 98%;
	top: 1%;
	left: 1%;
	overflow: hidden;
}

.report-filter-ai .resize-icon {
	position: absolute;
	width: 20px;
	height: 26px;
	right: 0;
	z-index: 9999999999999999999;
	top: 45%;
	background: rgb(196, 205, 213);
	border-radius: 4px;
}

.report-filter-ai .resize-icon svg {
	transform: rotate(90deg);
}

.report-filter-ai .header {
	height: 60px;
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%) !important;
	z-index: 9;
	/* justify-content: space-between; */
	flex-direction: row;
	align-items: center;
    position: fixed;
    width: 630px;
}

.report-filter-ai .header .header-action  {
	position: absolute;
    right: 20px;
}

.report-filter-ai .header .header-action .MuiButtonBase-root {
	margin-right: 0;
}

.report-filter-ai .small-text {
	font-size: 12px;
}

.report-filter-ai .bold-text {
	font-weight: bold;
	color: #395ebc;
}

.report-filter-ai .body {
	position: absolute;
	top: 0;
	background: #ebeff8;
	width: 100%;
	margin-top: 60px;
	height: 100%;
	padding-bottom: 240px !important;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}

.report-filter-ai .footer {
	position: fixed;
	bottom: 0;
	width: 630px;
	background: #ffffff;
	height: 90px;
	padding: 20px;
	display: flex;
	align-items: center;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%);
	transition: all 2s ease;
}

.report-filter-ai .footer.focus .MuiBox-root input {
	border: 1px solid #5e81d7 !important;
	transition: all 2s ease;
}

.report-filter-ai .footer .MuiBox-root {
	display: flex;
	align-items: center;
}

.report-filter-ai .footer .MuiBox-root input {
	padding-right: 50px !important;
}

.report-filter-ai .footer .MuiBox-root .MuiButton-root {
	position: absolute;
	right: 15px;
	cursor: pointer;
	color: #afafaf !important;
	background: transparent;
	box-shadow: none;
}

.report-filter-ai .footer .MuiBox-root .MuiButton-root .MuiTouchRipple-root {
	display: none;
}

.report-filter-ai .footer .MuiBox-root .MuiSvgIcon-root:hover {
	color: #5e81d7 !important;
}

.report-filter-ai .footer .MuiFormControl-root {
	width: 100%;
}

.report-filter-ai .footer .MuiFormControl-root input {
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-radius: 18px;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px !important;
}

.report-filter-ai .footer .MuiFormControl-root .MuiInput-underline::before {
	border: none !important;
}

.report-filter-ai .footer .MuiFormControl-root .MuiInput-underline::after {
	border: none !important;
}

.report-filter-ai form {
	width: 100% !important;
}

.report-filter-ai .chat-container {
	flex: 1 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.report-filter-ai .chat-container .chat-wrapper.user {
	display: flex;
	justify-content: flex-end;
}

.report-filter-ai .chat-bubble {
	margin: 10px 0;
	/* padding: 10px; */
	max-width: 70%;
	/* border: 1px solid darkseagreen; */
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

.report-filter-ai .chat-bubble .chat-time {
	font-weight: bold;
	font-size: 12px !important;
}

.report-filter-ai .chat-bubble.user {
	border-radius: 20px 0px 20px 20px;
}

.report-filter-ai .chat-bubble.user .chat-bubble-content span {
	font-size: 14px !important;
}

.report-filter-ai .chat-bubble.system {
	border-radius: 20px 20px 20px 0px;
	max-width: 90% !important;
	margin-top: 6px !important;
}

.report-filter-ai .chat-bubble.loader {
	border-radius: 20px 20px 20px 0px;
	background: #ffffff;
	width: 100px;
	width: 56px;
	padding-left: 15px;
	height: 30px;
	display: flex;
	align-items: center;
}

.report-filter-ai .chat-bubble.loader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
}

.report-filter-ai .chat-bubble.error {
	border-radius: 20px 20px 20px 0px;
	color: #ba3939;
	background: #ffe0e0;
	border: 1px solid #a33a3a;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 8px;
}

.report-filter-ai .chat-bubble.user .chat-bubble-content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.report-filter-ai .chat-bubble .chat-bubble-content p {
	font-size: 14px;
}

.report-filter-ai .chat-bubble .chat-bubble-content span {
	font-size: 12px;
	/* color: #aab4c8; */
}

.report-filter-ai .chat-bubble .chat-bubble-content {
	display: flex;
	align-items: center;
}

.report-filter-ai .chat-bubble.user .MuiAvatar-root {
	margin-left: 12px;
}

.report-filter-ai .chat-bubble.system .MuiAvatar-root {
	margin-right: 12px;
}

.report-filter-ai .chat-bubble.user {
	background: #395ebc;
	color: #ffffff;
	align-self: flex-end;
}

.report-filter-ai .chat-bubble.system {
	background-color: white;
	align-self: flex-start;
}

.report-filter-ai .report-filter-ai-suggestion {
	position: absolute;
	bottom: 150px;
}

.report-filter-ai .report-filter-ai-suggestion .MuiChip-root {
	border: 0.25px solid #395ebc;
	background: #ffffff;
	color: #395ebc;
}

.report-filter-ai .report-filter-ai-suggestion .report-filter-ai-suggestion-stack {
	width: 100%;
	overflow: auto;
}

.chat-suggested {
	padding-bottom: 4px;
	padding-top: 4px;
	background: #ffffff;
	border-radius: 11px;
	font-size: 14px !important;
}

.chat-suggested .MuiListItemButton-root {
	padding: 0;
}

.chat-suggested .MuiListItemButton-root:hover {
	background: none;
}

.chat-suggested .MuiListItem-root {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.chat-suggested .MuiListItem-root:hover {
	color: #395ebc;
}

.chat-suggested .MuiListItem-root:last-child {
	border-bottom: none;
}

.chat-suggested .MuiListItem-root.Mui-disabled {
	opacity: 1;
}

.chat-suggested .MuiListItemButton-root .MuiListItemText-root.title-text span {
	color: #395ebc;
	font-weight: bold;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article ul {
	list-style: disc;
	padding-left: 18px !important;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article ol {
	list-style: decimal;
	padding-left: 18px !important;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article ul {
	margin: 0;
	padding: 0;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article ol {
	margin: 0;
	padding: 0;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article ul li {
	margin: 0;
	padding: 0;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content article {
	font-size: 14px;
}

.report-filter-ai .chat-bubble.system .chat-bubble-content span {
	font-size: 14px;
}

.report-filter-ai .report-assistant-icon {
	border-radius: 50% !important;
	box-shadow: 0 3px 5px 0 rgb(41 85 115 / 21%);
}

.report-filter-ai .suggested-icon {
	cursor: pointer;
	padding: 0;
	background: none;
	box-shadow: none;
	display: flex;
	justify-content: flex-end;
}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
	position: relative;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px !important;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite linear alternate;
	animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 8px !important;
	height: 8px !important;
	border-radius: 5px;
	background-color: #395ebc;
	color: #395ebc;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 1s;
}

.ai-toggle button {
	border-radius: 50%;
	min-width: inherit;
	padding: 10px;
	background: #395ebc;
}

@keyframes dot-flashing {
	0% {
		background-color: #395ebc;
	}

	50%,
	100% {
		background-color: rgba(152, 128, 255, 0.2);
	}
}

.content-spacing.compact .company-logo{max-height:35px !important;max-width:100px !important}.content-spacing.compact .company-name{font-size:14px !important}.content-spacing.compact .company-address{font-size:10px !important}.content-spacing.compact .report-name{font-size:14px !important;margin-top:10px !important}.content-spacing.compact .filter-info{margin-top:6px !important}.content-spacing.compact .table-preview .MuiTableHead-root th{padding:0px 4px !important;font-size:10px !important}.content-spacing.compact .table-preview .MuiTableBody-root td{padding:4px !important;font-size:10px !important;line-height:1.2;height:22px}.content-spacing.medium .company-logo{max-height:45px !important;max-width:150px !important}.content-spacing.medium .company-name{font-size:16px !important}.content-spacing.medium .company-address{font-size:12px !important}.content-spacing.medium .report-name{font-size:16px !important;margin-top:10px !important}.content-spacing.medium .filter-info{margin-top:8px !important}.content-spacing.medium .table-preview .MuiTableHead-root th{padding:4px 6px !important;font-size:12px !important}.content-spacing.medium .table-preview .MuiTableBody-root td{padding:6px !important;font-size:12px !important;line-height:1.5;height:24px}.content-spacing.spacious .company-logo{margin-right:14px;max-height:70px;max-width:200px}.content-spacing.spacious .company-name{font-size:22px}.content-spacing.spacious .company-address{font-size:14px}.content-spacing.spacious .report-name{margin-top:16px;font-size:18px}.content-spacing.spacious .filter-info{margin-top:16px}.content-spacing.spacious .table-preview .MuiTableHead-root th{padding:8px 12px;font-size:14px}.content-spacing.spacious .table-preview .MuiTableBody-root td{line-height:1.8}.table-preview.compact .MuiTableHead-root th{padding:0px 4px !important;font-size:10px !important}.table-preview.compact .MuiTableBody-root td{padding:4px !important;font-size:10px !important;line-height:1.2;height:22px}.table-preview.compact table tr td{padding:0px 4px !important;font-size:10px !important}.table-preview.compact table tr td img{max-height:35px !important;max-width:100px !important}.table-preview.medium .MuiTableHead-root th{padding:4px 6px !important;font-size:12px !important}.table-preview.medium .MuiTableBody-root td{padding:6px !important;font-size:12px !important;line-height:1.5;height:24px}.table-preview.medium table tr td{padding:4px 6px !important;font-size:12px !important}.table-preview.medium table tr td img{max-height:45px !important;max-width:150px !important}.table-preview.spacious .MuiTableHead-root th{padding:8px 12px;font-size:14px}.table-preview.spacious .MuiTableBody-root td{line-height:1.8}.table-preview.spacious table tr td{padding:8px 12px;font-size:14px}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}