@import url("https://s3.ap-south-1.amazonaws.com/data/genai/genai.css");

.zero-space,
.zero-space>.q-panel>.q-tab-panel {
	padding: 0px !important;
	margin: 0px !important;
}

.dz-tree>.q-tree__node>.q-tree__node-header {
	padding: 0px !important;
	margin-top: 0px !important;
	height: 28px !important;
}

.q-scrollarea__content {
	width: 100%;
}

.absolute-bottom {
	display: none !important;
}

.q-tab>.absolute-bottom {
	display: block !important;
}


.cnx-border-darker-1 {
	border: 1px solid rgba(0, 0, 0, 0.1)
}

.cnx-border-darker-2 {
	border: 1px solid rgba(0, 0, 0, 0.2)
}


.cnx-border-bottom-darker-1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.cnx-dz-item {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-rightNA: 10px solid rgba(0, 0, 0, 0.05) !important;
}

.cnx-dz-resizing {
	cursor: ew-resize !important;
}

.cnx-dz-selected-props {
	border: 1px solid rgba(33, 150, 243, 1) !important;
	border-rightNA: 10px solid rgba(33, 150, 243, 0.5) !important;
	cursor: pointer;

}

.cnx-dz-selected {
	border: 1px solid rgba(33, 150, 243, 1) !important;
	background-color: rgba(33, 150, 243, 0.05) !important;
	border-rightNA: 10px solid rgba(33, 150, 243, 0.5) !important;
	cursor: pointer;

}

.cnx-dz-selected-parent {
	border: 1px solid rgb(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.01);
	border-rightNA: 10px solid rgb(0, 0, 0, 0.1);
}

.cnx-dz-draggedon {
	border: 1px solid red !important;
	background-color: rgba(255, 0, 0, 0.04) !important;
}

.cnx-dz-dropcontent {
	border: 1px dotted rgb(0, 0, 0, 0.0) !important;
	background-color: rgba(0, 0, 0, 0.00);
	text-align: center;
	padding: 20px;
	font-size: larger;

}

.q-chip__content>.ellipsis>div>div>.item-app-name {
	display: none
}

.q-chip__content>.ellipsis>div>div>.item-app-version {
	display: block;
	color: rgb(150, 150, 150);
}

.q-item__section>div>div>div>.item-app-name {
	display: block;
	color: rgb(150, 150, 150);
}

.q-item__section>div>div>div>.item-app-version {
	display: none
}

.q-item__section>.filter-results>div>div>.item-app-name {
	display: block;
	color: rgb(200, 200, 200);
}

.q-item__section>.filter-results>div>div>.item-app-version {
	display: none;
}


@media screen {
	.print-printonly {
		display: none
	}
}

button {
	white-space: nowrap !important;
}

.print-fieldValue {
	position: absolute;
	top: 24px !important;
	left: 20px !important;

}

.btn-schema-tools {
	font-size: 12px !important;
}

.prnt-page {
	width: 960px !important;
}

.prntNA {
	display: block;
}



.prnt-col-12 {
	width: 100% !important;
}

.prnt-col-11 {
	width: 91.66% !important;
}

.prnt-col-10 {
	width: 83.33% !important;
}

.prnt-col-9 {
	width: 75% !important;
}

.prnt-col-8 {
	width: 66.66% !important;
}

.prnt-col-7 {
	width: 58.33% !important;
}

.prnt-col-6 {
	width: 50% !important;
}

.prnt-col-5 {
	width: 41.66% !important;
}

.prnt-col-4 {
	width: 33.33% !important;
}

.prnt-col-3 {
	width: 25% !important;
}

.prnt-col-2 {
	width: 16.66% !important;
}

.prnt-col-1 {
	width: 8.33% !important;
}

/*
	.prnt-col-12 { width:960px !important; }
	.prnt-col-11 { width:880px !important; }
	.prnt-col-10 { width:800px !important; }
	.prnt-col-9 { width:720px !important; }
	.prnt-col-8 { width:640px !important; }
	.prnt-col-7 { width:560px !important; }
	.prnt-col-6 { width:480px !important; }
	.prnt-col-5 { width:400px !important; }
	.prnt-col-4 { width:320px !important; }
	.prnt-col-3 { width:240px !important; }
	.prnt-col-2 { width:160px !important; }
	.prnt-col-1 { width:80px !important; }
	*/

.prnt-container {
	width: 960px !important;
	padding: 0px !important;
}

@media print {

	body {
		overflow: visible;
	}

	.q-field {
		break-inside: avoid !important;
	}

	.q-field__focusable-action {
		display: none;
	}


	.print-content {
		width: 980px !important;
	}

	.print-printonly {
		display: block
	}

	.print-always {
		display: block
	}

	.print-never {
		display: none
	}

	.cnx-button {
		display: none !important;
	}

	.q-select__dropdown-icon {
		display: none !important;
	}

	.cnx-input-action {
		display: none !important;
	}

	button {
		display: none
	}

	.pageBreakAfter {
		page-break-after: always;
	}

	.pageBreakBefore {
		page-break-before: always;
	}

	.q-table__bottom {
		display: none;
	}

	.cnx-list-editicon {
		display: none;
	}


	.noPageBreak {
		page-break-inside: avoid;
	}



	.gap-half {
		width: 2.8% !important;
	}

	.gap-1 {
		width: 4.16% !important;
	}

	.gap-2 {
		width: 16% !important;
	}

	.gap-preq {
		width: 16.66% !important;
	}

	.gswidth {
		width: 300px;
	}

	.issuelanewidth {
		width: 12.5% !important;
	}

	.avataruserrow {
		width: 16% !important;
		padding: 2px !important;
	}

	.avatarvideotab {
		width: 12% !important;
		padding: 2px !important;
	}

	.avatarverysmall {
		width: 8% !important;
		padding: 2px !important;
	}

	.avatarsmall {
		width: 12% !important;
		padding: 3px !important;
	}

	.avatarmedium {
		width: 18% !important;
		padding: 4px !important;
	}

	.avatar {
		width: 24% !important;
		padding: 6px !important;
	}

	.settingsavatar {
		width: 41.66% !important;
		padding: 6px !important;
	}

	.avatarprofile {
		width: 16.66%% !important;
		padding: 8px !important;
	}

	.mobileonly {
		display: none !important;
	}

	.widthquarter {
		width: 2% !important;
	}

	.widthhalf {
		width: 4.16% !important;
	}

	.width3quarter {
		width: 6.25% !important;
	}

	.widthone {
		width: 8.33% !important;
	}

	.widthonehalf {
		width: 12.5% !important;
	}

	.widthtwo {
		width: 16.66% !important;
	}

	.widthtwo1q {
		width: 18.745% !important;
	}

	.widthtwohalf {
		width: 20.3% !important;
	}

	.widththree {
		width: 25% !important;
	}

	.widththreehalf {
		width: 29.167% !important;
	}

	.widthfour {
		width: 33.33% !important;
	}

	.widthfourhalf {
		width: 37.5% !important;
	}

	.widthkeyword1 {
		width: 39% !important;
	}

	.widthkeyword11 {
		width: 47% !important;
	}

	.widthkeyword12 {
		width: 53% !important;
	}

	.widthkeyword2 {
		width: 61% !important;
	}

	.widthfive {
		width: 41.66% !important;
	}

	.widthfive1q {
		width: 43.745% !important;
	}

	.widthsix {
		width: 50% !important;
	}

	.widthsix3q {
		width: 56.2475% !important;
	}

	.widthseven {
		width: 58.33% !important;
	}

	.widthseven3q {
		width: 62.5% !important;
	}

	.widtheight {
		width: 66.66% !important;
	}

	.widtheighthalf {
		width: 70.83% !important;
	}

	.widthnine {
		width: 75% !important;
	}

	.widthninehalf {
		width: 79.7% !important;
	}

	.widthtenhalf {
		width: 87.5% !important;
	}

	.widthten {
		width: 83.33% !important;
	}

	.widtheleven {
		width: 91.66% !important;
	}

	.widthelevenhalf {
		width: 95.83% !important;
	}

	.widtheleven3q {
		width: 97.91% !important;
	}

	.widthTL1 {
		width: 92.2% !important;
	}

	.widthTL2 {
		width: 7.3% !important;
	}

	.widthtwelve {
		width: 100% !important;
	}

	.pr-buttons-width {
		width: 100% !important;
	}

	.padding-8 {
		padding: 8px !important;
	}

	.padding-4 {
		padding: 4px !important;
	}

	.cnx-cover {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.gallery-cover {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}

	.overlapbottomcenter {
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: -150px !important;
	}

	.customReportTitle.q-pa-sm {
		padding: 8px;
		margin: auto 0px;
	}

	.customReportSubTitle.q-pa-sm {
		padding: 4px;
		margin: auto 0px;
	}

	.customReportSubTitle1.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle1s.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle1L.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle2.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle2TL.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle2TLWhite.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle2h.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle2hred.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportSubTitle3.q-pa-sm {
		padding: 0px 4px 0px 4px;
		margin: auto 0px;
	}

	.customReportSubTitle3h.q-pa-sm {
		padding: 0px 4px 0px 4px;
		margin: auto 0px;
	}

	.customReportDescriptionLeftHeader.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	// {padding:2px; margin: auto -2px auto 2px;}
	.customReportDescriptionLeft.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportDescriptionLefth.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportDescriptionRighth.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportDescriptionLeft2.q-pa-sm {
		padding: 0px 4px 0px 4px;
		margin: 18px 18px;
	}

	.customReportLabel.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportLabelLeft.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportValue.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportValueLeft.q-pa-sm {
		padding: 2px;
		margin: auto 0px;
	}

	.customReportValueLeftLarge.q-pa-sm {
		padding: 2px;
	}

	.customNoBorder.q-pa-sm {
		padding: 4px;
	}

	.customNoBorder.customReportDescriptionLeftHeader.q-pa-sm {
		padding: 2px;
	}

	.customReportSubTitle2.row {
		height: 205px !important;
	}

	.customReportSubTitle2TL.row {
		height: 180px !important;
	}

	.customReportSubTitle2TLWhite.row {
		height: 145px !important;
	}

	.customReportSubTitle2h.row {
		height: 53px !important;
	}

	.customReportSubTitle2hred.row {
		height: 53px !important;
	}

	.customReportSubTitle3.row {
		height: 96px !important;
	}

	.customReportSubTitle3h.row {
		height: 53px !important;
	}

	.customReportDescriptionLeftHeader.row {
		height: 52px !important;
	}

	.customReportDescriptionLeft.row {
		height: 52px !important;
	}

	.customReportDescriptionLefth.row {
		height: 53px !important;
	}

	.customReportDescriptionRighth.row {
		height: 53px !important;
	}

	.customReportDescriptionLeft2.row {
		height: 109px !important;
	}

	.customReportValueLeft>.row {
		height: 48px !important;
	}

	.customReportValueLeftLarge>.row {
		height: 48px !important;
	}

	.customReportTitle>div {
		color: Crimson !important;
		font-size: 24pt;
		font-weight: bold;
		text-align: center !important;
		padding: 12px;
	}

	.customReportSubTitle>div {
		color: Crimson !important;
		font-size: 15pt;
		font-weight: bold;
		text-align: left !important;
		padding: 12px;
	}

	.customReportSubTitle1>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 8px;
	}

	.customReportSubTitle1s>div {
		color: Crimson !important;
		font-size: 11.5pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 4px;
		white-space: normal;
		writing-mode: vertical-rl;
	}

	.customReportSubTitle1L>div {
		color: Crimson !important;
		font-size: 11pt;
		font-weight: bold;
		text-align: left !important;
		padding: 12px;
	}

	.customReportSubTitle2>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 8px;
		margin: auto 0px;
	}

	.customReportSubTitle2TL>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 8px;
		margin: auto 0px;
	}

	.customReportSubTitle2TLWhite>div {
		background-color: white !important;
		color: dark-grey !important;
		font-size: 12pt;
		font-weight: bold;
		text-align: left;
		padding: 16px;
	}

	.customReportSubTitle2h>div {
		color: dark-grey !important;
		font-size: 12pt;
		text-orientation: upright;
		padding: 8px;
		margin: auto 0px;
	}

	.customReportSubTitle2hred>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 8px;
		margin: auto 0px;
	}

	.customReportSubTitle3>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 6px;
		margin: auto 0px;
	}

	.customReportSubTitle3h>div {
		color: Crimson !important;
		font-size: 12pt;
		font-weight: bold;
		text-orientation: upright;
		padding: 2px;
		margin: auto 0px;
	}

	.customReportLabel>div {
		background-color: #eeeeee;
		color: DarkCyan !important;
		font-size: 12pt;
		font-weight: bold;
		text-align: center !important;
		border: 1px solid grey;
		padding: 12px;
	}

	.customReportValue>div {
		color: dark-grey !important;
		font-size: 11pt;
		text-align: center !important;
		border: 1px solid grey;
		padding: 12px;
	}

	.customReportLabelLeft>div {
		background-color: #eeeeee;
		color: DarkCyan !important;
		font-size: 12pt;
		font-weight: bold;
		text-align: left !important;
		border: 1px solid grey;
		padding: 11px;
	}

	.customReportValueLeft>div {
		background-color: #efefef;
		color: dark-grey !important;
		font-size: 11pt;
		text-align: left !important;
		border: 1px solid grey;
		padding: 12px;
	}

	.customReportValueLeftLarge>div {
		background-color: #efefef;
		color: dark-grey !important;
		font-size: 16pt;
		text-align: left !important;
		border: 1px solid grey;
		padding: 6px 12px 5px;
	}

	.customReportDescriptionLeftHeader>div {
		background-color: white;
		color: dark-grey !important;
		font-size: 11pt;
		text-align: left !important;
		border: 1px solid grey;
		padding: 3px 3px 3px 3px;
	}

	;
}

.customReportDescriptionLeftHeader>label {
	background-color: white;
	color: dark-grey !important;
	font-size: 11pt;
	text-align: left !important;
	border: 1px solid grey;
	padding: 3px 3px 3px 3px;
}

.customReportDescriptionLeft {
	background-color: white !important;
	color: dark-grey !important;
	font-size: 11pt;
	text-align: left !important;
	padding: 16px;
}

.customReportDescriptionLeft2 {
	background-color: white !important;
	color: dark-grey !important;
	font-size: 11pt;
	text-align: left !important;
	padding: 16px;
}

.customReportDescriptionLefth {
	background-color: white !important;
	color: dark-grey !important;
	font-size: 11pt;
	text-align: left !important;
	padding: 16px;
}

div>div>div>.customReportDescriptionRighth {
	background-color: white !important;
	color: dark-grey !important;
	font-size: 11pt;
	text-align: right !important;
	padding: 16px;
}

.customReportLabelRight {
	color: DarkCyan !important;
	font-size: 12pt;
	font-weight: bold;
	text-align: right !important;
}

.customReportValueRight {
	color: dark-grey !important;
	font-size: 10pt;
	font-style: italic;
	text-align: right !important;
}

.customTime {
	color: dark-grey !important;
	font-size: 12pt;
}

.customReportDescriptionLeftHeader>.print-fieldValue {
	border: none !important;
	top: 16px !important;
}

}

.timeline-cell {
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.timeline-cell-last {
	border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.timeline-cell-first {
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.timelineGroupHeader {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-left: 1px solid rgba(0, 0, 0, 0.5);
}

.timeline-group-print {
	max-width: 100px;
}

@page {
	margin: 0.5cm;
}


.flashit {
	color: rgba(255, 255, 255, 0.8);
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}

@-webkit-keyframes flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: .1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: .1;
	}

	100% {
		opacity: 1;
	}
}


.cnx-condtion-builder-tree-node {
	min-height: 24px !important;
}

.darken-on-over:hover {
	background-color: rgba(0, 0, 0, 0.7) !important;
	color: white !important;
}

.cnx-bg-01 {
	background-image: url("/images/bg/bbg-13.jpeg") !important;
	background-size: 100% 100%;
}

.cnx-bg-darker-1 {
	background-color: rgba(0, 0, 0, 0.02) !important;
}

.cnx-bg-darker-2 {
	background-color: rgba(0, 0, 0, 0.04) !important;
}

.cnx-bg-darker-3 {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.cnx-bg-darker-5 {
	background-color: rgba(0, 0, 0, 0.25) !important;
}

.cnx-bg-darker-7 {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.cnx-bg-lighter-1 {
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: white !important;
}

.cnx-bg-lighter-2 {
	background-color: rgba(255, 255, 255, 0.2) !important;
	color: white !important;
}

.cnx-chatmsg-lighter-1>div>div>.q-message-text--sent {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.cnx-iad-ui-element-btn {
	background-color: #323232;
	border-radius: 6px;
}

.cnx-iad-ui-element-label {
	white-space: normal;
	word-wrap: break-word;
	text-align: center;
	font-size: 12px;
}

.cnx-iad-ui-widgetstructure-card {
	background-color: #2F2F2F;
	border-radius: 6px;
	width: 100%;
}

.cnx-iad-ui-widgetstructure-searchbar {
	background-color: #1E1E1E;
	/* border: 1px solid#2F2F2F; */
	display: flex;
}

.cnx-iad-ui-widgetstructure-searchbar-input {
	background-color: #2F2F2F;
	border: 1px solid #5A5A5A;
}

.cnx-iad-ui-widgetstructure-searchbar-addbtn {
	background-color: #2165FF;
	font-weight: bold;
	font-size: 12px;
}

.cnx-iad-ui-proppanel-bg-dark {
	background-color: #1E1E1E;
}

.cnx-iad-ui-widgetstructure-addtab-selectopts {
	background-color: #323232;
}

.cnx-iad-ui-widgetstructure-q-tree {
	color: #C5C5C5;
}

.cnx-iad-ui-widgetstructure-addtab-addbtn {
	background-color: #2165FF;
	font-weight: bold;
	font-size: 12px;
}

.cnx-iad-ui-componentlibrary-list-items {
	background-color: #323232;
}

.cnx-iad-ui-layout-option {
	width: 100px;
	height: 60px;
}

.cnx-iad-ui-items-list-item {
	font-size: 14px;
}

.cnx-iad-ui-datamapping {
	background-color: rgb(255, 255, 255);
}

.cnx-iad-ui-datamapping-toolbar {
	background-color: rgba(0, 0, 0, 0.1);
}

.cnx-iad-ui-datamapping-mapping-menu-tab-panel {
	min-height: 300px;
	max-height: 300px;
}

.dark-border-1 {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.dark-border-bt-1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dark-border-tp-1 {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cnx-iad-ui-proppanel-mg-expanded {
	background-color: #323232;
}

.cnx-iad-ui-proppanel-header-group-expanded {
	background-color: #2F2F2F;
}

.cnx-iad-ui-proppanel-mg-icon,
.cnx-iad-ui-proppanel-group-icon,
.cnx-iad-ui-group-icon,
.cnx-iad-ui-group-items {
	min-width: 24px !important;
}

/* jquery.selectareas.css */

.select-areas-overlay {
	background-color: #000;
	overflow: hidden;
	position: absolute;
}

.blurred {
	/* filter: url("/filters.svg#blur2px"); */
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

.select-areas-outline {
	background: #fff url('../../../images/outline.gif');
	overflow: hidden;
}

.select-areas-resize-handler {
	background-color: #000;
	border: 1px #fff solid;
	height: 8px;
	width: 8px;
	overflow: hidden;
}

.select-areas-delete-area {
	background: url('../../../images/bt-delete.png');
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.delete-area {
	position: absolute;
	cursor: pointer;
	padding: 5px;
}

/* port styling */
.available-magnet {
	fill: #5DA271;
}

/* element styling */
.available-cell rect {
	stroke-dasharray: 5, 2;
}

.cnx-layout-header {
	background-color: white;
	color: black;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	height: 45px;
}

.cnx-layout-drawer {
	background-color: white;
	color: black;
	border1-left: 1px solid rgba(0, 0, 0, 0.1);
	border1-right: 1px solid rgba(0, 0, 0, 0.1);
}

.cnx-layout-page-content {
	background-color: rgba(0, 0, 0.1);
}

.cnx-pageBar {
	background-color: white;
	color: black;
	border-bottom1: 1px solid rgba(0, 0, 0, 0.1);
}

.messages-header-column-table {}

.messages-header-column-table td:first-child,
.messages-header-column-table th:first-child {
	background-color: rgb(255, 236, 179) !important;
	/* Background color for the first column */
	position: sticky;
	left: 0;
	z-index: 1;
	/* Z-index for the first sticky column */
}

.messages-header-column-table td:nth-child(2),
.messages-header-column-table th:nth-child(2) {
	background-color: rgb(255, 236, 179) !important;
	/* Background color for the second column */
	position: sticky;
	left: 72px;
	/* Adjust left offset based on the width of the first column */
	z-index: 1;
	/* Z-index for the second sticky column */
}

.messages-header-column-table tr:first-child th:first-child {
	z-index: 3;
	/* Highest z-index */
}

.messages-header-column-table th:nth-child(2) {
	z-index: 3 !important;
}

.messages-header-column-table tr th {
	position: sticky;
	z-index: 2;
	/* Higher than z-index for td below */
	background: #fff
}

/* This will be the loading indicator */
.messages-header-column-table thead tr:last-child th {
	top: 48px;
	/* Height of all previous header rows */
	z-index: 3;
	/* Highest z-index */
}

.messages-header-column-table thead tr:first-child th {
	top: 0;
	z-index: 1;
}

.messages-header-column-table tbody {
	scroll-margin-top: 48px;
	/* Prevent scrolling behind sticky top row on focus */
}

.cnx2-chat-avatar-custom {
	background-color: #D8DAFF;
	border-radius: 50px;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	height: 50px;
	width: 50px;
}

.cnx-agent-task-name-input {
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 400;
	padding-top: 9px;
	white-space: nowrap;
	overflow: hidden;
}

.task-scroll-thumb .q-scrollarea__thumb {
	right: 2px;
	border-radius: 5px;
	background-color: #027be3;
	width: 5px;
	opacity: 0.75;
}

.task-scroll-content .q-scrollarea__content {
	background-color: rgba(0, 0, 0, 0.02);
	color: #555;
}

/*CSS classes extracted from button component */
/* Button title area padding */
.cnx-button-padding {
	padding: 10px;
}

/* Button title styling */
.cnx-button-title {
	text-wrap: wrap;
	font-weight: 600;
	font-size: 16px;
}

/* Button description spacing */
.cnx-button-description-spacing {
	margin-top: 12px;
	margin-bottom: 8px;
}

/* Button description text styling */
.cnx-button-description-text {
	text-wrap: wrap;
	text-align: left !important;
	font-size: 14px;
	line-height: 1.4;
}

.cnx-in-app-designer-section {
	font-size: x-large;
	padding: 10px;
	font-weight: bold;
}

.cnx-bringtofront {
	z-index: 9999999;
}

.file-upload-scroll-bar {
	overflow: auto;
	max-height: 280px;
	padding-right: 24px;
}

.cnx-fileupload-border {
	border: 2px solid;
	border-radius: 4px;
}

.cnx-file-height {
	height: 70px;
	;
}

.cnx2-inapp-designer-header {
	position: sticky;
	top: 0px;
	z-index: 100;
	background-color: #eeeeee;
	border: 1px solid #d5bbbb;
}

/* Uploader CSS Classes */
.uploader-readonly {
	position: relative;
	background-color: #fafafa;
	cursor: not-allowed !important;
}

/* Force cursor on all child elements */
.uploader-readonly * {
	cursor: not-allowed !important;
}

/* Uppy specific elements */
.uploader-readonly .uppy-Dashboard,
.uploader-readonly .uppy-DragDrop,
.uploader-readonly .uppy-DropPaste {
	cursor: not-allowed !important;
}