body,div,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	word-wrap: break-word;
}

body {
	background-color: #C9C9C9;
	text-align: left;
}

a img {
	border: 0 none;
	vertical-align: middle;
}

a {
	text-decoration: underline;
}

a:hover {
	color: #38297f;
}

a:active {
	color: #513cb9;
}

a:visited {
	color: #513cb9;
}

.noborder1 {
	vertical-align: top;
	border: none !important;
	width: 50% !important;
}

.noborder2 {
	vertical-align: top;
	border: none !important;
	width: 50% !important;
}

.wrapper {
	width: 1124px;
	min-width: 1124px;
	max-width: 1124px;
	margin-right: auto;
	margin-left: auto; /* fix max-width incompatibility in IE6 */
	width: expression(document.body.clientWidth >    1124 ?    "1124px" :    
		"auto");
	overflow: hidden;
	display: block;
}

.wrapper_index {
	width: 870px;
	min-width: 870px;
	max-width: 870px;
	margin-right: auto;
	margin-left: auto; /* fix max-width incompatibility in IE6 */
	width: expression(document.body.clientWidth >    870 ?    "870px" :    "auto");
	overflow: hidden;
	display: block;
}

.menu {
	width: 1114px;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
}

.content {
	width: 1121px;
	height: auto;
	vertical-align: top;
	text-align: left;
}

.img {
	position: absolute;
	right: 220px;
	top: 0px;
}

.content_index {
	width: 870px;
	height: auto;
	vertical-align: top;
	text-align: left;
}

.content_index_banner {
	width: 870px;
	height: 150px;
	background-color: rgb(205, 205, 205);
	border: none;
}

.mainPanel {
	min-height: 350px;
	max-height: auto;
}

.loginPanel {
	min-height: 450px;
	max-height: 450px;
}

.contentPanel {
	max-height: auto;
	min-height: auto;
}

.contentPanel2 {
	background-color: rgb(0, 245, 255);
	min-height: auto;
	min-width: auto;
}

.banner {
	height: 40px;
}

.action-column {
	text-align: center;
	width: 120px !important;
}

.action-column-crud {
	width: 10%;
}

.action-column-crud2 {
	width: 13%;
}

.action-column-crud3 {
	width: 21%;
	text-align: left;
}

.action-column-crud4 {
	width: 17%;
	text-align: left;
}

.ui-selectmanymenu {
	width: 155px !important;
	height: 100px !important;
}

.dialog {
	width: auto;
}

.col1 {
	vertical-align: top;
	font-weight: bold;
}

.col2 {
	vertical-align: top;
}

.col3 {
	vertical-align: top;
}

.detailDialog {
	width: 870px !important;
	max-height: 520px !important;
	overflow: auto !important;
}

.detailDialog2 {
	width: 930px !important;
	max-height: 600px !important;
	overflow: auto !important;
}

.detailDialog3 {
	width: 1050px !important;
	max-height: 600px !important;
	overflow: auto !important;
}

.detailDialogChart {
	width: 1151px !important;
	max-height: 520px !important;
	min-height: 420px !important;
}

.forgotPassDialog {
	width: 330px !important;
}

.detailBandTitle {
	padding: 5px;
	font-weight: bold;
}

.detailPanelGroupField {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

.detailPanelGroup {
	padding-bottom: 20px;
	display: inline-block;
}

.pageLocation {
	display: block;
	padding-top: 10px;
}

.noBorders tr,.noBorders td {
	background: none !important;
	border: none !important;
}

.treePermissions ul {
	height: auto !important;
	max-height: 240px;
	width: 300px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.treeAllowed ul {
	height: 100px !important;
	width: 235px !important;
	overflow-x: hidden !important;
}

.headerTable1 {
	width: 10%;
	text-align: center;
}

.headerTable2 {
	width: 90%;
	padding-right: 10% !important;
}

.headerTable1_terminal {
	width: 30%;
	text-align: center;
}

.headerTable1_ptt {
	width: 6%;
	text-align: center;
}

.headerTable2_terminal {
	width: 70%;
	padding-right: 20% !important;
}

.headerTable1_QC {
	width: 17px !important;
	text-align: left;
	padding-top: 2px !important;
}

.headerTable2_QC {
	width: 120px !important;
	text-align: left;
	padding-top: 2px !important;
}

.headerTable1_log {
	width: 40%;
	text-align: center;
}

.headerTable2_log {
	width: 60%;
	padding-right: 20% !important;
}

.headerTable_single {
	width: 100%;
	text-align: center;
}

.buttonAlign {
	text-align: center;
}

.tabViewDialog {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.detailPanelGroupBooleanContent {
	margin-top: 20px;
}

.alerttypefilter {
	width: 400px !important;
}

.img-button-location {
	background-image: url('../resources/images/location.png') !important;
}

.img-button-route {
	background-image: url('../resources/images/route.png') !important;
}

.img-button-project {
	background-image: url('../resources/images/project-ico.png') !important;
}

.img-button-assoc {
	background-image: url('../resources/images/assoc.png') !important;
}

.img-question {
	background-image: url('../resources/images/duvida.gif') !important;
}

.img-variable {
	background-image: url('../resources/images/variable.png') !important;
}

.img-pump {
	background-image: url('../resources/images/water-pumps.jpg') !important;
}

.img-text {
	background-image: url('../resources/images/text.png') !important;
}

.img-alarm {
	background-image: url('../resources/images/alarm.png') !important;
}

.img-rtc {
	background-image: url('../resources/images/rtc.png') !important;
}

.img-modbus {
	background-image: url('../resources/images/modbus.png') !important;
}

.img-updatevars {
	background-image: url('../resources/images/updatevars.png') !important;
}

.img-schedule {
	background-image: url('../resources/images/calendar.png') !important;
}

.img-restrict {
	background-image: url('../resources/images/restrict.png') !important;
}

.img-remote {
	background-image: url('../resources/images/remote.png') !important;
}

.img-chart {
	background-image: url('../resources/images/chart.png') !important;
}

.img-legend {
	background-image: url('../resources/images/legend.png') !important;
}

.img-remote-icon {
	background-image: url('../resources/images/remote-icon.png') !important;
}

.img-device {
	background-image: url('../resources/images/device.png') !important;
}

.img-sensor {
	background-image: url('../resources/images/sensor.png') !important;
}

.img-history {
	background-image: url('../resources/images/history.png') !important;
}

.img-update {
	background-image: url('../resources/images/update.png') !important;
}

.img-hidrometer {
	background-image: url('../resources/images/hidrometer.png') !important;
}

.img-adjustment {
	background-image: url('../resources/images/adjustment.png') !important;
}

.img-info {
	width:45px !important;
	height:64px !important;
	background-image: url('../resources/images/info.png') !important;
}

.img-bell {
	background-image: url('../resources/images/bell.png') !important;
}

.img-monitor {
	background-image: url('../resources/images/monitor.png') !important;
}

.img-valve {
	background-image: url('../resources/images/valve_icon.png') !important;
}

.img-well {
	background-image: url('../resources/images/poco.png') !important;
}

.img-line {
	background-image: url('../resources/images/line_icon.png') !important;
}

.img-map {
	background-image: url('../resources/images/map.png') !important;
}

.blackFont {
	font-weight: bold;
}

.pumpEletricDataPanel {
	width: 220px;
	height: 310px !important;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpTlmPanel {
	width: 220px;
	height: 90px !important;
	margin-left: 0px;
	margin-top: 320px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpCMBPanel {
	width: 220px;
	height: 170px;
	margin-left: 865px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpWellPanel {
	width: 220px;
	height: 95px;
	margin-left: 865px;
	margin-top: 185px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpAlertsPanel {
	width: 560px;
	height: 140px;
	margin-left: 260px;
	margin-top: 320px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpCMBPanel2 {
	width: 220px;
	height: 170px;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpWellPanel2 {
	width: 220px;
	height: 95px;
	margin-left: 0px;
	margin-top: 185px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpTlmPanel2 {
	width: 220px;
	height: 95px !important;
	margin-left: 865px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.valveVar1Panel {
	width: 120px;
	height: 100px;
	margin-left: 220px;
	margin-top: 20px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.valveVar2Panel {
	width: 120px;
	height: 100px;
	margin-left: 685px;
	margin-top: 20px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.valveVar3Panel {
	width: 120px;
	height: 100px;
	margin-left: 220px;
	margin-top: 260px;
	position: absolute;
	speak-header: once;
	background-color: transparent;
	text-align: center;
}

.valveVar4Panel {
	width: 120px;
	height: 100px;
	margin-left: 375px;
	margin-top: 260px;
	position: absolute;
	background-color: transparent;
	text-align: center;
}

.valveVar5Panel {
	width: 120px;
	height: 100px;
	margin-left: 530px;
	margin-top: 260px;
	position: absolute;
	background-color: transparent;
	text-align: center;
}

.valveVar6Panel {
	width: 120px;
	height: 100px;
	margin-left: 685px;
	margin-top: 260px;
	position: absolute;
	background-color: transparent;
	text-align: center;
}

.valvePanel {
	width: 100%;
	height: 100%;
	min-height: 380px;
	min-width: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/valve.png') !important;
	background-color: transparent;
}

.pumpOnPanel {
	max-height: auto;
	min-height: auto;
	min-height: 470px;
	min-width: 600px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/pump_on.jpg') !important;
	background-color: transparent;
}

.pumpOffPanel {
	max-height: auto;
	min-height: auto;
	min-height: 470px;
	min-width: 600px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/pump_off.jpg') !important;
	background-color: transparent;
}

.pumpErroPanel {
	max-height: auto;
	min-height: auto;
	min-height: 470px;
	min-width: 600px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/pump_erro.jpg') !important;
	background-color: transparent;
}

.pumpTripPanel {
	max-height: auto;
	min-height: auto;
	min-height: 470px;
	min-width: 600px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/pump_trip.gif') !important;
	background-color: transparent;
}

#valvecontentwrapper {
	width: 100%;
	height: 100%;
	min-height: 400px;
	min-width: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../resources/images/valve.png') !important;
	background-color: transparent;
}

.bombPanel {
	max-height: auto;
	min-height: auto;
	min-height: 470px;
	min-width: 600px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

.pumpCMB1Panel {
	width: 270px;
	height: 200px !important;
	margin-left: 0px;
	margin-top: 110px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpCMB2Panel {
	width: 270px;
	height: 200px !important;
	margin-left: 815px;
	margin-top: 110px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpAlertsPanel1 {
	width: 480px;
	height: 140px;
	margin-left: 0px;
	margin-top: 320px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.pumpAlertsPanel2 {
	width: 480px;
	height: 140px;
	margin-left: 605px;
	margin-top: 320px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.levelPanel {
	width: 480px;
	height: 95px;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.CCMPanel {
	width: 170px;
	height: 95px;
	margin-left: 505px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.highLevelPanel {
	width: 115px;
	height: 25px;
	margin-left: 290px;
	margin-top: 120px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.lowLevelPanel {
	width: 115px;
	height: 25px;
	margin-left: 290px;
	margin-top: 270px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.wellLevelPanel {
	width: 205px;
	height: 25px;
	margin-left: 420px;
	margin-top: 270px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

.QCPanel {
	width: 170px;
	height: 95px;
	margin-left: 685px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
}

/*

.ui-column-filter2{
    width : 35% !important;
}

*/
.ui-column-filter {
	max-width: 100% !important;
}

.infoWindowText {
	text-align: left;
	display: block;
	margin: auto;
	font-size: 13px;
}

.map {
	width: 900px;;
	height: 400px;
}

html.progress,html.progress * {
	cursor: progress !important;
}

/* CSS Primefaces */
.ui-tabs .ui-tabs-panel {
	padding: 1em 0 0 0 !important;
}

.ui-outputlabel {
	padding-right: 10px
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 18.5em !important;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
	width: 95% !important;
}

.ui-panel .ui-panel-content {
	padding: 0.1em !important;
}

.ui-tree {
	width: 100% !important;
}

.fileupload-content .ui-progressbar {
	width: 110px !important;
	height: 20px !important;
}

.viewOnlyInput input {
	opacity: 1 !important;
}

.viewOnlyInput {
	opacity: 1 !important;
}

.displayAlertInput input {
	opacity: 1 !important;
	color: white;
	font-size: 9pt;
	text-align: center;
	background-color: tomato;
}

.displayAlertInput {
	opacity: 1 !important;
	color: white;
	font-size: 9pt;
	text-align: center;
	background-color: tomato;
}

.displayInput input {
	opacity: 1 !important;
	color: white;
	font-size: 9pt;
	text-align: center;
	background-color: black;
}

.displayInput {
	opacity: 1 !important;
	font-size: 9pt;
	text-align: center;
	background-color: black;
	color: white;
}

.displayOutput {
	font-size: 9pt;
}

.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield
	{
	background: #ffffff !important;
}

.ui-dashboard-column {
	width: 535px;
	padding: 10px !important;
}

.ui-clock {
	font-size: 30px !important;
}

div[id="form:datatableAlerts"] table thead tr {
	display: none;
}

div[id="form:datatableAlerts2"] table thead tr {
	display: none;
}

div[id="form:datatableLegends"] table thead tr {
	display: none;
}

.hide-column-names table thead tr {
	width: 100%;
}

.highlight {
	background: white !important;
}

.highlight2 {
	color: white;
	background: tomato !important;
}

.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td {
	white-space: normal !important;
	background-size: contain !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.map_normal_screen {
	width: 1112px;
	height: 400px
}

.map_full_screen {
	height: 100% !important;
	width: 100% !important;
	left: 0px !important;
	top: 0px !important;
	border: none !important;
	position: fixed !important;
}

.legend_normal_screen {
	left: 1050px !important;
	top: -50px !important;
	z-index: 10000 !important;
	position: relative !important;
}

.chart_normal_screen {
	left: 1080px !important;
	top: -83px !important;
	z-index: 10000 !important;
	position: relative !important;
}

.chart_full_screen {
	top: 0px !important;
	z-index: -10000 !important;
}

.legend_full_screen {
	left: 1050px !important;
	top: 350px !important;
	position: relative !important;
}

.priority_1 {
	background-color: rgb(255, 0, 0);
	color: white;
}

.priority_2 {
	background-color: rgb(255, 125, 0);
	color: white;
}

.priority_3 {
	background-color: rgb(255, 215, 0);
}

.priority_4 {
	background-color: rgb(173, 255, 47);
}

.priority_5 {
	background-color: rgb(0, 255, 0);
}

.priority_6 {
	background-color: rgb(154, 205, 50);
}

.priority_7 {
	background-color: rgb(0, 255, 127);
}

.priority_8 {
	background-color: rgb(147, 112, 219);
	color: white;
}

.priority_9 {
	background-color: rgb(0, 245, 255);
}

.priority_10 {
	background-color: rgb(72, 118, 255);
	color: white;
}

.priority_unknown {
	background-color: white;
}

/*---------Common styles between the monitoring screens-----*/
.erro_msg {
	font-weight: bold !important;
	font-size: 12pt !important;
	text-align: center !important;
	color: red !important;
	padding-bottom: 5px !important;
}

@-webkit-keyframes bombMainScreen {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes bombMainScreen {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes bombMainScreen {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes bombMainScreen {
0% { opacity: 0; }
100% { opacity: 1; }
}

.bombMainScreen {
	-webkit-animation: bombMainScreen 0.5s ease-in-out;
	-moz-animation: bombMainScreen 0.5s ease-in-out;
	-o-animation: bombMainScreen 0.5s ease-in-out;
	animation: bombMainScreen 0.5s ease-in-out;
	width: 100%;
	height: 93%;
	float: left;
	position: inherit;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	left: 0px;
	top: 0px;
}

.panelTelecomandDialog {
	background-color: white;
	height: 250px;
	top:294px !important;
	padding-right: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
	width: 350px !important;
}

.title {
	font-weight: bold !important;
	font-size: 11pt !important;
	text-align: center !important;
	padding-bottom: 5px !important;
}

.displayOutput2 {
	font-size: 9pt;
}

.displaydate {
	font-size: 7pt;
}

.displayInput2 {
	background-color: black !important;
	opacity: 1 !important;
	color: white !important;
	font-size: 11pt !important;
	text-align: center !important;
}

.displayAlertInput2 {
	background-color: tomato !important;
	opacity: 1 !important;
	color: white !important;
	font-size: 11pt !important;
	text-align: center !important;
}

.telecmd {
	font-size: 8pt !important;
	text-align: center !important;
	width: 120px !important;
}

.telecmdDisable {
	font-size: 8pt !important;
	text-align: center !important;
	width: 120px !important;
	opacity: 1 !important;
}

.mainImage {
	height: 100% !important;
	width: 100% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	margin: 0% !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	top: 50% !important;
	left: 50% !important;
}

.mainImageLane {
	height: 100% !important;
	width: 100% !important;
	position: relative;
	left: 0%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}


.mainInfoLane {
	height: 100% !important;
	width: 100% !important;
	position: relative;
	left: 0%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.graphic {
	text-align: left !important;
	margin-left: 30%;
}

.headerTable1_QC2 {
	/* 	padding-top: 1% !important; */
	text-align: left !important;
}

.headerTable2_QC2 {
	text-align: left !important;
	/* 	padding-top: 1% !important; */
	/* 	margin-left: 5% !important; */
	/* 	width: 60%; */
}

.headerTable1_Monitor2 {
	text-align: left;
}

.headerTable2_Monitor2 {
	text-align: left;
}

.date {
	font-weight: bold;
}

.ui-layout-unit {
	border: none;
	vertical-align: middle;
}

.ui-layout-unit-content {
	overflow: visible !important;
	background-color: transparent;
}

/*---------Style to monitoring screen with 2 bombs----------*/
.bomb2Panel1 {
	width: 51%;
	height: 95%;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	/*     background-color: red; */
}

.bomb2Panel2 {
	width: 14%;
	height: 95%;
	margin-left: 52%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb2Panel3 {
	width: 14%;
	height: 95%;
	margin-left: 67%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb2Panel4 {
	width: 17.5%;
	height: 95%;
	margin-left: 82%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb2Panel5 {
	width: 100%;
	height: 93%;
	text-align: center;
	background-color: transparent;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb2Panel6 {
	width: 100%;
	height: 93%;
	text-align: center;
	background-color: transparent;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb2Panel7 {
	background-color: transparent;
	height: 95%;
	width: 49%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb2Panel8 {
	background-color: transparent;
	height: 95%;
	width: 49%;
	position: relative;
	top: -96%;
	left: 51%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.panelGrid1 {
	margin-top: 1% !important;
	width: 100% !important;
	margin-left: 5px;
}

.panelGrid2 {
	margin-top: 5% !important;
	width: 100% !important;
	margin-left: 3%;
}

.panelGrid3 {
	margin-top: 5% !important;
	width: 100% !important;
	margin-left: 0%;
}

.panelGrid4 {
	margin-top: 1% !important;
	width: 100% !important;
	margin-left: 2%;
}

.panelGrid5 {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
}

.panelGrid6 {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
}

.panelGrid7 {
	margin-top: 1% !important;
	margin-left: auto !important;
}

.panelGrid8 {
	margin-top: 1% !important;
	margin-left: auto !important;
}

/*----------------------------------------------------------*/
/*---------Style to monitoring screen with 3 bombs----------*/
.bomb3Panel1 {
	height: 95%;
	width: 33%;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel2 {
	width: 33%;
	height: 95%;
	margin-left: 34%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel3 {
	width: 32%;
	height: 95%;
	margin-left: 68%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel4 {
	width: 100% !important;
	height: 24% !important;
	text-align: center;
	background-color: transparent;
	margin-bottom: 2% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel5 {
	width: 100%;
	height: 93%;
	text-align: center;
	background-color: transparent;
	margin-top: 0% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel6 {
	width: 100%;
	height: 35%;
	text-align: center;
	background-color: transparent;
	margin-bottom: 2% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel7 {
	width: 100% !important;
	height: 32% !important;
	text-align: center;
	background-color: transparent;
	margin-bottom: 2% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb3Panel8 {
	background-color: transparent;
	height: 95%;
	width: 33%;
	position: relative;
	top: 0%;
	left: 0%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb3Panel9 {
	background-color: transparent;
	height: 95%;
	width: 33%;
	position: relative;
	top: -96%;
	left: 34%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb3Panel10 {
	background-color: transparent;
	height: 95%;
	width: 32%;
	position: relative;
	top: -192%;
	left: 68%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.panelGrid1to3Bomb {
	margin-top: 1% !important;
	width: 100% !important;
}

.panelGrid2to3Bomb {
	margin-top: 1% !important;
	width: 100% !important;
}

.panelGrid3to3Bomb {
	margin-top: 1% !important;
	width: 100% !important;
}

.panelGrid4to3Bomb {
	margin-top: 1% !important;
	width: 100% !important;
	margin-left: 2%;
}

.panelGrid5to3Bomb {
	margin-top: 1% !important;
	width: 100% !important;
	margin-left: 5% !important;
}

.panelGrid6to3Bomb {
	width: 100% !important;
	margin-top: 1% !important;
}

.panelGrid7to3Bomb {
	width: 100% !important;
	margin-top: 1% !important;
}

/*----------------------------------------------------------*/
/*---------Style to monitoring screen with 4 bombs----------*/
.bomb4Panel1 {
	width: 51%;
	height: 95%;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	/*     background-color: red; */
}

.bomb4Panel2 {
	width: 14%;
	height: 95%;
	margin-left: 52%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel3 {
	width: 14%;
	height: 95%;
	margin-left: 67%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel4 {
	width: 17.5%;
	height: 95%;
	margin-left: 82%;
	margin-top: 0px;
	position: absolute;
	background-color: transparent;
	text-align: center;
	display: block;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel5 {
	width: 100%;
	height: 46%;
	text-align: center;
	background-color: transparent;
	margin-top: 0% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel6 {
	width: 100%;
	height: 46%;
	text-align: center;
	background-color: transparent;
	margin-top: 0% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel7 {
	width: 100%;
	height: 46%;
	text-align: center;
	background-color: transparent;
	margin-top: 0% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel8 {
	width: 100%;
	height: 46%;
	text-align: center;
	background-color: transparent;
	margin-top: 0% !important;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
}

.bomb4Panel9 {
	background-color: transparent;
	height: 95%;
	width: 25%;
	position: relative;
	top: 0%;
	left: 0%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb4Panel10 {
	background-color: transparent;
	height: 95%;
	width: 25%;
	position: relative;
	top: -96%;
	left: 26%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb4Panel11 {
	background-color: transparent;
	height: 95%;
	width: 25%;
	position: relative;
	top: -192%;
	left: 52%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.bomb4Panel12 {
	background-color: transparent;
	height: 95%;
	width: 25%;
	position: relative;
	top: -289%;
	left: 78%;
	padding-top: 0% !important;
	padding-right: 0% !important;
	padding-bottom: 0% !important;
	padding-left: 0% !important;
	text-align: center !important;
}

.panelGrid1to4Bomb {
	margin-top: 1% !important;
	width: 100% !important;
	margin-left: 5px;
}

.panelGrid2to4Bomb {
	margin-top: 5% !important;
	width: 100% !important;
	margin-left: 3%;
}

.panelGrid3to4Bomb {
	margin-top: 5% !important;
	width: 100% !important;
	margin-left: 0%;
}

.panelGrid4to4Bomb {
	width: 100% !important;
	margin-top: 1% !important;
}

.panelGrid5to4Bomb {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
}

.panelGrid6to4Bomb {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
	background-color: transparent;
}

.panelGrid7to4Bomb {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
}

.panelGrid8to4Bomb {
	margin-left: 5% !important;
	margin-top: 5% !important;
	width: 100% !important;
}

/*----------------------------------------------------------*/
.ui-datatable .ui-expanded-row-content {
	border-top: 0px none;
	height: auto !important;
	background-color: #d6d6d6;
	min-height: 100px !important;
	max-height: 200px !important;
}


.gc-bubbleDefault {
	transform: scale(0.82);
	transform-origin: 0;
	-webkit-transform: scale(0.82);
	transform: scale(0.82);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

@media print {
	@page {
		size: landscape
	}
	.nonPrintable{
		visibility: hidden;
		height:auto;
		display: none;
	}
	
	#varsChartPanel, #variablesHistoryListTable, #barChartsPanel {
		page-break-after: always;
	}
	
	#interval, #intervalGroup,#intervalRange,#itens,#interval_panel, #footerSeparator, #printButton,#dataTableStatistics,#chartsFilterContentPanel, #chartsContentPanel, #variablesHistoryListTable, #separator, #breadCrumb, #linearVariablesChart, #detailDialogChart, #clientMenu, #adminMenu,#menuForm1, #userDetailForm, #header, #footer { 
        visibility: hidden;
        display: none;
    }
	.printable{
	 	page-break-after: always;
		visibility: visible;
	}
}