@import url("https://contineo.world/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-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;
}


.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.1) !important;
}

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

.cnx-bg-darker-5 {
	background-color: rgba(0,0,0,0.5) !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;
  }