/*
    Mango - Open Source M2M - http://mango.serotoninsoftware.com
    Copyright (C) 2006-2011 Serotonin Software Technologies Inc.
    @author Matthew Lohbihler
    
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px solid;
	text-decoration: none;
	font-family: 'Ubuntu', sans serif;

	/* 		transition: all 0.2s linear; */
	/* 		-webkit-transition: all 0.2s linear; */
	/* 		-moz-transition: all 0.2s linear; */
	/* 		-o-transition: all 0.2s linear; */
	/* 		-ms-transition: all 0.2s linear; */
}

.preload {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}
html > body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #eff3f6;
	margin: 0px;
	padding: 0px;
}

body {
	min-width: 985px;
}
a, a:visited, a:link, .link {
	/*color: #804000;*/
	color: #414042;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
}
a:hover {
	/*color: #F07800;*/
	color: #39B54A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
}
a.titleLink, a.titleLink:visited, a.titleLink:link {
	font-size: 11px;
	font-weight: bold;
}
a.titleLink:hover {
	font-size: 11px;
	font-weight: bold;
}
.bigTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.smallTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #804000;*/
	color: #414042;
	font-size: 13px;
	font-weight: bold;
}
.titlePadding {
	padding:3px 3px 0px 3px;
}
.copyTitle {
	/*color: #804000;*/
	color: #414042;
	font-size: 10px;
}
.bodyCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
}
.ptr {
	cursor: pointer;
}


/**
 * Header styles
 */
#__header__alarmLevelText {
	font-weight: bold;
	font-size: 14px;
}
#mainHeader {
/* 	padding-top: 25px; */
/* 	padding-left: 15%; */
/* 	background-color: #30b0a8; */
	line-height: 40px;

}
#subHeader {
	background-color: #F0F0F0;
	padding: 3px;
}


/**
 * List cell styles.
 */
.rowHeader td, .smRowHeader td, .row td, .smRow td, .rowAlt td, .smRowAlt td, .rowAlt2 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.rowHeader td, .smRowHeader td {
	font-weight: bold;
	color: #FFFFFF;
	/*background-color: #F07800;*/
	background-color: #424041;
	text-align: center;
    white-space: nowrap;
}
.rowHeader {
    height: 30px;
}
.rowHeader td {
	padding: 3px 10px 3px 10px;
}
.smRowHeader td {
	padding: 2px 3px 2px 3px;
}
a.rowHeaderLink, a.rowHeaderLink:visited, a.rowHeaderLink:link, a.rowHeaderLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.row td, .smRow td, .rowAlt td, .smRowAlt td, .rowAlt2 td {
	color: #000000;
}
.row td, .rowAlt td, .rowAlt2 td {
	padding: 3px;
}
.smRow td, .smRowAlt td {
	padding: 0px 3px 0px 3px;
}
.row td, .smRow td {
	background-color: #F0F0F0;
}
.rowAlt td, .smRowAlt td {
	background-color: #DCDCDC;
}
.rowAlt2 td {
	background-color: #FFFFFF;
}

.borderDiv, .borderDivPadded {
	/*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
}
.borderDivPadded {
	padding: 3px;
}
.marR {
	margin-right: 5px;
}
.marB {
	margin-bottom: 5px;
}

.marT {
	margin-top: 5px;
}

/**
 * Form styles
 */
.formLabel, .formLabelRequired, .formField, .formError, select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.formLabel, .formLabelRequired {
	color: #333333;
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
/* 	padding-top: 5px; */
/* 	vertical-align: top; */
}
.formLabelRequired, .formError {
	font-weight: bold;
}
.formField {
	padding: 2px;
	color: #333333;
}
.formError {
	color: #FF0000;
	padding-left: 10px;
}
select, input, textarea {
	color: #333333;
	/*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
	padding: 2px;
}
input[type="checkbox"], input[type="radio"] {
	/*color: #F07800;*/
	color: #39B54A;
	border: 0;
}
.formVeryShort {
	width: 30px;
	height: 16px;
}
.formShort {
	width: 50px;
}
.formLong {
	width: 250px;
}
.formDisabled {
	border: 1px solid #D0D0D0;
}
input[type="submit"], input[type="button"] {
	overflow: visible;
}



/**
 * View styles
 */
.controlsDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: -1px;
    z-index: 1;
    margin: 1px 0px 1px 0px;
    padding: 0;
    background-color: #FFFFFF;
}
.controlsDiv table {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}
.controlsDiv td {
    list-style: none;
    margin: 1px;
    padding: 0;
    /*background-color: #F8BB00;*/
    background-color: #FFFFFF;
    width: 16px;
    height: 16px;
}
.controlsDiv td div, .controlContent {
    padding: 1px 5px 1px 5px;
    margin: 0px;
    /*background: #F8BB00;*/
    background: #FFFFFF;
    white-space: nowrap;
    text-align: left;
	font-size: 10px;
	font-weight: normal;
    /*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
    position: absolute;
    visibility:hidden;
    left: 15px;
    top: 0px;
}

.labelDiv, .windowDiv {
    position:absolute;
    padding:1px 5px 1px 5px;
    margin:0px;
    /*background: #F8BB00;*/
    background: #FFFFFF;
    white-space:nowrap;
    text-align:left;
	font-size: 10px;
	font-weight: normal;
	z-index: 20;
}
.labelDiv {
    /*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
}
.windowDiv {
	/*border: 1px outset #F07800;*/
	border: 1px outset #39B54A;
}
.labelDiv a{
	font-size: 12px;
}
.windowDiv a {
	font-size: 10px;
}
.imageDiv {
    z-index:10;
    left:18px;
    position:absolute;
    padding:0px;
    margin:0px;
    /*background: #F8BB00;*/
    background: #FFFFFF;
    white-space:nowrap;
    /*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
}
.ovrflw {
    background:inherit;
    background:expression(this.parentNode.style.background);
    color:inherit;
    color:expression(this.parentNode.style.color);
    font:inherit;
    font:expression(this.parentNode.style.font);
    width:300px;
   	border-width:0 1px 0 1px;
   	border-style:solid;
   	/*border-color:#F07800;*/
   	border-color:#39B54A;
}
#viewContent {
	position:relative;
	margin: 0px;
	padding: 0px;
}
#viewContent img {
	display: block;
	margin: 0px;
	padding: 0px;
}
.componentMin {
	/*background-color: #F8BB00;*/
    background-color: #FFFFFF;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    width:16px;
    height:16px;
}
.componentInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	/*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
	padding: 1px;
}
.simpleRenderer, .simpleRenderer2 {
    /*border: 1px solid #F07800;*/
	border: 1px solid #39B54A;
    padding:1px 5px 1px 5px;
    margin:0px;
    /*background: #F8BB00;*/
    background: #FFFFFF;
    white-space:nowrap;
    text-align:left;
	font-size: 10px;
	font-weight: normal;
}
.simpleRenderer {
	line-height:16px;
}
.infoData {
	color: #FF0000;
}
.horzSeparator {
	height: 1px;
	background: #699D2E;
	padding: 0px;
}
.viewChangeBkgd {
	background: #D8E2CC;
}


/**
 * Absmiddle workaround
 */
span.absmiddle img {
	padding: 0;
	margin: 0;
	vertical-align: middle;
/*	display: inline-block; */
	display: inline;
}


/**
 * Documentation float pane style overrides.
 */
html > body .dojoFloatingPaneTitleBar {
    background-color: #424041;
}
html > body .dojoFloatingPaneCloseIcon {
    background-image: url(../images/cross_doc.png);
    cursor: pointer;
}
html > body .dojoFloatingPaneClient {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
html > body .dojoFloatingPaneClient p, #help p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#help h1 {
	/*color: #804000;*/
	color: #414042;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 20px 0px 10px 0px;
}
html > body .dojoFloatingPaneClient h1, #help h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
}
html > body .dojoFloatingPaneClient img, #help img {
	vertical-align: bottom;
}

/**
 * Common tree styling
 */
html > body .dojoTreeNodeLabelSelected {
	/*background-color: #F07800;*/
    background-color: #39B54A;
    color: #FFFFFF;
    padding: 2px 3px 3px 2px;
}


/**
 * Styles for weekly 15 minute interval schedules.
 */
.qoff {
    /*background-color: #B4CE96;*/
    background-color: #FF4000;
}
.qon {
    /*background-color: #699D2E;*/
    background-color: #B4CE96;
}

.qreg {
    border: 1px solid #699D2E;
}
.qhlt {
    border: 1px solid #FF9D2E;
}

.hreg {
    border: 1px solid #FFFFFF;
}
.hhlt {
    border: 1px solid #FF9D2E;
}

.standard-btn
{
/* width:80px; */
padding: 0px 20px;
height:36px;
border:0;
/* background: -moz-linear-gradient(top,  #a3f7ea 0%, #1ea892 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3f7ea), color-stop(100%,#1ea892)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #a3f7ea 0%,#1ea892 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #a3f7ea 0%,#1ea892 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #a3f7ea 0%,#1ea892 100%); IE10+ */
/* background: linear-gradient(to bottom,  #a3f7ea 0%,#1ea892 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3f7ea', endColorstr='#1ea892',GradientType=0 ); IE6-9 */
font-family: 'Ubuntu', sans serif;
font-weight:600;
font-size:14px;
outline:none;

}

.standard-btn::-moz-focus-inner{
	border: 0;
}

.standard-btn:hover
{
outline:none;
cursor:pointer;
}

.standard-btn:active
{
outline:none;
margin-top:2px;
box-shadow:0 0px 3px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow:0 0px 3px rgba(0,0,0,0.3);
}

.grey-btn{
	background-color: #a9a9a9;
}

.btn-internal-img {
    margin-right: 5px;
}

.valign-middle {
    vertical-align: middle;
}

img {
    border: 0;
}

.left-space-15 {
    margin-left: 15px;
}

.hidden {
	display: none;
}

div.left-container{
	width:30%;
	border: 0px;
	float: left;
}

div.right-container{
	min-width:650px;
	width:70%;
	border: 0px;
	float: right;
}

div.default-container{
	padding: 0px 15px 15px 15px;
	margin: 5px;
}

div.container-title{
	font-size:16px;
	font-weight:900;
	line-height: 50px;
	clear: both;
}

div.title-text{
	float: left;
}

div.title-options{
	float:right;
	font-size: 12px;
	font-weight: normal;
}

.container-internal-box{
	padding: 5px;
}

.internal-table{
	width: 100%;
}

/* GENERAL STYLES FOR PAGE TEMPLATE */
.header {
	z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}

.header-top {
	height: 80px;
/* 	position: relative; Precisa ser relativa para o Z-Index funcionar */
	z-index: 20; /* Envia o Header-Top para o plano frontal */
	min-width: 750px;
}

.logo-sweb {
	margin-left: 30px;
	margin-top: 15px;
	cursor: pointer;
}

.header-bottom {
	margin: 0px;
	position: relative; /* Precisa ser relativa para o Z-Index funcionar */
	z-index: 20; /* Envia o Header-Top para o plano de trás */
}

.titulo-header {
	font-family: 'Ubuntu', sans serif;
	margin-left: 30px;
	padding-top: 10px;
	max-width: 285px;
	font-size: 16px;
}

.titulo-base {
	font-weight: 300;
}

.working-area{
	padding: 90px 5px 5px 5px;
}

/* Estilo Menu */
.header-menu {
	float: right;
	height: 80px;
	margin-right: 30px;
}

.header-menu ul {
	list-style: none;
}

.header-menu ul li {
	height: 80px;
	display: inline-block;
}

.header-menu ul li a {
	outline: none;
	display: inline-block;
}

.header-menu-icon {
	width: 36px;
	height: 36px;
	margin: 22px 12px 22px 0px;
	background-image: url('../images/icones_menu_todos.png');
	cursor: pointer;
}

#icon-dashboard {
	background-position: -5px -5px;
}

#icon-dashboard:hover {
	background-position: -5px -45px;
}

#icon-grafic {
	background-position: -45px -5px;
}

#icon-grafic:hover {
	background-position: -45px -45px;
}

#icon-events {
	background-position: -85px -5px;
}

#icon-events:hover {
	background-position: -85px -45px;
}

#icon-audit {
	background-position: -125px -5px;
}

#icon-audit:hover {
	background-position: -125px -45px;
}

#icon-report {
	background-position: -165px -5px;
}

#icon-report:hover {
	background-position: -165px -45px;
}

#icon-advanced {
	background-position: -205px -5px;
}

#icon-advanced:hover {
	background-position: -205px -45px;
}

#icon-sound {
	background-position: -245px -5px;
}

#icon-sound:hover {
	background-position: -245px -45px;
}

#icon-more {
	background-position: -285px -5px;
}

#icon-more:hover {
	background-position: -285px -45px;
}

#icon-more:active {
	background-position: -285px -85px;
}

.icon-separator {
	width: 1px;
	height: 64px;
	margin-top: 11px;
	margin-bottom: 11px;
	margin-right: 12px;
}

/* Estilo Notificação Superior */
.notify-silenciado {
	width: 100%;
	top: 0px;
	height: 32px;
	position: fixed;
	display: none;
	z-index: 20;
}

.notify-silenciado-texto {
	text-align: center;
	padding-top: 5px;
	font-size: 17px;
}

#nOfActiveAlarms {
	display: none;
	float: right;
	border-radius: 10px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 30px -7px 0px 0px;
	font-size: 10px;
}

#toolbar {
	padding: 0px 5px;
	position: relative;
    top: 80px;
    background-color: #fbfcff;
     z-index: 10;
}

.toolbar-separator {
	position: relative;
	top: 4px;
	margin: 0px 2px 0px 2px;
}

.toolbar-opt {
	line-height: 40px;
	padding: 7px;
	outline: none;
	border: 1px solid transparent;
	margin: -2px;
}

.toolbar-opt img {
	position: relative;
	top: 3px;
}

#sensor-container-loading {
	display: none;
	position: fixed;
	top: 2%;
	left: 50%;
	margin-left: -32px;
	z-index: 1000;
}

/*Menu - NEW*/
#more-box {
	width: 170px;
	position: fixed;
	top: 80px;
	right: 30px;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	display: none;
	z-index: 20;
}

.more-opt {
	height: 50px;
	cursor: pointer;
}

.lang-opt {
	height: 30px;
}

.lang-opt:hover {
	cursor: pointer;
}

#more-box table tbody tr.separator {
	height: 1px;
}

#more-box table tbody tr.separator-internal {
	height: 1px;
}

#more-box table.internal-more-table tr td {
	padding-right: 20px;
}

.box-icon {
	width: 18px;
	height: 18px;
	background-image: url('../images/icones_menu_mais.png');
}

.icon-more-person {
	background-position: -5px -5px;
}

.icon-more-extract {
	background-position: -26px -5px;
}

.icon-more-lang {
	background-position: -47px -5px;
}

.icon-more-out {
	background-position: -68px -5px;
}

.icon-more-help {
	background-position: -89px -5px;
}

.icon-more-person-over {
	background-position: -5px -26px;
}

.icon-more-extract-over {
	background-position: -26px -26px;
}

.icon-more-lang-over {
	background-position: -47px -26px;
}

.icon-more-out-over {
	background-position: -68px -26px;
}

.icon-more-help-over {
	background-position: -89px -26px;
}

#language-opts {
	display: none;
}

/* END */

/* DASHBOARD EDIT */


fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
} 

#sensor-group-conf legend, #sensor-group-list legend{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
}

.nform-txt-field{
	font-size: 12px;
	margin-left: 4px;
	width: 90%;
}

#frm-btn-save{
	height: 20px;
}

#frm-btn-save img{
	margin-top: 2px;
	margin-right: 4px;
}

.btn-save-label{
	line-height: 20px;
}

input[type="checkbox"]{
	margin-top: 2px;
}

#group-table tbody, #point-table tbody{
	display: block;
	height: 435px;
	overflow: auto;
}

#chkAllGroupPoints, #chkAllPoints{
	float: left;
	margin-top: 1px;
	margin-left: -8px;
}

#tbl-group-list{
	list-style: none;
	overflow: auto;
	height: 460px;
}

#tbl-group-list li{
	font-size: 14px;
	padding: 5px;
	line-height: 16px;
}

#btn-box-group-list{
	margin-top: 5px;
}

.deleteImg{
	float: right;
}

.groupDelete{
	margin-right: -7px;
}

.arrow-up, .arrow-down{
	float: right;
}

.arrow-up{
	margin-top: -1px;
}

.arrow-down{
	margin-right: 5px;
}

.arrow-btn{
	margin-bottom: -7px;
	height: 15px;
	background-color: #F7F6F6;
	margin-left: 5px;
}

.group-button{
	margin-left: 15px;
}

.inline-block{
	display: inline-block;
	float: left;
	height: 16px;
}

.left-box20{
	width: 20%;
	text-align: left;
}

.center-box60{
	width: 60%;
	text-align: center;
	line-height: 16px;
}

.right-box20{
	width: 20%;
	text-align: right;
}

/* END */

/* DEFAULT positioning */
.padding-right-20{
	padding-right: 20px;
}

.padding-left-20{
	padding-left: 20px;
}

/* SUB MENU */
#menu-internal{
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666;
}

#menu-internal ul li{
	display: inline;
	padding: 10px;
}

#menu-internal ul li:hover{
	background-color: #ccc;
}

#menu-internal ul li a{
	font-size: 14px;
	text-decoration: none;
	color: black;
}

.act-menu-internal{
	background-color: #666;
}

.act-menu-internal a{
	color: #fff !important;
}

/ * CHART STYLES */

/* d3 */
path { 
    stroke: black; 
    stroke-width: 1.8;
    fill: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 0.5;
    shape-rendering: crispEdges;
}

 div.tooltip {
    position: absolute;			
    text-align: center;
    width: 60px;					
    height: 28px;					
    padding: 2px;				
    font: 12px sans-serif;		
    background: lightsteelblue;	
    border: 0px;	
    border-radius: 8px;
    pointer-events: none;			
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
	/* shape-rendering: crispEdges; */
}

.y_axis text, 
.x_axis text {
	rgb(0,0,0);	
	font-weight: 400; 
}

path.line {
	fill: none;
	stroke: #6b7474;
	stroke-width: 0.60px;
}


/* END */

/* DEFAULT positioning */
.padding-right-20{
	padding-right: 20px;
}

.padding-left-20{
	padding-left: 20px;
}

/* SUB MENU */
#menu-internal{
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666;
}

#menu-internal ul li{
	display: inline;
	padding: 10px;
}

#menu-internal ul li:hover{
	background-color: #ccc;
}

#menu-internal ul li a{
	font-size: 14px;
	text-decoration: none;
	color: black;
}

.act-menu-internal{
	background-color: #666;
}

.act-menu-internal a{
	color: #fff !important;
}

/* MAPS STYLE */

.mapTitle{
	position: absolute;
	display:none;
} 

#map{
	display:none;
	height: 300px;
	width: relative;
	position: relative;
}

#mapHide{
	display:none;
    width: 100%;
    height: 100%;
	position: relative;
	font-family: 'Ubuntu', sans serif;
	text-align: left;
	font-weight: bold;
	margin-bottom: 15px;
}

.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
    background: #e93434;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Ubuntu', sans serif;
}