body {
	background-color: white;
	/*background-image: url(images/background.JPG) !important;*/
	background:linear-gradient(135deg, rgb(197, 200, 219) 0%, rgb(216, 223, 251) 22%, rgb(246, 255, 254) 53%, rgb(168, 199, 230) 100%) center center no-repeat fixed !important;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
	
	font-size: 14px;
	margin: 5px;
	background-size: 100%;  	
}
/*   
table{
	border-spacing:2px !important;
	border-collapse:collapse
}
td,th{padding:0 !important;
}
 */ 
a {
	font-family: Verdana;
	font-weight: bold;
	font-size: xx-small;
	color: #0066cc;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #0066cc;
}

a:hover {
	color: #cc6600;
	text-decoration: underline;
	cursor: pointer;
}

a:active {
	text-decoration: none;
	color: #336699;
}

.wizard_bg {
	background-image: url(images/dottedline.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.icons_text {
	background-image: url(images/icons_bg.gif);
	background-repeat: repeat-x;
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.03cm;
	text-shadow: #000000;
}

.icons_header_bg {
	background-image: url(images/icons_header_bg.gif);
	background-repeat: repeat-x;
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
	color: #000066;
	letter-spacing: 0.03cm;
}

.mandatory{
	background-color: #FFF8C6; 	
}	

.gwt-Button {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	border: 1px solid #000066;
	color: #000066;
	background-image: url(images/tab.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}

.message {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	color: #000066;
	vertical-align: middle;
}

.gwt-Label {
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
	color: #000066;
	/*height: 25px;*/
	height: 20px;
	vertical-align: middle;
}
.treeheader{
font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	color: #000066;
	height: 20px;
	vertical-align: middle;
}
.gwt-ListBox {
	font-size: small;
	font-family: verdana;
	color: #000066;
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gridheader {
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	/* background-image: url(images/gridheader.gif); */
	background: #D9D9D9;
	background-repeat: repeat-x;
	background-size: contain;
	color: #000000;
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	border-left: solid thin white;
	border-right: solid thin white;
	height: 25px;
	white-space: nowrap;
	padding-right: 10px;
}

.sectionHeader {
	font-family: Roboto;
	font-size: small;
	font-weight: bold;
	/* background-image: url(images/gridheader.gif); */
	/* background-repeat: repeat-x; */
	color: #000000;
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	height: 25px;
	align-content: space-evenly;
}

.bluegradient {
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
	background-image: url(images/gridheader.gif);
	background-repeat: repeat-x;
	color: #000066;
	text-align: center;
	cursor: pointer;
	height: 25px;
}

.gridrow_odd {
	background-color: #EBEBEB;
	font-family: Verdana;
	font-size: small;
	color: #000066;
/* 	background-image: url(images/gridrow.gif);
	background-repeat: repeat-x;
 */	
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	border-left: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}

.gridrow_even {
	background-color: #fff;
	font-family: Roboto;
	font-size: small;
	color: #000000;
/* 	background-image: url(images/gridrow.gif);
	background-repeat: repeat-x;
 */
 	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	boder-right: solid this #f5f5f5;
	border-left: solid thin #f5f5f5;
	border-bottom: solid thin #f5f5f5;
	cursor: default;
	min-height: 18px;
}

table.condition_reporting tr, table.condition_reporting th,table.condition_reporting td{
	font-family: Verdana;
	font-size: 14px;
	text-align: left;
	text-indent: 3px;
	border-left: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}
.standardFont_condition_reporting {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	word-wrap: break-word;
}

.boldFont_condition_reporting {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
.condition_reporting_even {
	background-color: #EBEBEB;
}
.condition_reporting_odd {
	background-color: white;
}
.conditionCustom{
	vertical-align: left !important;
	border:			0px solid blue !important;
	cellSpacing:	3	!important;
	cellPadding:	0	!important;
	height: 26px !important;	
}
.disabledIconStyle{
	opacity: 0.5; 
    cursor: not-allowed;
}
.enabledIconStyle{
	opacity: 1; 
    cursor: pointer;
}
/* .conditionImage{
	width: 25px !important;
	height: 25px !important;
	
} */
.conditionReporting{
	vertical-align:middle !important;
	border-spacing: 8px !important;
}
.conditionfields {
	font-size: 14px;
 	font-weight: normal !important;	
	font-family: Verdana;
 	color: #336699;
}
.conditionfields label{
	font-weight: normal !important;
}

.conditionNormal{
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 14px;	 	
}	



.selectedrow {
	background-color: #1e90ff26;
    color: dodgerblue; 
/* 	background-image: url(images/gridrow.gif);
	background-repeat: repeat-x;
 */	
	font-family: Roboto;
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	font-size: small;
	border-left: solid thin white;
	border-right: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}

.groupbox {
	border-right: solid thin;
	border-left: solid thin;
	border-top: solid thin;
	border-bottom: solid thin;
	border-color: #999999;
}

.formlabel {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
}

.formfields_disabled {
	font-size: 14px;
	font-family: Verdana;
	background-color: #EEEEEE;
	padding: 7px 5px 3px 5px;
	border-radius: 3px;
	border: 1px solid rgb(118, 118, 118, 0.3);
	width: 100%;
}

.formfields {
	font-size: 14px;
	font-family: Verdana;
	background-color: #FFFFFF;	
}
.formfieldsNumeric {
	width: 120px !important;
}
.buttonbar {
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}

.inlinegrid{
   font:normal;	
}

.toolbar {
	padding: 0px 0px 5px 0px;
	background-color: #EEEEEE;
/* 	background-image: url(images/toolbar.gif);
	background-repeat: repeat-x;
 */}

.button {
	padding: 2px 4px 2px 4px;
	background-color: #CCCCCC;
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
	color: #000066;
}

.gwt-Hiperlink {
	font-family: Verdana;
	font-weight: bold;
	font-size: xx-small;
	color: #0066cc;
	text-decoration: none;
}

.formheaders {
	font-size: x-small;
	font-family: Verdana;
	font-weight: bold;
	color: #3366CC;
}
.wizardheaders{
 font-size: x-small;
 font-family:Verdana;
 font-weight:bold;
 color:#000066;
}
.loading-message {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	color: #3366CC;
	height: 30px;
}

.gwt-grid-checkbox {
	font-size: medium;
	font-family: Verdana;
}

.gwt-cell-centeralign {
	text-align: center;
}

.gwt-cell-rightalign {
	text-align: right;
}

.gwt-TabBar {
	margin-top: 4px;
	font-size: medium;
	font-weight: bold;
	font-family: Roboto;
	border-bottom: 1px solid black;
	background: none !important;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	padding-left: 4px;
}

.gwt-TabBar .gwt-TabBarItem {
	/*padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;*/
	color: black;
	font-size: 14px;
	cursor: pointer;
	/*cursor: hand;*/
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	background: none !important;
	/*padding-bottom: 4px;*/
	/* background-image: url(images/tab_item.gif);
	background-repeat: repeat-x; */
}

.gwt-TabBar .gwt-TabBarItem .gwt-Label{
	font-family: Roboto !important;
	font-size: small !important;
	color: black;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	/*font:small-caps;*/
	cursor: default;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-bottom: 0px;
	color: #3366CC !important;
	border-bottom: 3px solid #3366CC !important;
}

.gwt-TabBar .gwt-TabBarItem-selected .gwt-Label{
	color: #3366CC !important;
}

.image_mouseOver {
	cursor: pointer;
}

.image_link {
	cursor: pointer;
}

.error_messaage {
	font-size: x-small;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}

.permissionheader {
	background-color: #99CCFF;
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: #000066;
	height: 20px;
	text-align: center;
}

.permissionrow {
	background-color: #EEEEEE;
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: #000066;
	height: 25px;
}

.permissioncols {
	background-color: #F9F9F9;
	font-family: Verdana;
	font-size: small;
}

.groupbox {
	background-color: #6699cc;
}

.groupboxwithcaption {
	border: 1px solid #CCCCCC;
}

.groupbox_header {
	font-family: Verdana;
	font-size: x-small;
	color: #999999;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

.widgetBar {
	padding: 5px 5px 5px 5px;
	background-color: #EEEEEE;
	background-repeat: repeat-x;
}

.groupboxwithcaption legend {
	font-family: tahoma;
	font-size: x-small;
	color: #999999;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

.center_aligned {
	text-align: center;
}

.tk-DropDownPanel {
	
}

.tk-DropDownPanelHeader {
	background: transparent url(images/light_blue_bg.gif) repeat-x 0 0;
	height: 2px;
	text-align: left;
	font-size: smaller;
	font-weight: bold;
	cursor: pointer;
}

.header {
	background: transparent url(images/gridheader.gif) repeat-x 0 0;
	height: 1px;
	text-align: left;
	font-size: smaller;
	cursor: pointer;
}

.gwt-DisclosurePanel {
	vertical-align: top;
	text-align: left;
	font-size: medium;
	
}

.gwt-DisclosurePanel .header, .gwt-DisclosurePanel .header a, .gwt-DisclosurePanel .header td {
	margin-bottom: 20px
}

.gwt-DisclosurePanel-open .header TD {
	text-align: left;
	font-size: medium;
	font-family: Verdana;
	font-weight: lighter;
	
}

.gwt-DisclosurePanel-open .content TD {
/* 	padding-top: 8px; */
}

.gwt-VerticalSplitter .Bar {
	height: 8px;
	background-color: #C3D9FF;
}

.gwt-VerticalSplitPanel {
	background-color: #FFFFFF;
	cursor: default;
}

.gwt-VerticalSplitPanel .vsplitter {
	background-color: #C3D9FF;
	height: 2px;
	cursor: row-resize;
}

.vStagirusSplitter {
	background-color: #C3D9FF;
	height: 2px;
	cursor: row-resize;
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .hsplitter {
	background-color: #C3D9FF;
	cursor: move;
}

.horizontalSplitPanel{
	border:none !important;
}
.gwt-HorizontalSplitPanel .left {
	background-color: #E8EEF7;
}

.selectedCategory {
	background-color: #C9E3FF;
	font-size: small;
	font-family: verdana;
}

.unselectedCategory {
	background-color: #CCCCCC;
	font-size: small;
	font-family: verdana;
}

.CalendarWidget {
	border: 1px solid #ACA899;
	background-color: #C3D9FF;
}

.CalendarWidget .navbar {
	width: 100%;
	background-color: #C3D9FF;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
	padding-left: 1px;
	padding-right: 1px;
}

.CalendarWidget .table {
	font: 10pt sans-serif;
	text-align: center;
}

.CalendarWidget .weekheader {
	background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
	width: 2em;
}

.CalendarWidget .cell {
	cursor: pointer;
}

.CalendarWidget .cell .gwt-HTML {
	border: 1px solid #ACA899;
}

.CalendarWidget .cell .gwt-HTML span {
	width: 100%;
	height: 100%;
	line-height: 1em;
}

.CalendarWidget .today .gwt-HTML {
	background-color: #C3D9FF;
}

.CalendarWidget .day .gwt-HTML {
	border: 1px solid #C3D9FF;
}

.BorderPanel {
	border: 8px solid #C3D9FF;
	width: 100%;
}

.gwt-Tree {
	background: white;
}

.gwt-Tree .gwt-TreeItem {
	
}

.gwt-TreeItem{
	cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.reporttitle {
	font-family: Verdana;
	font-size: medium;
	font-weight: bold;
	color: #000000;
}

.reportheader {
	font-family: Verdana;
	font-size: x-small;
	background-image: url(images/gridheader.gif);
	background-repeat: repeat-x;
	color: #000066;
	text-align: center;
	cursor: pointer;
	border-left: solid thin;
	height: 25px;
}

.reportdata {
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
}

.emptyrow {
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	background-image: url(images/emtyline.gif);
	background-repeat: repeat-x;
	color: #000066;
	text-align: center;
	cursor: pointer;
	border-left: solid thin;
	height: 25px;
}

.error_message {
	font-size: 14px;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}

.succ_message {
	font-size: 14px;
	font-family: Verdana;
	font-weight: bold;
	color: #009933;
}

.whitebg {
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: small;
}

.item_category {
	font-family: Verdana;
	font-size: small;
	color: #000066;
	font-weight: bold;
}

.layouts-Scroller {
	height: 450px;
	border: 2px solid #C3D9FF;
	padding: 8px;
	margin: 8px;
}

.icon-printer {
	background: url(images/list_search.gif) no-repeat 50% 50%;
}

.icon-warn {
	background: url(images/warning.gif) no-repeat;
}

.confirm {
	background: url(images/confirm.gif) no-repeat;
}

.icon {
	width: 16px;
	height: 16px;
}

.messagebox-text {
	font-size: 10px;
	padding-left: 10px;
	padding-right: 20px;
}

.orgComponent {
	height: 600px;
	width: 600px;
}

.popUp-UserInfo {
	background: #fff;
	border: 1px solid #666;
	padding: 4px;
}

.popUp-UserInfobg {
	border: 1px solid #666;
	background-color: #8EC8EA;
	padding: 4px;
}

.selectMatrixGridCell{
	border: 2px solid black;
}
.gwt-HTML {
    padding: 2px 3px 3px 3px;
    font-size: small;		
} 
.gwt-MenuBar {
	background-color: #c9e3ff;
	cursor: default;
	font-weight: bold;
	z-index: 9999;
}

.gwt-MenuBarPopup{
	z-index: 9999;
}
.gwt-MenuBar-vertical,.gwt-MenuItem {
    /* padding: 2px 0px 2px 1px !important; */
}
.menupanel{
	background-color: #c9e3ff;	
	cursor: default;
	font-weight: bold;
	}
.gwt-MenuItem {
	font-size: 12px;
	margin: 1px;
	font-family: Verdana;
	font-color:red;
	font-weight: bold;
	cursor: default;
	color: #000066;
	white-space: nowrap;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
	font-weight: bold;
	color: #000066;

}

.listbox {
 background-color: #EBEBEB;
 cursor: default;
 border-style: solid;
 border-color: #000099;
 border-width: 1px 1px 1px 1px;
}

.listboxitem {
}

.listboxitem_has_value {
  background-color: #FFCC66;
  cursor: hand;
  padding: 1px;
  margin: 1px;
  border-top: thin solid;
  border-right: thin solid;
  border-bottom: thin solid;
  border-left: thin solid;
  border-style: solid;
  border-width: 1px 1px 1px 1px;	
  font-family: Tahoma; 
  font-size: 10;
}

.listboxitem_selected {
  background-color: #3366FF;
  color: #FFFFFF;
  border-style: solid;
  border-color: #990000;
  border-width: 1px 1px 1px 1px;
  white-space: nowrap;
}

HTML { /* Workaround for GWT issue 1932 */
	margin: 0px !important;
	border: none !important;
}

.dragdrop-handle {
	cursor: move;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

.dragdrop-draggable {
	zoom: 1; /* IE gain hasLayout */
}

.dragdrop-dragging {
	zoom: normal; /* remove artifacts */
}

.dragdrop-positioner {
	border: 1px dashed #1E90FF; /* blue */
	margin: 0px !important;
	zoom: 1; /* IE gain hasLayout */
	z-index: 100;
}

.dragdrop-flow-panel-positioner {
	color: #1E90FF; /* blue */
	display: inline;
	text-align: center;
	vertical-align: middle;
}

.dragdrop-proxy {
	background-color: #77AAFF; /* light blue */
}

.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
	filter: alpha(opacity =     30);
	opacity: 0.3;
}

.dragdrop-movable-panel {
	z-index: 200;
	margin: 0px !important;
	border: none !important;
}

.listbox {
 background-color: #EBEBEB;
 cursor: default;
 border-style: solid;
 border-color: #000099;
 border-width: 1px 1px 1px 1px;
}

.listboxitem {
}

.listboxitem_has_value {
  background-color: #FFCC66;
  cursor: hand;
  padding: 1px;
  margin: 1px;
  border-top: thin solid;
  border-right: thin solid;
  border-bottom: thin solid;
  border-left: thin solid;
  border-style: solid;
  border-width: 1px 1px 1px 1px;	
  font-family: Tahoma; 
  font-size: 10;
}

.listboxitem_selected {
  background-color: #3366FF;
  color: #FFFFFF;
  border-style: solid;
  border-color: #990000;
  border-width: 1px 1px 1px 1px;
  white-space: nowrap;
}
.taggedwindow{
	border: 4px solid #CCCCCC;	 
	z-index: 20000 !important;
	overflow: auto !important;
	background-color:#FFFFFF !important;
}

.taggedwindowtoolbar{
	background-color: #FFFFFF;
}

.taggedwindowcontent{
	background-color: #FFFFFF;
}	

.event_allocated{
	background-color: #EBEBEB;
	margin: 2px !important;
	cursor: pointer;
	text-align: center;
    height: 22px !important;
    white-space: nowrap;
}
.event_wo_background{
	background-color: #669933;
	margin: 2px !important;
	cursor: pointer;
	text-align: center;
    height: 22px !important;
     white-space: nowrap;
}
.overflowHidden {
    overflow: hidden;
}
.gwt-TreeItem-selected{
	background:-#1e90ff26;
	color:#1e90ff;
	font-weight:600;
}

.event_selected{
	background-color: #EBEBEB;
	border: 2px solid #0000a0;
	cursor: pointer;
	text-align: center;
    height: 22px !important;
     white-space: nowrap;
}
.event_wo_selected{
	background-color: #669933;
	border: 2px solid #0000a0;
	cursor: pointer;
	text-align: center;
    height: 22px !important;
     white-space: nowrap;
}


.scheduleTableCell{
	background-color: 	#FFCC99;
	border:				1px solid #FFFFFF;
	align: 				center;
	position:			relative;
	overflow-y: 		auto !important;
		
}

.scheduleTableHeader{
	background-color:	#CCCCCC;
	height:				40px;
	width:				100%;
	border:				1px solid #FFFFFF;
	text-align: 		center;	
}
.eventTableTitle{
	text-align: 		center;	
}

.scheduleEvent_WO_header{
	background-color: #669933;
	border: 1px solid #FFFFFF;
	text-align: 		center;	
	cursor: pointer;
	width:				100%;
}

.scheduleEvent_Issue_header{
	background-color: #A32929;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	text-align: 		center;	
	width:				100%;
}

.scheduleEvent_Inspection_header{
	background-color: #FF9933;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	text-align: 		center;	
	width:				100%;
}

.scheduleEvent_PMInspection_header{
	background-color: #996600;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	text-align: 		center;	
	width:				100%;
}

.resourcePresenter{
	border: 1px solid black;
}
.eventsPresenter{
	border: 1px solid black;
	width: 100%;
}

.resourceTableHeader{
	background-color:	#CCCCCC;
	height:				20px;
	border:				1px solid #FFFFFF;
	text-align: 		center;
}

.resourceHoursCell{
	width:				100px;
	height:				30px;
	background-color:	#D2B48C;
	border:				1px solid #FFFFFF;
	text-align: 		center;
}
.resourceContentColumn{
	background-color:	#D2B48C;
	border:				1px solid #FFFFFF;
	horizontal-align:	left;
}


.eventWorkorder{
	background-color:	#669966;
	font-size: 			12px;
	font-family: 		Verdana;
	font-color:			white;
}

.eventIssue{
	background-color:	#D96666;
	font-size: 			12px;
	font-family: 		Verdana;
	font-color:			white;
}

.eventInspection{
	background-color:	#FF9966;
	font-size: 			12px;
	font-family: 		Verdana;
	font-color:			white;
}

.eventPMInspection{
	background-color:	#996633;
	font-size: 			12px;
	font-family: 		Verdana;
	font-color:			white;
}

.summaryGrid{
	vertical-align: left !important;
	border:			0px solid blue !important;
	cellSpacing:	0	!important;
	cellPadding:	0	!important;	
	height:			100% !important;			
	width:			100% !important;			
}
.calendarGrid{
	width:				100%;
	height:				200px;
	overflow-y: 		scroll;
	overflow-x: 		hidden !important;			
}
.conditionAlert{
	background-color: red;
	font-family: Verdana;
	font-size: 16px;
	font-color: white;	 	
}
	

input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus {
   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}  

.gwt-PopupPanel {
	border: 0px solid #E7E7E7 !important;
	padding: 0px !important;
	background: white;
}
.inspection-asset-header-online {
	background-color: #00e16f; //green
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: black;
	text-align: left;
	text-indent: 3px;
	border-left: solid thin white;
}
.inspection-asset-header-offline {
	background-color: #ffa500; //orange
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: black;
	text-align: left;
	text-indent: 3px;
	border-left: solid thin white;
}

.standardFont {
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
}
.offline{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: white;
	cursor: pointer;	
	text-decoration: underline;
}

.popupMessage{
	background-color: #CCCCFF;
	box-shadow: 4px 4px 3px #888888;	
	zIndex: 100001;		
}

.nowrapText {
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
	white-space: nowrap;
}
.nonwrapText{
	white-space: nowrap;
}

.closeX{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: black;
	cursor: pointer;	
}

.standardFontMultiline {
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
	white-space: pre-wrap;
	width:500px !important;
	height:100px !important;
    overflow-x: none;
    overflow-y: auto;	
}
.standardMultiline {
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
	white-space: pre-wrap;
	width:700px !important;
	height:850px !important;
    overflow-x: none;
    overflow-y: auto;	
}

.standardFontMultilineMobileDisplay {
	font-family: Verdana;
	font-size: small;
	font-weight: normal;
	white-space: pre-wrap;
	width:100% !important;
	height:70px !important;
	min-width:200px !important;
    overflow-x: none;
    overflow-y: auto;	
}

.log-panel {
  z-index: 2000 !important;
}

.gwt-SuggestBoxPopup .item {
  width : 170px;
}

.conditionReporting-route {
	font-size : 15px !important;
	max-width:300px;
}
/* view's top level vertical panel */
.viewContent{
	vertical-align: top;
	width:100%;
}
.contentPanel{
	margin:0 !important;
	width: 100% !important;
}

.assetStatus{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: white;
}

/* To override JQuery definition */
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:100};

/* to solve iOS transparency issue*/
.whiteView{
	background-color: #FFFFFF;
}

.schedulerEvent{
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	color: white;
	width:100%;
	text-align: center;
	border: 1px solid #ffffff;	
	background-color: #EBEBEB;	
	overflow: hidden;
	
}

.tooltip{
	 border: 1px solid black !important;
     padding: 2px 3px 3px 3px;
     font-size: smaller;
     background-color: #FFFBC9; /*Pale Weak Yellow*/
     z-index: 999 !important;	
}

.textRightAlign{
	background-color: #EBEBEB; 
	font-family: Verdana;
	font-size: small;
	color: #000066;
/* 	background-image: url(images/gridrow.gif);
	background-repeat: repeat-x;
 */
	cursor: pointer;
	/* border-left: solid thin white; */
	border-bottom: solid thin white;
	cursor: default;
	min-height: 18px;
	text-align: right;
}
.selectedRightAlignRow{
	color: #ffffff;
	background-color: #999999;
/* 	background-image: url(images/gridrow.gif);
	background-repeat: repeat-x;
 */	
	font-family: Verdana;
	text-align: right;
	text-indent: 3px;
	cursor: pointer;
	font-size: small;
	border-left: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}
.condition_reporting_missing {
	background-color: #FFFF2E;
}
.eye-icon,.hide-icon {
    /*width: 25px;*/ /* Set the width of the button to the size of the icon */
    /*height: 25px;*/ /*Set the height of the button to the size of the icon */
    /*border:none;
    background-color:#fdfdfd;
    /*background-image: url(images/eye.png);*/
    /*background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer; /*Add a cursor pointer to indicate interactivity */
}
.eye-icon{
	background-image: url(images/eye.png);
}
.hide-icon{
	background-image: url(images/hide.png);
}

.password-box {
    position: relative;
}

.password-box img {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
}
.noBorder {
    border: none;
}
.overflow-VPanel{
	overflow:auto;
}
.fixedtoolbar {
    position: sticky;
    top: 0;
    left: 1;
    width: 5%;
    height:0.5%;
    padding: 1px 0; /* Adjust padding as needed */
    z-index: 100; /* Ensure the toolbar appears above other elements */
    background:#EEEEEE;
    border-top:4px solid white;
}
.standardMulti{
	pointer-events: none;
	touch-action:none;
}
.gwt-RadioButton > label:empty,
span.formfields > label:empty{
	display: none !important;
}

.digital-twin{
	background-color : rgba(123, 180, 255, 0.244);
	background:linear-gradient(270deg, #e0f2f1 0%, #fffdec 100%);
	background: rgba(123, 180, 255, 0.12);
}

.digital-twin-tree, .digital-twin-image{
	background-color : transparent;
	cursor: pointer;
}

.digital-twin-content {
	display: flex;
	justify-content: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #d5d5d5;
	cursor: default;
}

.digital-twin-tree .gwt-TreeItem.gwt-TreeItem-selected{	
	font-family: Open Sans;
}

.digital-twin-tree .gwt-TreeItem{
	font-family : Roboto;
}

.digital-twin-asset-label{
	font-family: Roboto;
	font-size: 13px;
	font-weight: 700;
}

.digital-twin-asset-static-label{
	font-family: Roboto;
	font-size: 13px;
	color: rgb(0, 0, 139);
	font-weight: 700;
}

.active-Button{
	font-weight:bold;
}
.normal-Button{ 
	font-weight:normal;
}

.existingDataItem {
	background : #ffcc99 !important;
}

.existingDataItem-notDraggable {
	background : #ffcc99 !important;
	-webkit-user-drag: unset !important;
}

.tagSearch{
	z-index:10000 !important;
}
.rowHighlightColor {
	background-color: #999999;
}

}
.formdesigner-icon-panel{
	padding: 5px;
	border: 1px solid black;
}

.formdesigner-icon-panel img{
	margin: 5px;
}

.formdesigner-icon-panel img:HOVER {
	cursor: pointer;
}

.no-scrollbar {
    overflow-y: auto; /* Enables scrolling */
    scrollbar-width: none; /* Hides scrollbar in Firefox */
    -ms-overflow-style: none; /* Hides scrollbar in IE/Edge */
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari */
}

/* Change the background color when using keyboard navigation */
.Cell-List .gwt-CellList-KeyboardSelected {
    background-color: darkblue !important; /* Change to desired color */
    color: white !important;
}

.obs-designer .gridrow_even .grid-selected-image{
	filter: opacity(0);
	pointer-events: none;
} 

.obs-designer .grid-selected-image{
	margin-left: auto;
} 

.obs-designer-bin {
	display: flex;
    align-items: center;
}

.obs-designer .gridrow_even table td, .obs-designer .selectedrow table td{
    font-family: Roboto !important;
}

.accordion-header {
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header td{
	font-family: "Roboto" !important;
    font-size: 12px;
}

.accordion-content {
	border-bottom: 1px solid #ddd;
    background: #fff;
}

.accordion-icon {
    transition: transform 0.3s ease-in-out;
    color : black
}

.rotate {
    transform: rotate(180deg);
}

.accordion-container {
    overflow-y: auto; 
}

/* Hide scrollbar for Chrome, Safari, and Edge */
.accordion-container::-webkit-scrollbar {
    width: 0px;
    display: none;
}

/* Hide scrollbar for Firefox */
.accordion-container {
    scrollbar-width: none;
}

.obs-designer-grid-panel {
	height: calc(100% - 53px);
	z-index: -999;
}

.parent-field {
	position: relative;
	overflow: hidden;
	padding: 3px;
}

.label-field {
	position: absolute;
	top: -2px;
	left: 15px;
	z-index: 99;
	background: white;
	font-size: 10px;
	padding: 0px 5px;
	color: black;
	font-family: Roboto !important;
}

.checkbox-label-field { 
	color: black;
	font-family: Roboto !important;
}

.input-field {
	padding: 7px 5px 3px 5px;
	border-radius: 3px;
	border: 1px solid rgb(118, 118, 118);
	width: 100%;
}

.input-field-min { 
	min-width: 20rem;
}

.input-field[disabled], .input-disabled { 
	border: 1px solid rgba(118, 118, 118, 0.3);
}



.am-documentTable {
	border-collapse: collapse;
}

.am-documentTable .gridrow_even .gwt-Hyperlink a{
	font-family: Roboto;
	font-size: 12px;
}
.am-documentTable-bin {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}
.hover-table-but-one tbody tr:nth-child(n+2):not(:last-child):hover td {
  background-color: #DCE8FD !important;
}

.hover-table tr:nth-child(n+2):hover td {
	background-color: #DCE8FD !important;
}

.hover-table-but-one tbody tr:nth-child(n+2):not(:last-child):hover td.obs-gridrow-selected{
    background-color: #4b89d5 !important;
}


.localePanel {
	height:80vh;
	width:100%;
	border:0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 opacity: 1 !important;
 margin: 0;
 width: 15px;
 height: 35px;

}
.drop-area {
	border: 2px solid blue;
	border-style:  dotted;
    text-align: center;      
    display: flex;            
    flex-direction: column;  
    align-items: center;    
    padding: 10px;
}

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

.obs-gridrow-selected {
	background-color: #4b89d5 !important;
    color: black; 
	font-family: Roboto;
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	font-size: small;
	border-left: solid thin white;
	border-right: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}

.obs-gridrow-unmapped {
	background-color: #ffcc99 !important;
    color: black; 
	font-family: Roboto;
	text-align: left;
	text-indent: 3px;
	cursor: pointer;
	font-size: small;
	border-left: solid thin white;
	border-right: solid thin white;
	border-bottom: solid thin white;
	cursor: default;
}