﻿/* -- GLOBAL  -- */
* { margin: 0; padding: 0; outline: 0 }
body 
{ 
    /*margin:0;
    padding:0;
    background: url('../Imagens/background.gif') top center repeat;
    height: 100%;*/
    
    background: #ffffff url('../Imagens/background.jpg') left no-repeat;
	color: #333333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body, div, table, p, a, input, textarea 
{ 
    font-family: Tahoma, Verdana, Arial, Sans-Serif; 
    font-size: 8pt; color:Black 
}
html body
{
    height: 100%; /* hack para IE6 hq trata height como min-height */
}

/* -- LAYOUT  -- */
/* Menu Superior */
/*#menuSuperior
{
    text-align: right;
    position: absolute; 
    right: 1px; 
    top: 1px;
}*/

/* Margens interiores das divs do layout */
.innertube
{
    margin: 5px; 
    margin-top: 0px;
}
    
#main
{
    min-height: 100%;
    position: absolute;
    width: 100%;
}   
   
* html #main
{
    height: 100%;
}
    
#menu 
{ 
    float: left;
    width: 180px; /* Largura do menu */
    margin-left: -100%;
    background-color: Transparent;
    background-image: url('../../../Imagens/bgTransparente.gif');
    padding-bottom: 5px;
}

#conteudo 
{ 
    float: left;
    width: 100%;
    background-color: Transparent;
    background-image: url('../../../Imagens/bgTransparente.gif');
}
#rodape 
{ 
    clear: left;
    width: 100%;
    background-color: #FFFFFF;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* -- CABEÇALHOS MasterPages -- */
/*#cabecalhoMasterPage
{ */
    /*background-image: url('../Imagens/cabecalho.jpg'); 
    background-repeat: repeat-x; */
/*    background-image: url('../Imagens/logoBkg.jpg'); 
    background-repeat:repeat-x;    
    background-color: Transparent;
    height: 103px;
}*/

/* -- LOGIN -- */
.bodyLogin
{
    margin: 0px; 
    height: 100%;
    background-color: #FFFFFF;
    background-image: none;
}
#tudoLogin
{
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    background: url('../Imagens/background.gif') top center no-repeat;
}
#cabecalhoLogin
{
    margin:0px; 
    /* 
    background-image: url('../Imagens/cabecalho.jpg'); 
    background-repeat: no-repeat;
	*/
    background-image: url('../Imagens/logoBkg.jpg'); 
    background-repeat:repeat-x;
    background-position: left;
    width: 0 auto; 
    height: 100px; 
}
#logoImagem
{
	background-image: url('../Imagens/logo.jpg'); 
	float:left;
	height: 100px; 
	width:510px;
}
#conteudoLogin
{
    padding-bottom: 30px;
}
#rodapeLogin
{
    margin: 2px; 
    clear: both;
    text-align:center;
    background-color: #FFFFFF;
    color: #666666;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 99.8%;
}
* html #rodapeLogin 
{
    position: absolute;
}
#rpLogin
{
    width: 250px;
    height: 110px;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-140px;
    margin-top:-85px;
    padding-bottom: 30px;
}
* html #rpLogin {
    position: absolute;
}
.tbLogin
{
    width: 230px;
    margin: 15px;
}
.divLinhaErro
{
    clear: both;
    text-align: center;
    color: #de0f40;
    padding: 4px;
}
.divColunaEsq
{
    width: 58px;
    float: left;
}
.divColunaDir
{
    width: 138px;
    float: right;
}

/* -- HEADER  -- */
h1, h2, h3 
{ 
    font-weight: normal; 
    color: #0651C1; 
    font-family: Tahoma, Verdana, Arial, Sans-Serif; 
    padding: 0.5em 0em 0.5em 0em; 
}

h1 { font-size: 10pt; }
h2 { font-size: 9pt; color: Black; }

/* -- LINKS  -- */
a.lnkLegenda { text-decoration: none; color: #0651C1; font-weight:bold; font-size:9pt; }
a.lnkParametro { text-decoration: underline; font-weight: bold; color: #4F4F4F; font-size: 8pt; }

/* -- IMAGENS  -- */
img { border: none; }

/* -- PADRÃO PARA TAGS FIELDSETS -- */

fieldset
{
	padding: 5px; 
	border: 1px solid #C3C3C3; 
	color: #565658;
	text-transform: none;
	font-weight: normal; 
	background-color: #FFFFFF;
}
legend
{
	padding: 2px; 
	margin-left: 6px; 
	font-weight: bold; 
	color: #434346;
	text-align: left;
}

/* -- MENU DE AJUDA  -- */
.divAjudaLeft 
{
    float:left; 
    width: 25px; 
    text-align: center;
    color: #000000;
}
.divAjudaRight
{
    float: left; 
    width: 130px; 
    text-align: justify;
    color: #000000;
    margin-left: 5px;
}

.divLeft17   { float: left; margin-bottom: 2px; width: 17%; clear: both; height: 17px; padding-top: 4px; }
.divLeft300  { float: left; margin-bottom: 2px; width: 300px; }

.divLeft30
{
    width: 29%;
    float: left;
    padding-top: 0.3em;
    color: #000000;
    line-height: 3.2em;
}

.divTabProspectMax { min-height: 460px; margin:0px 2px 0px 2px;}
* html .divTabProspectMax { height: 460px; margin:0px 2px 0px 2px; }

/* -- Elemento DIV -- */
.divLeft  { float: left; }

.divHeader50Left  { width: 49%; font-size: 9pt; float: left;  text-align: left; }
.divHeader50Right { width: 49%; font-size: 9pt; float: right; text-align: right; }

/* -- ELEMENTOS - TAMANHOS DINÂMICOS -- */
.Width20 { width: 20%; }
.Width80 { width: 80%; }
.Width95 { width: 95%; }
.Width100{ width:100%; }

/* -- LABELS  -- */
.lblStatus{ color: #000000; font-weight: bold; }

.redbold
{
    font-weight:bold;
    color:Red;
}
.red{
    color:red;
}

/* ASPxComboBox com propriedade Native='true' */
.comboNative 
{ 
    font-size:8pt; 
    font-family: Tahoma, Verdana, Arial, Sans-Serif; 
    background-color: white;
        border: Solid 1px #bcbcbc;
    padding: 2px 2px 2px 3px;
        margin-right: 2px;
} 

/*Parametros Demonstrativo de Valores Pagos*/
.divLeft17   { float: left; margin-bottom: 2px; width: 200px; clear: both; height: 17px; padding-top: 4px }
.divLeft80   { float: left; margin-bottom: 2px;  padding-top: 0px; }
.hrSeparador  { width: 100%; color: #AFBED4; border: 0; background-color: #AFBED4; height: 1px; margin: 10px 0px 10px 0px; }
.divMax { min-height: 500px; }
* html .divTabMax { height: 500px; }
.divMax { min-height: 500px; }
* html .divTabtMin { height: 500px; }

/*Parametros Gerais*/
.divLeft27   { float: left; margin-bottom: 2px; width: 300px; clear: both; height: 25px; padding-top: 4px }
.divLeft42   { float: left; margin-bottom: 2px; width: auto; padding-top: 0px; }
.divBtn250 { float: left; width: 250px; }
.tbConfCorrecaoEnable{ color: black}
.tbConfCorrecaoDisable { color:#b1b1b8!important;}

/*####### Início das classes utilizadas nas Master Pages dos Temas #######*/
	.rodapeMasterPageDosTemas
	{
		margin: 2px; 
		clear: both;
		text-align:center;
		background-color: #FFFFFF;
		color: #666666;
		bottom: 0;
		left: 0;
		width: 99.8%;
	}

	.cabecalhoMasterPage
	{
	   height:100px;
	   background-repeat:repeat-x;
	   background-image: url('../Imagens/logoBkg.jpg');
	}
/*####### Fim das classes utilizadas nas Master Pages dos Temas #######*/
	
/* Alteração Cadastral - Edição*/
.imgCadastro { color: #4F4F4F;} 

.headerCadastro { font: 9pt Tahoma; color: #707070; font-weight: bold; line-height: 10px; }

.hrCadastro  { width: 100%; color:#F9F9F9; border: 0; background-color:#F9F9F9; height: 1px; margin: 5px 0px 5px 0px; }


/*Alteração cadastral*/

.divLeft20   { float: left; margin-bottom: 2px; width: 130px; clear: both; height: 17px; padding-top: 4px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt ; font-weight:bold; color:#999999 }
.divLeft77   { float: left; margin-bottom: 2px; width: 70%; padding-top: 0px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt;}
.divLeft200  { float: left; margin-bottom: 2px; width: 200px; }
.divLeft400  { float: left; margin-bottom: 2px; width: 410px; }
.fontPdr { font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt }
.fontBlac{ font-family : Tahoma, Verdana, Arial, Sans-Serif; color:Black}
.fontVer{font-family : Tahoma, Verdana, Arial, Sans-Serif; font-weight:bold; color:Red}

.divLeft25 { float: left; margin-bottom: 2px; width: 25%; clear: both; height: 17px; padding-top: 4px;
              font-weight:bold;  color:#999999 }
.divLeft75   { float: left; margin-bottom: 2px; width: 73%; padding-top: 4px;}
               
/*Alteracao cadastral - aprovacao*/
.divLeft23   { float: left; margin-bottom: 2px; width: 210px; clear: both; height: 15px; padding-top: 4px }
.divLeft47   { float: left; margin-bottom: 2px;  padding-top: 0px; }

.tabConfDados{ padding: 5px; border: 1px solid #D3D3D3; color: #000000; }
               
.lblMsg{ text-align:right;  font-weight:bold;  font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:11pt }
.lblMsgAt{ text-align:center;  font-weight:bold;  font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:12pt;color:Red }

/*Fale Conosco - Cliente*/

 .fonte{font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt ; font-weight:bold; color:#999999}
 .divLeftAlt  { float: left; margin-bottom: 2px; width: 195px; clear: both; height: 17px; padding-top: 4px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt ; font-weight:bold; color:#999999 }
 .divLeft70   { float: left; margin-bottom: 2px; width: 67%; padding-top: 0px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt;}

/*Fale Conosco - Administrador*/          
 .divLeftFle  { float: left; margin-bottom: 2px; width: 80px; clear: both; height: 17px; padding-top: 4px;}
 .divLeftFle70   { float: left; margin-bottom: 3px; width: 70%; padding-top: 0px;}  
               
.divBtnFle300 { float: left; margin-bottom: 2px; width: 280px;}  
 .fonteParecer{font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:10pt ; font-weight:bold; color:#999999}
 
 
 /* Mensagem para clientes*/
 /* Cadastro de mensagem*/
 .divSelText 
{ 
	float: left; 
	width: 128px; 
	padding: 3px 5px 0px 0px; 
}

 .divSelTextMeio 
{ 
	float: left; 
	width:40px; 
	padding: 3px 5px 0px 0px; 
}

#mainContainer td.buttonCell {
   padding-top: 15px;
}
#mainContainer td.caption {
   padding-right: 5px;
   padding-top: 4px;
   vertical-align: top;
}
#mainContainer td.content {
  padding-bottom: 20px;
}
#mainContainer td.imagePreviewCell {
   border: solid 2px gray;
   width: 110px;
   height: 115px;
   text-align: center;
}
#mainContainer td.note {
  text-align: left;
  padding-top: 1px;
}

/*Demonstrativo de valores pagos*/

.divLeftAno   { float: left; margin-bottom: 2px; width: 70px; clear: both; height: 17px; padding-top: 6px;margin-left:250px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:8pt ; font-weight:bold; color:#999999 }
.divLeft80Ano { float: left; margin-bottom: 2px;  padding-top: 2px; }  

.divLeft80Rel { float: left; margin-bottom: 2px;clear: both; padding-top: 2px;padding-right:4px;margin-left:250px;}            

.divLeft80Msg { float: left; height:230px; margin-bottom: 2px;clear: both; padding-top: 70px;padding-right:4px;margin-left:300px;
                               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:10pt ; font-style:italic; font-weight:bold; color:#999999 }        



/*Sincronização */    

.divLeftDem { float: left; margin-bottom: 2px; width: 132px; clear: both; height: 17px; padding-top: 6px;margin-left:50px;
               font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:9pt ; font-weight:bold; color:#999999 }                           

.divLeft80Dem { float: left; margin-bottom: 2px;  padding-top: 6px;
                font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size:9pt ; font-weight:bold; } 
                
.divLeft80Apr  { float: left; margin-bottom: 2px; padding-left:6px;  padding-top: 17px;}

/* Início dos estilos da página Boleto2aVia.aspx */
	.Boleto2aVia_Borda {border: solid 1px #C4C4C4}
    .Boleto2aVia_LabelDados { font-weight:bold; color:#2c4d79}
/* Fim dos estilos da página Boleto2aVia.aspx */

/* Início dos estilos da página GeracaoDeBoleto.aspx */
	.Boleto2aVia_Borda {border: solid 1px #C4C4C4}
    .Boleto2aVia_LabelDados { font-weight:bold; color:#2c4d79}
    .Texto_AlterarDiaDeVencimento {font-weight:bold;color:White}
    .Texto_IndiqueAData {color:White}
    .tableData {margin-top:10px;margin-bottom:10px;background-color:#476BB2}
/* Fim dos estilos da página GeracaoDeBoleto.aspx */                               
         
/* Extrato Financeiro*/	        
.obsExtrato{ width:90%;border: solid 1px #C4C4C4;padding:10px;text-align:left}


/* Classe do painel phVoltarHome que contém o botão voltar*/
.phVoltarHomeCss
{
  position :absolute;
  right :5px;
  margin-right:5px;
}

.menuClass
{
	float:right;
	right:5px;
	margin-right:218px;
}

/* -- LOADING - UpdateProgress  -- */
#divLoading
{ 
    border: 0px solid #FFFFFF; 
    font-size: 9pt; 
    text-align: center; 
    line-height: 15pt; 
    top: 25.0%; /*42.5%*/
    left: 42.5%; 
    position: fixed; 
    width: 125px; 
    height: auto;
    padding: 0em; 
    background-color: Transparent; 
    padding: 0px;
	z-index:999999998;
}
#divLoadingBg 
{
    width: 100%; 
    position: fixed; 
    height: 100%; 
    top: 0px; 
    left: 0px;      
    background-image: url('../../../Imagens/bgModal.gif');
    background-repeat: repeat;
    z-index:999999997;
}

.lblNomeDoUsuario
{
	 font-size:9pt;
	 color:#0066FF;
}

.cursorPointer
{
  cursor:pointer;
}

.displayNone
{
	display:none;
}

.displayInline
{
	display:inline;
}

.displayInlineTable {
    display: inline-table;
}

.displayTableCell
{
	display:table-cell;
}

/* Início das classes utilizadas na página VisOcorrencias.aspx */
.StatusFechada
{
	 color:red;
	 cursor:pointer;
}

.StatusNormal
{
	text-decoration:none;
}
/* Fim das classes utilizadas na página VisOcorrencias.aspx */

.endPadrao
{
	color:#0066FF;
}

.AnexoMensagem
{
	color: #808080;
	background-color: #F2F2F2;	
	
}

/* ############ Início das classses das mensagens para os Clientes (Pop da tela inicial) ############ */
#msg-seta-esquerda, #msg-seta-direita { width:50px; text-align:center; height:100%; }
#msg-seta-esquerda { float: left; position:fixed; top: 0; left: 0;}
#msg-seta-direita { float: right; position:fixed; top: 0; right: 0;}
        
#msg-seta-esquerda { background: url('../../../Imagens/seta-esquerda.png') center no-repeat;}
#msg-seta-esquerda:hover { background: #EFEFEF url('../../../Imagens/seta-esquerda.png')  center no-repeat; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}
#msg-seta-direita { background: url('../../../Imagens/seta-direita.png') center no-repeat;}
#msg-seta-direita:hover { background: #EFEFEF url('../../../Imagens/seta-direita.png')  center no-repeat; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}

#msg-main { float:left; min-width:87%; max-width:100%; height:100%; }

/* Classe do conteúdo da pop-up de mensagens */
.divPopUpMensagens
{
	text-align:center;
	width:100%;
	height:100%;
}

/* Classe do conteúdo da mensagem */
.divConteudoMensagem
{
	width:100%;
	min-height:430px;
	height:100%;
}

/* Classe da div que contém o checkbox para marcar a mensagem como visualizada */
.divCkbMarcarMsgVisualizada
{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	color:Navy;
    vertical-align:middle;
}
/* ############ Fim das classes das mensagens para os Clientes (Pop da tela inicial) ############ */

/* Extrato Financeiro - RoundPanels da Esquerda -> Contrato/Legenda */
.rpContrato, 
.rpExtrato {
    border: 1px solid #a8aab4;
}
.rpContrato .dxrp, 
.rpExtrato .dxrp {
    padding-top: 3px;
}
.rpContrato .dxrpcontent { 
	background-image: none; 
    background-color: #f1f2f6!important; 
}

.popMensagemErro
{
	text-align:justify;
	font-size: 10pt;
}

/* label de Sincronizacao */
.lblSincronizado
{
	font-weight:bold;
	color:Green;
}

.lblSincronizando
{
	font-weight:bold;
	color:Red;
}

.lblDataSincronizado
{
	font-weight:bold;
}

.lblDataSincronizando
{
	font-weight:bold;
}

/* Andamento da Obra */
.objContainer { max-width:700px; max-height:500px; width: expression(this.width > 700 ? 700: true); height: expression(this.height > 500 ? 500: true);}
.tabObjContainer {width:710px; height:510px;}
.IndicadorDaProgressBar { background-color:#a3c0e8}
.LabelComOsDadosDoBloco { color:#a3c0e8; font-weight:bold}

/* Notícias */
.hrSeparador  { width: 100%; color: #AFBED4; border: 0; background-color: #AFBED4; height: 1px; margin: 10px 0px 10px 0px; }
.divBtn255 { float: left; width: 255px; }
.hrSepara { width: 300px; color: #AFBED4; border: 0; background-color: #AFBED4; height: 1px; margin: 10px 0px 10px 0px; }
.divNoticias { width:1150px;height:500px; overflow:scroll; }
#Noticias { overflow: auto; }

.imgTopo{text-align:center; width:90%;margin: 0 auto}

.objContainerVis { max-width:300px; max-height:300px; width: expression(this.width > 300 ? 300: true); height: expression(this.height > 300 ? 300: true);}

#conteudo {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
} 
p { margin-bottom: 15px; }
/*#geral foi criada para englobar toda a página e definir uma largura geral.*/ 
#geral { width: 620px; margin: 0 auto }
/*Titulo da notícia, identificando o tamanho da fonte, o alinhamento e sua margem*/
#conteudo .noticia .chamada { font-size: 200%; margin-top: 20px; text-align:center;  color:Gray }
/*float: left  foi usado nas imagens da notícia Com ele, a imagem flutua para esquerda, fazendo com que o texto se “esparrame” pelos lados da imagem. 
O margin  para fazer com que o texto não fique grudado na imagem.*/
#conteudo .noticia img { float: left; margin: 5px 8px 5px 0 }
/*Onde o conteudo da notícia será apresentado, cor, tipo e alinhamento da fonte*/
#conteudo .noticia p {font-size: 100%; text-align: justify;  color:GrayText}
#conteudo .noticia div {font-size: 100%; text-align: justify;  color:GrayText}

/* Cor de fundo da notícia */
.noticia_fundo {background-color:#F5F5F5}

/* Barra lateral com as notícias */
.noticia_td_esquerda {width:30%; border: solid 1px #DCDCDC}

/* td que exibe a notícia */
.noticia_td_direita {width:70%; min-height:600px}

/* Imagem miniatura da notícia na barra lateral */
.noticia_img_mini {cursor: pointer; width:60px; height:60px}

/* Título da barra lateral de notícias */
.noticia_barra_titulo {font-weight:bold; color:#00008B}

.itemStyle_noticia { min-height:600px; height:100%}

/* Início dos stilos utilizados na tela de visualização do fale conosco */
.divBtn110 { float: left; width: 110px; }

.hrSepara  { width: 300px; color: #AFBED4; border: 0; background-color: #AFBED4; height: 1px; margin: 10px 0px 10px 0px; }
.hrHeader  { width: 160px; color: #AFBED4; border: 0; background-color: #AFBED4; height: 0px; margin: 0px 0px 0px 0px; }
.hr100 { width: 100%; color: #AFBED4; border: 0; background-color: #AFBED4; height: 1px; margin: 0px 0px 0px 0px; }

.grw { height:100%}

.divLeft17   { float: left; margin-bottom: 2px; width: 17%; clear: both; height: 17px; padding-top: 4px;color: #000000; }
.divLeft80   { float: left; margin-bottom: 2px; width: 80%; padding-top: 0px; }

.divCliente { width:900px;height:600px; }
#Cliente    { overflow: auto; }


.HeaderLst
{
	 font-size:8pt;
	 font-family: Tahoma, Verdana, Arial, Sans-Serif;
	 font-weight:bold;

}

.HeaderNews
{
 font-size:9pt;
 font-family: Tahoma, Verdana, Arial, Sans-Serif;
 font-weight:bold;
 color:#999999;
 
}

.lstCategoria
{ padding: 5px; border: 1px solid #D3D3D3; color: #000000; height:570px}	

.divLeft23   { float: left; margin-bottom: 2px; width: 30%; clear: both; height: 15px; padding-top: 4px }
.divLeft47   { float: left; margin-bottom: 2px; width: 69%; padding-top: 0px; }


.duvidas
{
	background: #E9E9E9;	
}

.ListaDePerguntasComRolagem
{		
	overflow: auto;	   
	max-height: 470px;	
	height: 400px;
}

.ListaDePerguntas, .ListaDePerguntasComRolagem
{	 
}
/* Fim dos estilos utilizados na tela de visualização do fale conosco */

/* 19/03/2015 - GCBJr - PWEB-437  */
.displayTableRow
{
	display:table-row;
}

/*
    28/04/2015 - CMS - PWEB-928 -  Fix no Menu (visão cliente)
*/
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI0_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI1_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI2_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI3_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI4_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI5_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI6_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI7_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI8_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI9_,
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI10_,
/* AAD - 18/07/2016 - PWEB-3625 - Adicionado mais ids para correção de layout da opção trocar contrato */ 
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI11_, 
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI12_, 
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI13_, 
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI14_, 
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI15_
{
    padding-top: 3px !important;
    height: 26px !important;
}
/* 13/10/2015 - ATQ - PWEB-2205 - Seleção do contrato */
#ctl00_ctl00_WUC_Menu1_MenuDoCliente_DXI11_
{
}

/*
    28/04/2015 - CMS - PWEB-928 -  Fix no Menu (visão admin)
*/
#ctl00_menuAdmin_DXI0_,
#ctl00_menuAdmin_DXI1_,
#ctl00_menuAdmin_DXI2_,
#ctl00_menuAdmin_DXI3_,
#ctl00_menuAdmin_DXI4_,
#ctl00_menuAdmin_DXI5_,
/* AAD - 18/07/2016 - PWEB-3625 - Adicionado mais ids para correção de layout da opção trocar contrato */ 
#ctl00_menuAdmin_DXI6_, 
#ctl00_menuAdmin_DXI7_, 
#ctl00_menuAdmin_DXI8_, 
#ctl00_menuAdmin_DXI9_, 
#ctl00_menuAdmin_DXI10_, 
#ctl00_menuAdmin_DXI11_, 
#ctl00_menuAdmin_DXI12_, 
#ctl00_menuAdmin_DXI13_, 
#ctl00_menuAdmin_DXI14_, 
#ctl00_menuAdmin_DXI15_ 
{
    padding-top: 3px !important;
    height: 26px !important;
}

/*
    28/04/2015 - CMS - PWEB-928 -  Fix no HTML Editor de vinculo das mensagens
*/
#cbpEditor_hteMensagem_TC_TC
{
    height: 20px !important;
    padding-bottom: 7px !important;
}

.divAprovacaoCadastral {

    margin: 0 auto 10px auto;
    padding-bottom:14px;
    min-width:350px;
    width:350px;
}

.divConfReprovacao{

    margin: 0 auto;
    width:220px;
    padding-top:10px;
}

.divAltCadastralTitulo 
{
    float:left;
    width:100%;
    color:white;
    padding:5px 5px 5px 5px;
    background-color: #6f5499;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));
    background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);
    background-image: -o-linear-gradient(top,#563d7c 0,#6f5499 100%);
    background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
    background-repeat: repeat-x;
}

.divAltCadastralLabel 
{
    text-align:left;
    vertical-align:middle;
    float:left;
    width:25%;
    color:#999;
    height:25px;
    font-size:8px;
}

.divAltCadastralValor 
{
    text-align:left;
    vertical-align:middle;
    float:left;
    width:75%;
    color:black;
    height:25px;
}

.divAltCadastralLinha 
{
   float:left;
   width:100%;
   padding:5px 5px 5px 5px;
}

.divTipoEndereco span
{
   float:left;
   text-align:left;
   color:#666666;
   font-weight:bold;
   padding:5px 5px 5px 5px;
   width:100%;
}

.clear 
{
    clear:both;
}

.divGridTelefones 
{
    padding:4px 4px 4px 4px;
}

.divRenegociacao 
{
    padding: 4px 4px 8px;
}

.RenegociacaoLegenda 
{
    width:190px;
}

.dxeBase_DevEx { font-family : Tahoma, Verdana, Arial, Sans-Serif; }
.dxeBase { font-family : Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px;}
.classcaptcha {
    margin-left: 45px;
}

.imgIcone:hover 
{
    opacity: 0.5;
    filter: alpha(opacity=40);
}

.divIcone
{
    vertical-align: middle;
}

.badgePc {
    display: inline-block;
    font-size: 100%;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.20rem;
    padding: 0.2rem 0.5rem;
}
.badgePc-primary {
    color: #fff;
    background-color: #007bff;
}

.badgePc-secondary {
    color: #fff;
    background-color: #a5a1a1;
}

/* Padrão de Badges (texto com rótulos) */
.badge {
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.30rem;    
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #a5a1a1;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-success2 {
    color: #fff;
    background-color: #74a880;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #fff;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.statusApp {
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    box-sizing: border-box;
    border-collapse: collapse;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px 6px 20px;
}

.naoEnviadoApp {
    background-color: #FD8D68;
}

.pendenteApp {
    background-color: #FCC048;
}

.enviadoApp {
    background-color: #74A880;
}

.enviandoApp {
    background-color: #C4C4C4;
}

.textoApp {
    font-size: 11px;
    color: #fff;
}

.lblStatusQuadro {
    font-size: 12px;
}

.lblStatusQuadroStrong {
    font-size: 14px;
    font-weight: 900;
}

.lblProgress {
    font-size: 60px;
    color: #636363;
    font-family: Segoe UI, Tahoma;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lblErroEnvio {
    font-style: italic;
    font-size: 14px;
    color: #1a0dab;
    font-family: Segoe UI, Tahoma;
}
