﻿.acoes, .acoes img {
	border-style: none;
	margin-right: 2px;
	cursor: pointer;
}

html {
	overflow-y: scroll;
}

html, #BodyCenter, #frmPortalCenter {
	height: 100%;
}

body {
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.TextboxGeral {
	font-family: Arial;
	font-size: 11px;
	color: #333;
}

.TextoGeralBold {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.BodyMapa {
	margin: 0px;
}

.GridEmptyRow {
	line-height: 15px;
	height: 27px;
	font-family: Arial;
	font-size: 11px;
	background-color: #FFF;
}

.GridRow {
	line-height: 15px;
	height: 27px;
	font-family: Arial;
	font-size: 11px;
	background-color: #FFF;
}

.GridRowHeader {
	line-height: 15px;
	height: 30px;
	font-family: Arial;
	font-size: 11px;
	background-color: #CCC;
}

.GridRowSelected {
	line-height: 15px;
	height: 27px;
	font-family: Arial;
	font-size: 11px;
	background-color: #999 !important;
	color: #ffcc00 !important;
}

.GridDetailRow {
	padding: 0px;
	margin: 0px;
}

.PreviewRow {
	height: 8px;
	text-indent: 10px;
}

.Titulo {
	font-family: Arial,Sans-Serif;
	font-size: 13px;
	color: #666;
	font-weight: bold;
}

.TituloGrande {
	font-family: Arial,Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

.DivTituloMapa {
	background-color: #FCFCFC;
}

.BtnAbreFecha {
	padding-left: 10px;
}

.TituloMapa {
	padding: 10px;
	font-family: Arial,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.SubTitulo {
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.Label {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666;
}

.Menu {
	font-family: Arial;
	font-size: 11px;
}

.TextoGeral {
	font-family: Arial;
	font-size: 11px;
}

.TextoNoticia {
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
}

.ImgIcons {
	border: none;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
}

.TreeRoot {
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	color: #333;
}

.TreeLink {
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	color: #666;
}

.TreeViewMapa {
	margin-top: 10px;
	margin-left: 5px;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

.PanelNoticiasAll {
	width: 404px;
	line-height: 17px;
}

.TituloNoticia {
	color: #666;
	font-weight: bold;
}

.DataNoticia {
	color: #666;
}

.LinkChamadaNoticia {
	text-decoration: none;
	color: #333;
}

	.LinkChamadaNoticia:hover {
		text-decoration: underline;
		color: #333;
	}

.LabelMapaMap24 {
	font-family: Arial;
	font-size: 11px;
	width: 140px;
	text-align: center;
	background-color: #EDEDED;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #D3D3D3;
	position: absolute;
	top: 20px;
	left: -70px;
}

.LabelMapaGoogle {
	font-family: Arial;
	font-size: 11px;
	width: 140px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EDEDED;
	border: solid 1px #D3D3D3;
	visibility: visible;
}

.LabelMapaGoogleDisable {
	font-family: Arial;
	font-size: 11px;
	width: 140px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EDEDED;
	border: solid 1px #D3D3D3;
	visibility: hidden;
}

#DivHelpPage {
	width: 950px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

	#DivHelpPage hr {
		margin-top: 0;
		height: 1px;
	}

	#DivHelpPage h1 {
		font-size: 15px;
		font-weight: bold;
		color: #666;
		margin-bottom: 0;
	}

	#DivHelpPage h2 {
		font-size: 12px;
		font-weight: bold;
		color: #333;
		margin-bottom: 10px;
	}

	#DivHelpPage img {
		border-style: none;
	}

.label {
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 8pt;
}

.field {
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 8pt;
}

.Tabela {
	cursor: hand;
	text-align: center;
}

.divcampo {
	width: 140px;
	float: left;
}

.divcampoMaior {
	width: 220px;
	float: left;
}

.divclear {
	clear: both;
}

.PadPlaceHolder {
	padding-left: 20px;
	padding-top: 20px;
}

.Pad10 {
	padding-top: 20px;
}

.MarginTop10 {
	margin-top: 10px;
}

/* ultimas Posicoes Telemetria----*/
.itemMenuConfiguracao {
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	width: 200px;
}

.PadPanelConfig {
	border-bottom-style: solid;
	border-bottom-color: LightGray;
	border-bottom-width: 1px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.AlignLabelUpload {
	padding-top: 35px;
	padding-bottom: 35px;
}

/* Classes para definir tamanhos de página */
.staticPageSize {
	width: 1240px;
}


/* Pop up Envio de Comandos*/

#divEnviarComando {
	position: fixed;
	background: #FBFBFB;
	border: 1px solid #999999;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	width: 500px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;
	padding: 0 0 40px 0;
	border-radius: 3px;
	display: none;
    z-index: 9999;
}

	#divEnviarComando .label {
		font-size: 13px;
		padding: 8px;
		padding-left: 15px;
	}

	#divEnviarComando .Identificacao {
		font-size: 13px;
	}

	#divEnviarComando .titulo {
		font-size: 14px;
		font-weight: 600;
		padding: 15px 0 15px 15px;
		background: #EDEDED;
	}

	#divEnviarComando .botoes {
		padding-top: 10px;
	}

	#divEnviarComando .botao {
		width: 100px;
		height: 30px;
	}

	#divEnviarComando .hiddenParamLabel {
		display: none;
	}

	#divEnviarComando .hiddenParam {
		display: none;
		width: 50px;
	}

#select_IdComando {
	width: 380px;
	line-height: 30px;
	height: 30px;
	border-radius: 5px;
}



/* Popup Configurações */

#divConfiguracao {
	position: fixed;
	background: #FBFBFB;
	border: 1px solid #999999;
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	width: 400px;
	top: 30%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 0 0 20px 0;
	border-radius: 3px;
	display: none;
}

	#divConfiguracao .label {
		font-size: 12px;
		padding: 8px;
		padding-left: 15px;
	}

	#divConfiguracao .titulo {
		font-size: 14px;
		font-weight: 600;
		padding: 15px 0 15px 15px;
		background: #EDEDED;
	}

	#divConfiguracao .col {
		vertical-align: top;
		padding-top: 10px;
	}

	#divConfiguracao .chk {
		font-size: 13px;
		padding: 2px;
		padding-left: 15px;
	}

	#divConfiguracao .botoes {
		padding-top: 20px;
		text-align: center;
	}

	#divConfiguracao .botao {
		width: 100px;
		height: 30px;
	}

div {
}

	div.margemBottom {
		margin-bottom: 15px;
	}

	div.border {
		border: solid 1px #D3D3D3;
		border-bottom: none;
		padding: 3px 3px 3px 3px;
	}

	div.box {
		border: solid 1px #D3D3D3;
		margin-bottom: 15px;
		padding: 15px 30px 15px 30px;
	}

	div.templateEdit {
		border: none none none;
		padding: 15px 30px 15px 30px;
	}

table {
}

	table.larguraPadrao {
		width: 100%;
	}

	table.titulo {
		width: 100%;
		padding: 0px;
	}

tr {
}

td {
}

	td.paddingTopPadrao {
		padding-top: 15px;
	}

	td.paddigRightPadrao {
		padding-right: 7px;
		margin-left: 280px;
	}

	td.coluna01 {
	}

	td.coluna02 {
	}

	td.coluna03 {
	}

.none {
	display: none;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}

/********** RecebeMensagemGsmmx **********/
.campoMensagem {
	float: left;
	margin: 10px;
	padding: 5px;
	width: 175px;
}

.pushRight {
	float: right;
}

/********** Input Adaptacoes **********/

.dxeDisabled, .dxeTextBox.dxeDisabled, .dxeTextBox .dxeEditArea.dxeDisabled, input:disabled {
	background-color: rgb(235, 235, 228) !important;
}

/********** Manutencao **********/
blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #CCC;
}

.botaoAjudaPlanoManutencao {
	cursor: pointer;
}

.divAjudaPlanoManutencao {
	position: absolute;
	bottom: 315px;
	left: 110px;
	z-index: 100;
	width: 400px;
	background-color: #F0F0F0;
	border: 1px solid #A8A8A8;
	padding: 20px;
	line-height: 1.5em;
	font-size: 12px;
	display: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.manutencao_listaplanomanutencao_aspx .dxgvTable {
	overflow: visible;
}

.manutencao_listaplanomanutencao_aspx .divAjudaPlanoManutencao {
	bottom: 260px;
}

.manutencao_listaplanomanutencao_aspx .listaBoxPadrao {
	margin: 15px;
	padding: 15px;
	position: relative;
}

.exAjudaPlanoManutencao {
	font-size: 1.2em;
	font-weight: bold;
}

div #mensagemAlerta {
	background-color: #ff0000;
}


/*****************/

.ControlLabels {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.ControlLabels label, .ControlLabels li {
		zoom: 1;
	}

	.ControlLabels label {
		cursor: pointer;
	}

	.ControlLabels li {
		margin: 2px 0;
	}

		.ControlLabels label:before,
		.ControlLabels label:after,
		.ControlLabels li:before,
		.ControlLabels li:after {
			content: '\0020';
			display: block;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0;
		}

		.ControlLabels label:after,
		.ControlLabels li:after {
			clear: both;
		}
/******* Tela Operacional *******/
.GridOptions {
	margin-bottom: 15px;
	width: 99.9%;
}

	.GridOptions .border:last-child {
		border-bottom: solid 1px #D3D3D3;
	}

#Options {
	display: none;
}

.ShowGrid {
	border-top: 5px #ccc solid;
}

#ShowOptions {
	cursor: pointer;
	display: block;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius:  0 0 5px 5px;
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 100px;
	outline: none 0px;
	background: #ccc url("../Images/ArrowDown.gif") no-repeat center;
	height:20px
}

#ShowOptions.fechar {
	background-image:url("../Images/ArrowUp.gif");
}

.areaRestrita {
	width: 99.9%;
	height: 57px;
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
}

/******* Carrousel ******/

#Carousel {
	padding:10px 0;
	overflow:hidden;
	height:57px;
	display:block;
	background: #fcfcfc;
	background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
	background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
	background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
	background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
	background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
}

.slide{
	padding:0 5px;
	float:left;
}
/*** Navigation ***/

.slick-prev,
.slick-next {
	width: 20px;
	height: 52px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	opacity: 0.5;
	background:center no-repeat;
	border:none;
	top:2.5px;
	outline: none 0px;
}

.slick-prev {
	left:0;
	background-image:url(../images/OpenTabMouseOut.jpg);
}

.slick-prev:hover {
	background-image: url(../images/OpenTabMouseOver.jpg);
}

.slick-next {
	right:0px;
	background-image: url(../images/CloseTabMouseOut.jpg);
}

.slick-next:hover {
	background-image: url(../images/CloseTabMouseOver.jpg);
}

button.Operacao, button.OperacaoAtiva{
    background-color: #fff;
    border:1px solid #ccc;
	padding: 10px 16px;
	outline: 0;
	border-radius: 4px;
}

button.Operacao{
	color: #666;
	cursor:pointer;
}

button.OperacaoAtiva{
	color: #000;
    background-color: #e6e6e6;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

button.Operacao:hover{
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*** List Float ***/
.listaFloatLeft, .listaFloatLeft li{
	list-style:none;
	margin:0;
	padding:0;
}

.listaFloatLeft li{
	float:left;
	margin-right:5px;
}

#Layout_Padrao {
   display: none;
}