.x-selectable,.x-selectable * {
	-moz-user-select: text !important;
	-khtml-user-select: text !important;
}

/* Tool group headers in the Tools tree */
.tool-group-header .x-tree-node-text {
	font-weight: bold;
	color: #666;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.tool-group-header .x-tree-icon {
	display: none !important;
}
.tool-group-header .x-tree-elbow,
.tool-group-header .x-tree-elbow-line,
.tool-group-header .x-tree-elbow-end,
.tool-group-header .x-tree-elbow-empty {
	width: 8px !important;
}
.tool-group-header {
	cursor: default !important;
	margin-top: 6px;
}
.tool-group-header .x-grid-cell-inner {
	padding-top: 4px !important;
	padding-bottom: 0px !important;
}
.tool-group-header .x-action-col-icon {
	display: none !important;
}
.tool-group-header-icon {
	display: none !important;
}


/* mcm
.x-grid3-cell-selectable,.x-grid3-cell-selectable * {
	-moz-user-select: text !important;
	-khtml-user-select: text !important
}
*/

/*allow grid content to be selectable */
/* mcm .x-grid-row ,.x-grid-cell, .x-unselectable, .x-unselectable * {
 -webkit-user-select: text !important;
 -o-user-select: text !important;
 -khtml-user-select: all !important;
 -ms-user-select: text !important;
 user-select: text !important;
 -moz-user-select: text !important;
} */

.mapmarker {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}

.CodeMirror-hints {
    z-index: 2147483647; /* Choose a value higher than what ExtJS window uses */
}



.shortcutmenuitem2 .x-menu-item-text {
    float: right;
    padding-right: 10px;
    color: #666; /* Adjust color to match or contrast with your menu text */
    font-size: 12px; /* Match or slightly smaller than menu text */
    line-height: 1.4; /* Match the line-height of menu items */

}

/*To change the color of togrid selected cell */
.toGridCls .x-grid-cell-selected {
	background-color: #b8cfee !important;
}

.lab_btn_image .x-btn-tl, 
.lab_btn_image .x-btn-tr, 
.lab_btn_image .x-btn-tc, 
.lab_btn_image .x-btn-ml, 
.lab_btn_image .x-btn-mr, 
.lab_btn_image .x-btn-mc, 
.lab_btn_image .x-btn-bl, 
.lab_btn_image .x-btn-br, 
.lab_btn_image .x-btn-bc,
.lab_btn_image {
	background-image:url(../images/btn-green.gif);
}

.black-full-cell {
	background: black;
}

.green-full-cell {
	background: green !important;
}

.yellow-full-cell {
	background: yellow;
}

.red-full-cell {
	background: red !important;
}

.gray-full-cell {
	background: LightGray !important;
}

.tf-include {
	background-image: url(../images/tf-include.gif) !important;
}

.tf-exclude {
	background-image: url(../images/tf-exclude.gif) !important;
}

.dash-color .x-panel-body {
	background-color: red;
}

.labrador_link {
	color: #0000FF !important;
}
.labrador_link:hover{
	text-decoration:underline
}


.lab_text {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}

.cr_node {
	background-image: url(../images/folder.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.has-time-filters {
	background: url(../images/time_filter.gif) center no-repeat !important;
}

.time_filter {
	background-image: url(../images/time_filter.gif) !important;
}

.char {
	background-image: url(../images/char.gif) !important;
}
.chars {
	background-image: url(../images/chars.gif) !important;
}
.events {
	background-image: url(../images/icons/events.gif) !important;
}
.tmpl_link {
	background-image: url(../images/tmpl_link.gif) !important;
	background-repeat: no-repeat;
}
.comp_black {
	background-image: url(../images/icons/comp_black.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_blue {
	background-image: url(../images/icons/comp_blue.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_gray {
	background-image: url(../images/icons/comp_gray.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_green {
	background-image: url(../images/icons/comp_green.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_red {
	background-image: url(../images/icons/comp_red.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_tan {
	background-image: url(../images/icons/comp_tan.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_violet {
	background-image: url(../images/icons/comp_violet.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_white {
	background-image: url(../images/icons/comp_white.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.comp_yellow {
	background-image: url(../images/icons/comp_yellow.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}

.comp_black_map {
	background-image: url(../images/icons/comp_black_map.gif) !important;
}
.comp_blue_map  {
	background-image: url(../images/icons/comp_blue_map.gif) !important;
}
.comp_gray_map  {
	background-image: url(../images/icons/comp_gray_map.gif) !important;
}
.comp_green_map  {
	background-image: url(../images/icons/comp_green_map.gif) !important;
}
.comp_red_map  {
	background-image: url(../images/icons/comp_red_map.gif) !important;
}
.comp_tan_map  {
	background-image: url(../images/icons/comp_tan_map.gif) !important;
}
.comp_violet_map  {
	background-image: url(../images/icons/comp_violet_map.gif) !important;
}
.comp_white_map  {
	background-image: url(../images/icons/comp_white_map.gif) !important;
}
.comp_yellow_map  {
	background-image: url(../images/icons/comp_yellow_map.gif) !important;
}

.event_black {
	background-image: url(../images/icons/event_black.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_blue {
	background-image: url(../images/icons/event_blue.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_gray {
	background-image: url(../images/icons/event_gray.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_green {
	background-image: url(../images/icons/event_green.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_red {
	background-image: url(../images/icons/event_red.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_tan {
	background-image: url(../images/icons/event_tan.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_violet {
	background-image: url(../images/icons/event_violet.gif) !important;
	background-repeat: no-repeat;
}
.event_white {
	background-image: url(../images/icons/event_white.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.event_yellow {
	background-image: url(../images/icons/event_yellow.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}

.event_black_map {
	background-image: url(../images/icons/event_black_map.gif) !important;
	background-repeat: no-repeat;
}
.event_blue_map  {
	background-image: url(../images/icons/event_blue_map.gif) !important;
	background-repeat: no-repeat;
}
.event_gray_map  {
	background-image: url(../images/icons/event_gray_map.gif) !important;
	background-repeat: no-repeat;
}
.event_green_map  {
	background-image: url(../images/icons/event_green_map.gif) !important;
	background-repeat: no-repeat;
}
.event_red_map  {
	background-image: url(../images/icons/event_red_map.gif) !important;
	background-repeat: no-repeat;
}
.event_tan_map  {
	background-image: url(../images/icons/event_tan_map.gif) !important;
	background-repeat: no-repeat;
}
.event_violet_map  {
	background-image: url(../images/icons/event_violet_map.gif) !important;
	background-repeat: no-repeat;
}
.event_white_map  {
	background-image: url(../images/icons/event_white_map.gif) !important;
	background-repeat: no-repeat;
}
.event_yellow_map  {
	background-image: url(../images/icons/event_yellow_map.gif) !important;
	background-repeat: no-repeat;
}


.apiKey {
	background-image: url(../images/api_key.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.tools {
	background-image: url(../images/tools.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.actionPkg {
	background-image: url(../images/actionPkg.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.actionPkgFolder {
	background-image: url(../images/actionPkgFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.cycle {
	background-image: url(../images/cycle.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.cycleFolder {
	background-image: url(../images/cycleFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.deleteProfile {
	background-image: url(../images/deleteProfile.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.deleteProfileFolder {
	background-image: url(../images/deleteProfileFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.rcCal {
	background-image: url(../images/rcCal.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.rcCalFolder {
	background-image: url(../images/rcCalFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.timeFilter {
	background-image: url(../images/timeFilter.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.timeFilterFolder {
	background-image: url(../images/timeFilterFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.unit {
	background-image: url(../images/unit.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.item-label-icon {    
	padding-left: 22px !important;    
	background-repeat: no-repeat;    
	background-position: 0px 8px;
} 
.unitFolder {
	background-image: url(../images/unitFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.sqlResultFolder {
	background-image: url(../images/sqlresultfolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.sqlResult {
	background-image: url(../images/sqlresult.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.entityDiagramFolder {
	background-image: url(../images/entity_diagramFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.entityDiagram {
	background-image: url(../images/entity_diagram.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.fmodelFolder {
	background-image: url(../images/fmodelFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.fmodel {
	background-image: url(../images/fmodel.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.modelInactive {
	background-image: url(../images/modelInactive.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.connectorFolder {
	background-image: url(../images/connectorFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.connector {
	background-image: url(../images/connector.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.conn_http {
	background-image: url(../images/conn_http.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.conn_jdbc {
	background-image: url(../images/conn_jdbc.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.conn_jdbc_import {
	background-image: url(../images/conn_jdbc_import.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.conn_db {
	background-image: url(../images/conn_db.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.conn_jdbcFolder {
	background-image: url(../images/conn_jdbcFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.view_local {
	background-image: url(../images/view_local.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.view_external {
	background-image: url(../images/view_external.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.viewFolder {
	background-image: url(../images/viewFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.certOpFolder {
	background-image: url(../images/certOpFolder.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.certOp {
	background-image: url(../images/certOp.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.certClientFolder {
	background-image: url(../images/certClientFolder.png) !important;
	background-repeat: no-repeat;
}
.certClient {
	background-image: url(../images/certClient.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.certClientInactive {
	background-image: url(../images/certClientInactive.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.certCa {
	background-image: url(../images/certCa.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.certCaInactive {
	background-image: url(../images/certCaInactive.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.certPolicyFolder {
	background-image: url(../images/certPolicyFolder.png) !important;
	background-repeat: no-repeat;
}
.certPolicy {
	background-image: url(../images/certPolicy.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}

.tools2 {
	background-image: url(../images/tools2.png) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.excel{
	background-image: url(../images/excel.gif) !important;
}
.comp_group {
	background-image: url(../images/comp_group.png) !important;
	background-repeat: no-repeat;
}
.component {
	background-image: url(../images/icons/comp_tan.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.componentFolder {
	background-image: url(../images/componentFolder.gif) !important;
	background-repeat: no-repeat;
	background-position:center;
}
.streamIntvl {
	background-image: url(../images/streamIntvl.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}

.streamFnDiag {
	background-image: url(../images/streamFnDiag.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.streamFnExe{
	background-image: url(../images/streamFnExe.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}

.streamFnDrill{
	background-image: url(../images/streamFnDrill.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.stream {
	background-image: url(../images/stream.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.streamAgg {
	background-image: url(../images/streamAggIntvl.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.streamGroup {
	background-image: url(../images/stream_group.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.streamGroupFolder {
	background-image: url(../images/stream_groupFolder.png) !important;
	background-repeat: no-repeat;
}

.play {
	background-image: url(../images/play.png) !important;
	background-repeat: no-repeat;
}
.runnable {
	background-image: url(../images/runnable.png) !important;
	background-repeat: no-repeat;
}
.runnableFolder {
	background-image: url(../images/runnableFolder.png) !important;
	background-repeat: no-repeat;
}
.ai_agent {
	background-image: url(../images/aiAgent.png) !important;
	background-repeat: no-repeat;
}
.aiAgentFolder {
	background-image: url(../images/aiAgentFolder.png) !important;
	background-repeat: no-repeat;
}

.turnon {
	background-image: url(../images/turnonlg.png) !important;
	background-repeat: no-repeat;
}

.shutdown {
	background-image: url(../images/shutdownlg.png) !important;
	background-repeat: no-repeat;
}

.streamFn {
	background-image: url(../images/streamFnIntvl.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.streamRss {
	background-image: url(../images/streamRssIntvl.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.rdm_stream {
	background-image: url(../images/rdm_stream.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.rdm_streamFn {
	background-image: url(../images/rdm_streamFn.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.rdm_streamRss {
	background-image: url(../images/rdm_streamRss.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.point_stream {
	background-image: url(../images/point_stream.gif)  !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.point_streamFn {
	background-image: url(../images/point_streamFn.gif)  !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.point_streamRss {
	background-image: url(../images/point_streamRss.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.gsn {
	background-image: url(../images/gsn.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.gsnWarn {
	background-image: url(../images/gsnWarn.png) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.gsnCritical {
	background-image: url(../images/gsnCritical.png) !important;
	background-repeat: no-repeat;
	background-position: left center;
}
.map {
	background-image: url(../images/map.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.dashboard {
	background-image: url(../images/dashboard.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}
.fullScreen {
	background-image: url(../images/fullScreen.gif) !important;
}
.share {
	background-image: url(../images/share.png) !important;
}
.page_first {
	background-image: url(../images/page-first.gif) !important;
}
.page_last {
	background-image: url(../images/page-last.gif) !important;
}
.page_prev {
	background-image: url(../images/page-prev.gif) !important;
}
.page_next {
	background-image: url(../images/page-next.gif) !important;
}


.user {
	background-image: url(../images/user.png) !important;
	background-repeat: no-repeat;
}
.user_group {
	background-image: url(../images/user_group.png) !important;
	background-repeat: no-repeat;
}

.lock {
	background-image: url(../images/lock.png) !important;
}
.unlock {
	background-image: url(../images/unlock.gif) !important;
}
.start-collapse {
	background-image: url(../images/start-collapse.png) !important;
}
.start-expand {
	background-image: url(../images/start-expand.png) !important;
}
.refresh {
	background-image: url(../images/refresh.gif) !important;
}
.refresh_gray {
	background-image: url(../images/refresh_gray.gif) !important;
}
.refresh_gray2 {
	background-image: url(../images/refresh_gray2.png) !important;
}
.gray_span_less {
	background-image: url(../images/gray_span_less.png) !important;
}
.gray_span_more {
	background-image: url(../images/gray_span_more.png) !important;
}
.gray_height_less {
	background-image: url(../images/gray_height_less.png) !important;
}
.gray_height_more {
	background-image: url(../images/gray_height_more.png) !important;
}
.gray_refresh {
	background-image: url(../images/gray_refresh.png) !important;
}
.gray_menu {
	background-image: url(../images/gray_menu.png) !important;
}
.gray_remove {
	background-image: url(../images/gray_remove.png) !important;
}
.scrolllock {
	background-image: url(../images/scrolllock.png) !important;
}
.help {
	background-image: url(../images/help.png) !important;
}
.search {
	background-image: url(../images/search.png) !important;
}
.issue {
	background-image: url(../images/issue.png) !important;
}
.file {
	background-image: url(../images/file.png) !important;
}.file_upload {
	background-image: url(../images/file_upload.png) !important;
}
.file_remove {
	background-image: url(../images/file_remove.png) !important;
}
.filebucket {
	background-image: url(../images/filebucket.png) !important;
}
.filebucket_remove {
	background-image: url(../images/filebucket_remove.png) !important;
}
.filebucket_add {
	background-image: url(../images/filebucket_add.png) !important;
}
.save {
	background-image: url(../images/save.gif) !important;
}

.feed {
	background-image: url(../images/feed.png) !important;
}

.edit {
    background-image: url( ../images/edit.gif ) !important;
}

.user_edit {
	background-image: url(../images/user_edit.gif) !important;
}

.unit_edit {
	background-image: url(../images/config.gif) !important;
}

.invoice {
	background-image: url(../images/invoice.png) !important;
}

.add_plus {
	background-image: url(../images/add_plus.gif) !important;
}

.add {
	background-image: url(../images/add.gif) !important;
}

.import {
	background-image: url(../images/import.png) !important;
}
.export {
	background-image: url(../images/export.png) !important;
}
.copy {
	background-image: url(../images/copy.png) !important;
}

.delete {
	background-image: url(../images/delete.gif) !important;
	background-position:center;
}

.trash-icon:before {
	content: '\f1b8';
	font-family: FontAwesome;
	font-size: 12px;
	color: #919191;
}
.x-tool-trash-btn {
	cursor: pointer;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin: 0 4px;
}
.x-tool-trash-btn:before {
	content: '\f1b8';
	font-family: FontAwesome;
	font-size: 15px;
	color: white;
}
.x-tool-trash-btn:hover:before {
	opacity: 0.7;
}
.trash-restore:before {
	content: '\f0e2';
	font-family: FontAwesome;
	font-size: 14px;
}

.stop {
	background-image: url(../images/stop.png) !important;
}

.error {
	background-image: url(../images/error.gif) !important;
	background-repeat: no-repeat;
}
.cog {
	background-image: url(../images/cog.png) !important;
}
.dollar {
	background-image: url(../images/dollar.png) !important;
}

.gssql2 {
	background-image: url(../images/GS_SQL2.png) !important;
}

.trace_start {
	background-image: url(../images/traceStart.png) !important;
}
.trace_stop {
	background-image: url(../images/traceStop.png) !important;
}

.arrow_up {
	background-image: url(../images/arrow-up.gif) !important;
}

.arrow_down {
	background-image: url(../images/arrow-down.gif) !important;
}

.chart_url {
	background-image: url(../images/chart-url.jpg) !important;
}

.chart_html {
	background-image: url(../images/chart-html.jpg) !important;
}

.chart_line {
	background-image: url(../images/chart-line.jpg) !important;
}

.chart_bar {
	background-image: url(../images/chart-bar.jpg) !important;
}

.chart_pie {
	background-image: url(../images/chart-pie.jpg) !important;
}

.chart_col {
	background-image: url(../images/chart-col.jpg) !important;
}

.chart_stacked_bar {
	background-image: url(../images/chart-stackedbar.jpg) !important;
}
.grid_view {
	background-image: url(../images/grid-view.jpg) !important;
}
.pivot_view {
	background-image: url(../images/pivot-view.jpg) !important;
}
.pivotsql_view {
	background-image: url(../images/pivotsql-view.jpg) !important;
}
.tablesql_view {
	background-image: url(../images/tablesql-view.jpg) !important;
}
.table_view {
	background-image: url(../images/table-view.jpg) !important;
}

.chart_stacked_col {
	background-image: url(../images/chart-stackedcol.jpg) !important;
}
.map_widget_trackbb {
	background-image: url(../images/map_widget_trackbb.png) !important;
}
.map_widget_trackone {
	background-image: url(../images/map_widget_trackone.png) !important;
}
.ss_odom {
	background-image: url(../images/ss_odom.png) !important;
}
.ss_single {
	background-image: url(../images/ss_single.png) !important;
}
.ss_rad {
	background-image: url(../images/ss_rad.png) !important;
}
.ss_radbar {
	background-image: url(../images/ss_radbar.png) !important;
}
.ss_wind {
	background-image: url(../images/ss_wind.png) !important;
}
.map_widget_trackone {
	background-image: url(../images/map_widget_trackone.png) !important;
}

.form_feed {
	background-image: url(../images/form-feed.jpg) !important;
}

.stick {
	background-image: url(../images/stick.gif) !important;
}

.stuck {
	background-image: url(../images/stuck.gif) !important;
}

/* For Widget buttons */

.excel-widget {
	background-color: transparent;
    background-image: url("../images/tool-sprites.gif");
	background-position: -15px -360px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    margin: 0;
    overflow: hidden;
    width: 15px;
}

.embed-widget {
	background-color: transparent;
    background-image: url("../images/tool-sprites.gif");
	background-position: -15px -375px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    margin: 0;
    overflow: hidden;
    width: 15px;
}

.view-editor-body {
    overflow: hidden !important;
}

.setting-widget {
	background-color: transparent;
    background-image: url("../images/tool-sprites.gif");
	background-position: -15px -390px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    margin: 0;
    overflow: hidden;
    width: 15px;
}


.startOrgDash {
    background-color: #FFFF;
    border: none !important;
    border-bottom: 1px dotted #5e5e5e !important;
}


.startOrgPanel .x-panel-body {
    background-color: #F8F8FF;
    border: none !important;
    border-top: 1px dotted #5e5e5e !important;
}

.startOrgTb .x-toolbar{
    background-image: none !important;
    border-top-width: 0px !important;
    background-color: transparent !important;
}

.startOrgTitle {
  color: #5e5e5e;
  font-size: 14px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 25px;
  text-transform: none;
}

.startOrgNotif {
  color: #5e5e5e;
  font-size: 13px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 25px;
  text-transform: none;
}

.correlation-grid .x-grid-cell {
    text-align: center;
}
.correlation-grid .x-grid-cell-inner {
    padding: 5px;
}
.forecast-result-averages-row .x-grid-cell {
    font-weight: bold;
    border-top: 2px solid #000 !important;
}



/* Metric performance colors */
.metric-good {
    background-color: #d4edda; /* Light green */
    color: #155724; /* Dark green text */
}

.metric-acceptable {
    background-color: #fff3cd; /* Light yellow */
    color: #856404; /* Dark yellow text */
}

.metric-poor {
    background-color: #f8d7da; /* Light red */
    color: #721c24; /* Dark red text */
}

/* Stream status cell colors */
.gs-cell-error { background-color: #f8d7da !important; color: #721c24; }
.gs-cell-warn { background-color: #fff3cd !important; color: #856404; }
.gs-cell-pending { background-color: #ffe0b2 !important; }
.gs-cell-version-mismatch { color: #cc0000 !important; font-weight: bold; }

/* Start aiChat */



/* Message styling */

/*
.user-message {
    background-color: #e3f2fd;
    color: #0d47a1;
    align-self: flex-end;
    margin-left: 20%;
    border-bottom-right-radius: 0 !important;
    min-height: 20px;
    max-width: 80%; 
}
*/

/* Base AI message styles */
.ai-message {
     /* background-color: #f5f5f5 !important;
    color: #212121 !important;
   align-self: flex-start;
    margin-right: 20% !important;
    border-bottom-left-radius: 0 !important;
    min-height: 20px;
    max-width: 80%;
    */
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 300 !important;
}

/* Thinking state */
.ai-message.thinking {
    background-repeat: no-repeat;
    background-size: 35px 35px; 
    padding-left: 40px !important;
    background-image: url(../images/GS_logo_rotate.gif);	
}

/* Error state */
.ai-message.error {
	
	background-repeat: no-repeat;
    padding-left: 15px !important;
    background-image: url(../images/error.gif);	
	background-position:left center;
}

/* Headings */
ai-message h1, .ai-message h2, .ai-message h3 {
    font-weight: bold !important;
    /* * 🔑 THE FIX: Increase the bottom margin significantly.
     * Use a larger margin-bottom to push the following wrapped text down.
     * Recommended: 10px on top, 15px or 20px on the bottom.
     */
    margin: 10px 0 15px 0 !important; /* Changed from 10px 0 */
}
.ai-message h1 { font-size: 1.5em !important; }
.ai-message h2 { font-size: 1.3em !important; }
.ai-message h3 { font-size: 1.17em !important; }

.ai-message {
    white-space: normal !important;
}

/* Paragraphs */
.ai-message p {
    margin: 5px 0 !important;
}

/* Links */
.ai-message a {
    color: #007bff !important;
    text-decoration: underline !important;
}

/* Lists */
.ai-message ul, .ai-message ol {
    margin: 0px 0 !important;
    padding-left: 10px !important;
    list-style-position: outside !important;
}

.ai-message li {
    margin-left: 15px !important;
    margin-bottom: 2px !important;
}

/* Tables */
.ai-message table, .x-component.ai-message table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 10px 0 !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

.ai-message th, .ai-message td,
.x-component.ai-message th, .x-component.ai-message td {
    border: 1px solid #ddd !important;
    padding: 8px !important;
    text-align: left !important;
    font-weight: 300 !important; /* Match computed font-weight */
}

/* Table headers */
.ai-message th, .x-component.ai-message th {
    background-color: #f2f2f2 !important;
    font-weight: bold !important;
}

/* Code blocks (for highlight.js integration) */
.ai-message pre {
    background-color: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    border-radius: 4px !important;
    overflow-x: auto !important;
}

.ai-message code {
    /* Prevents the code block from pushing past the pre element's width */
    min-width: 100%; 
    /* The white-space here is critical. 'pre' respects fixed width. */
    white-space: pre; 
/*     font-family: 'Courier New', monospace !important;
    font-size: 14px !important; */
}
.ai-message .hljs-copy-wrapper {
    /* If the scrollbars are on the code block, this can hide the wrapper's scrollbar */
    overflow-x: hidden !important;
}

/* History panel styling */
.history-message {
    padding: 8px;
    margin: 5px 0;
    border-radius: 5px;
    border-left: 3px solid #ddd;
}

.history-message.user-message {
    background-color: #e3f2fd;
    border-left-color: #2196f3;
}

.history-message.ai-message {
    background-color: #f5f5f5;
    border-left-color: #9e9e9e;
}

.history-message.ai-message.error {
    background-color: #ffebee;
    border-left-color: #f44336;
}

.history-sender {
    font-weight: bold;
    margin-bottom: 5px;
}

.history-content {
    margin-bottom: 5px;
}

.history-time {
    font-size: 11px;
    color: #757575;
    text-align: right;
}


/* Animation for message container */
/*
#messageContainer {
    display: flex;
    flex-direction: column;
    min-height: 100px;
}
*/
/*
#chatInput .x-form-textarea {
    resize: vertical;
    min-height: 60px;
    max-height: 200px;
}
*/
/*
.chat-textarea .x-form-textarea {
    resize: vertical;
    min-height: 60px;
    max-height: 200px;
}
*/
/* Connection status dot */
.ws-status-dot {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    transition: color 0.3s ease;
}

.ws-connected {
    color: #4caf50;
}

.ws-connecting {
    color: #ff9800;
    animation: pulse-dot 1.5s ease-in-out infinite;
}

.ws-disconnected {
    color: #f44336;
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Context chips — flex layout so the close `x` is always visible regardless
   of how long the label is. The label shrinks + ellipsizes; the x is a
   fixed-width sibling pinned to the right and never clipped. */
.context-chip {
    display: inline-flex;
    align-items: center;
    background-color: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 12px;
    padding: 2px 10px;
    margin: 0 4px 4px 0;
    font-size: 11px;
    color: #1565c0;
    line-height: 18px;
    max-width: 220px;
    vertical-align: middle;
}
.context-chip .context-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
    min-width: 0;
}

/* Cell-source context chip — distinguishes "selected cell in GetData" from
   entity selection. Subtly different palette so the user (and the LLM, when
   we render context inline in chat) can tell at a glance which context
   matters. Slightly wider since cell labels carry component·column = value. */
.context-chip-cell {
    background-color: #f3e8ff;
    border-color: #c4a4f0;
    color: #5b21b6;
    max-width: 240px;
    font-family: -apple-system, "Segoe UI", "Helvetica Neue", helvetica, arial, sans-serif;
}

/* Range-source context chip — multi-cell GetData selection. Same family as
   the cell chip but a teal palette so it's clear which context is "one cell"
   vs "many cells in a slice." */
.context-chip-range {
    background-color: #e0f2f1;
    border-color: #7fc7c1;
    color: #00695c;
    max-width: 280px;
    font-family: -apple-system, "Segoe UI", "Helvetica Neue", helvetica, arial, sans-serif;
}

/* Inline "x" button on every context chip — removes the underlying selection
   (cell on tab, tree node, GSN grid row) and rerenders the chip strip.
   flex-shrink:0 keeps it visible when the label is long enough to ellipsize. */
.context-chip-x {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 6px;
    padding: 0 3px;
    color: inherit;
    opacity: 0.55;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    border-radius: 50%;
}
.context-chip-x:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.08);
}

/* Status update styling */
.status-update {
    color: #666;
    font-style: italic;
    padding: 2px 0;
    font-size: 12px;
}

/* Retry button */
.chat-retry-btn {
    border-radius: 4px;
}

/* End aiChat */

/* Entity Diagram Editor */
.er-diagram-canvas {
	display: block;
	background: #f8f9fa;
	cursor: default;
}
.er-table-header {
	fill: #4472C4;
	stroke: #2f5496;
	stroke-width: 1;
}
.er-table-name {
	fill: white;
	font-weight: bold;
	font-size: 13px;
	text-anchor: middle;
	pointer-events: none;
}
.er-catalog-label {
	fill: rgba(255, 255, 255, 0.75);
	font-size: 9px;
	font-style: italic;
	text-anchor: middle;
	pointer-events: none;
}
.er-column rect {
	fill: #ffffff;
	stroke: #d0d0d0;
	stroke-width: 0.5;
}
.er-column:hover rect {
	fill: #e8f0fe;
}
.er-column-fk rect {
	fill: #fff8e1;
}
.er-column.er-dep-source rect {
	fill: #dcedc8;
	stroke: #689f38;
	stroke-width: 1;
}
.er-column.er-dep-target rect {
	fill: #e3f2fd;
	stroke: #1976d2;
	stroke-width: 1;
}
.er-column-sys rect {
	fill: #f5f5f5;
}
.er-column-sys .er-col-name,
.er-column-sys .er-col-type {
	fill: #aaa;
	font-style: italic;
}
.er-col-type {
	fill: #888;
	font-size: 11px;
	text-anchor: end;
	pointer-events: none;
}
.er-col-name {
	fill: #333;
	font-size: 12px;
	pointer-events: none;
}
.er-pk-icon {
	font-size: 10px;
	pointer-events: none;
}
.er-fk-icon {
	font-size: 12px;
	font-weight: bold;
	fill: #888;
	pointer-events: none;
}
.er-idx-icon {
	font-size: 10px;
	pointer-events: none;
}
.er-event-icon {
	font-size: 10px;
	cursor: default;
}
.er-header-icon {
	pointer-events: none;
}
.er-cog-icon {
	cursor: pointer;
	opacity: 0.7;
}
.er-cog-icon:hover {
	opacity: 1.0;
}
.er-stream-icon {
	pointer-events: none;
}
.er-table-border {
	fill: none;
	stroke: #2f5496;
	stroke-width: 1.5;
	rx: 4;
}
.er-table.selected .er-table-border {
	stroke: #e74c3c;
	stroke-width: 3;
}
.er-rel-line {
	fill: none;
	stroke: #666;
	stroke-width: 1.5;
}
.er-rel-line:hover {
	stroke: #e74c3c;
	stroke-width: 2;
}
/* View nodes — same default-catalog header/border colors as templates,
 * differentiated only by the dashed border and the view icon (VL/VE).
 * Views have no catalog today so they always use the default catalog color. */
.er-view-node .er-table-border {
	stroke-dasharray: 6,4;
}
.er-view-node.selected .er-table-border {
	stroke-dasharray: 6,4;
}
.er-view-icon {
	pointer-events: none;
}
.er-view-sql-text {
	font-family: 'Courier New', monospace;
	font-size: 11px;
	fill: #444;
}
.er-view-sql-more {
	font-style: italic;
	fill: #888;
}
.er-tooltip {
	position: fixed;
	z-index: 100000;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: 12px;
	color: #333;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	max-width: 350px;
	pointer-events: none;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
.er-zoom-in {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='5.5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3Cline x1='11' y1='11' x2='15' y2='15' stroke='%23555' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4.5' y1='7' x2='9.5' y2='7' stroke='%23555' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='7' y1='4.5' x2='7' y2='9.5' stroke='%23555' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
.er-zoom-out {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='5.5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3Cline x1='11' y1='11' x2='15' y2='15' stroke='%23555' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4.5' y1='7' x2='9.5' y2='7' stroke='%23555' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
.er-zoom-fit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='none' stroke='%23555' stroke-width='1.5' rx='1'/%3E%3Cpolyline points='6,2 2,2 2,6' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='10,14 14,14 14,10' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
.er-auto-layout {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1' y='1' width='5' height='5' rx='1' fill='none' stroke='%23555' stroke-width='1.3'/%3E%3Crect x='10' y='1' width='5' height='5' rx='1' fill='none' stroke='%23555' stroke-width='1.3'/%3E%3Crect x='1' y='10' width='5' height='5' rx='1' fill='none' stroke='%23555' stroke-width='1.3'/%3E%3Crect x='10' y='10' width='5' height='5' rx='1' fill='none' stroke='%23555' stroke-width='1.3'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
.er-sys-cols {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1' y='2' width='14' height='3' rx='1' fill='%23999' stroke='%23555' stroke-width='0.8'/%3E%3Crect x='1' y='6' width='14' height='3' rx='0' fill='%23ddd' stroke='%23999' stroke-width='0.6'/%3E%3Crect x='1' y='10' width='14' height='3' rx='0' fill='%23eee' stroke='%23bbb' stroke-width='0.6' stroke-dasharray='2,1'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
/* End Entity Diagram Editor */

/* Per-row tree menu button (dashboards, components, tools trees) */
.gs-tree-menu-btn:before {
	color: #999;
	opacity: 0.35;
}
.x-grid-item-over .gs-tree-menu-btn:before,
.x-grid-item-selected .gs-tree-menu-btn:before,
.gs-tree-menu-btn:hover:before {
	color: #333;
	opacity: 1;
}
.gs-tree-menu-btn-hidden {
	display: none;
}

/* GetData grid: cells whose column maps back to a real source stream
 * (gql `origin=true` metadata) get a pointer + subtle hover background
 * so users see they can drill in. Non-drillable cells stay normal. */
.gs-drillable-cell {
	cursor: pointer;
}
.x-grid-item-over .gs-drillable-cell,
.gs-drillable-cell:hover {
	background-color: #eef4fa;
}

/* GetData cell-hover popover — override the default dark ExtJS tooltip
 * styling so the sparkline + expression read clearly. Light background,
 * subtle border + shadow. */
.gs-cell-hover-tip,
.gs-cell-hover-tip.x-tip-default,
.gs-cell-hover-tip .x-tip-body,
.gs-cell-hover-tip .x-tip-body-default {
	background: #ffffff !important;
	background-image: none !important;
	color: #1a1a1a !important;
	border: 1px solid #c8d0d8 !important;
	box-shadow: 0 2px 10px rgba(20, 30, 50, 0.12);
}
.gs-cell-hover-tip .x-tip-body {
	padding: 10px 12px;
	min-width: 320px;
}
/* Action chip row — wrap onto multiple lines for narrow popovers and add
 * vertical breathing room so the chips don't kiss the content above. */
.gs-cell-hover-tip .gs-hover-actions {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	font-size: 11px;
}