/**************************************************************************************************
Created by Ricardo do Rosário
Copyright Pokolegas Entertainment
Date: July, 30, 2012

All Rights Reserved.
**************************************************************************************************/
/* @import url(topo.css); */
/* http://www.w3schools.com/cssref/css_selectors.asp */
@font-face {
    font-family: 'Sansation';
    src: url('fonts/sansation/Sansation_Regular.eot'), url('fonts/sansation/Sansation_Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/*Zerando variaveis*/
*{padding:0px; margin:0px; border:none; border-width:0px; z-index: 1; color: #4466AA; text-decoration:none; font-family:'Arial'; font-size:10pt;}
/*Links*/
a{text-decoration:none; font-size: 10pt; padding:0px; margin:0px; border:none; border-width:0px; z-index: 1; color: #4466AA;}
a:hover{text-decoration:none; color:#88AADD; cursor: pointer;}
html{ height: 100%; min-height: 450px; } 
body{ height: 100%; min-height: 450px; }  
label{ margin-bottom:2px; margin-top:5px; }
/*************************ROOT*************************/
a.linkApp{height:100%; display: flex; align-items: center; flex-flow: row-reverse}
img.imgApp{width: 150px;}
.row{ margin-left: 0px; margin-right: 0px; }
div.divContainer{ background: url('../image/contasimg.jpg') left top -200px repeat-y; background-size: cover; height: inherit; min-height: 450px; padding-left: 0px; padding-right: 0px;}
div.divContainerLogado{ background: #f3f4f5 ; padding-left: 0px; padding-right: 0px; }
div.divTop{ min-height:100px; top:0px; left:0px; right:0px; background-color: #EEEEEE; border-bottom: 1px #6688AA solid; z-index: 10; } 
div.divCenter{left:0px; top:0px; right:0px; height: calc(100% - 150px); position: relative; min-height: 300px; background: transparent;}
  div.divLeft{top:0px; bottom:0px; background: transparent;}
  div.divMiddle{min-height: 100%; align-items: center;}
    div.divNotif{ color: gray; font-size: 15pt;}
    div.divAmizade{ color: gray; font-size: 15pt;}
    div.divMenuAcoesTop{margin-top:10px; margin-bottom:10px;}
    div.divMenuAcoes{margin-top:10px;}   
  div.divRight{top:0px; bottom:0px; background: transparent;}
div.divBottom{height:50px; left:0px; right:0px; background-color: #EEEEEE; border-top: 1px #6688AA solid; text-align: center; padding-top: 15px;}
  h3.hTitleTela{font-family: 'Sansation'; border-bottom: 1px solid #6688AA; margin-top:0px;}
/************************* HOME *************************/
  @media (max-width: 767px) { 
    nav.menu{z-index: 99;}
    div.divMiddle{top: 0px; bottom: 0px;  background: transparent; padding: 0px;}
    div.divLogin{background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 300px; opacity: 0.9;}
    div.divNovaSenha{background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 260px; opacity: 0.9; }
    div.divCadastro{background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 500px; opacity: 0.9; }
    div.divModal{position:absolute; top:100px; left:50%; margin-left: -150px; width: 300px; border: solid #6688AA 1px; background-color: #EEEEEE;}
    
		h1.h1Cabecalho{margin-left:20px; margin-top:34px; font-family: 'Sansation'; font-size: 24pt; color:#4466AA;}
		img.imgLogo{margin-left:20px; margin-top:30px; width:40px; height:40px; float:left; }
  	a.linkCabecalho{}

    div.div01MensagemSucesso{position:absolute; top:100px; left:50%; margin-left: -150px; width:250px; height:129px; background-color: #AADDCC; border: solid #009999 1px; z-index: 120; overflow: hidden;}
    div.div01MensagemAlerta{position:absolute; top:100px; left:50%; margin-left: -150px; width:250px; height:129px; background-color: #FFEEDD; border: solid #FF9977 1px; z-index: 120; overflow: hidden;}
    div.div01MensagemInformacao{position:absolute; top:100px; left:50%; margin-left: -150px; width:250px; height:129px; background-color: #DDDDA3; border: solid #FF9977 1px; z-index: 120; overflow: hidden;}
    div.divBottom>a.linkExterno{display:none;}
    div.divBottom>span.semLink{display:block;}
    div.divMiddle{display:block;}
    div.divContainerLogado>div.divCenter>div.divMiddle>div.divConteudo{padding: 5px;}
    div.divContainerLogado>div.divCenter>div.divMiddle>div.divConteudo>div.divCenterTela{padding: 0px;}
  }
  @media (min-width: 768px) { 
    
    nav.menu{background-color: #EEEEEE; opacity: 0.9; z-index:99; min-height:40px; max-height:40px;}
      ul.nav{max-height:40px; min-height:40px;}
        li.dropdown{max-height:40px; min-height:40px;}
        li.ilMenu{max-height:40px; min-height:40px;}
          a.dropdown-toggle{max-height:40px; min-height:40px; padding:10px !important;}
          a#linkMenuPessoas{max-height:40px; min-height:40px; padding:10px !important;}
          li.dropdown ul.dropdown-menu li.ilMenu{max-height:25px; min-height:25px;}
    
    
    div.divMiddle{background: transparent;}
    div.divContainer>div.divCenter>div.divMiddle{display:flex;}
    div.divLogin{background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 300px; opacity: 0.9; }
    div.divNovaSenha{margin-top:160px;  background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 260px; opacity: 0.9; }
    div.divCadastro{margin-top:60px;  background-color: #EEEEEE; padding: 10px; border: 1px #6688AA solid; height: 500px; opacity: 0.9; }
    div.divModal{position:absolute; top:150px; left:50%; margin-left: -150px; width: 300px; border: solid #6688AA 1px; background-color: #EEEEEE;}
    
    h1.h1Cabecalho{margin-left:30px; font-family: 'Sansation'; font-size: 40pt; color:#4466AA;} 
    img.imgLogo{margin-left:30px; width:60px; height:60px;  float:left; margin-top:20px; }
  	a.linkCabecalho{ }
    
    div.div01MensagemSucesso{position:absolute; top:300px; left:50%; margin-left: -150px; width:250px; height:130px; background-color: #AADDCC; border: solid #009999 1px; z-index: 120; overflow: hidden;}
    div.div01MensagemAlerta{position:absolute; top:300px; left:50%; margin-left: -150px; width:250px; height:130px; background-color: #FFEEDD; border: solid #FF9977 1px; z-index: 120; overflow: hidden;}
    div.div01MensagemInformacao{position:absolute; top:300px; left:50%; margin-left: -150px; width:250px; height:130px; background-color: #DDDDA3; border: solid #FF9977 1px; z-index: 120; overflow: hidden;}
    div.divBottom>a.linkExterno{display:content;}
    div.divBottom>span.semLink{display:none;}
  }
  a.linkNovaSenha{ position:absolute; bottom:25px; right:8px; font-size:8pt; }
  a.linkCadastrar{ position:absolute; bottom:10px; right:8px; font-size:8pt; }

/************************* FILTROS ************************/
div.divHeaderFiltros{background-color: #EEEEEE !important;}
a.aHeaderFiltros{font-family: 'Sansation'; text-decoration: none; font-size: 12pt; color: #4466AA;}
div.divFiltros{padding-left: 0px; padding-right: 0px;}

/************************ CADASTRO ***********************/
div.divVoltarCadastro{right:10px; margin-top:8px; float: right; }

/************************ MENSAGENS **********************/
div.div02MensagemSucesso{background-color: #CCF5EB; border-bottom: solid 1px #009999; padding-top: 20px; padding-left: 10px; padding-right: 10px; height: 94px;}
div.div02MensagemAlerta{background-color: #FFDDCC; border-bottom: solid 1px #FF9977; padding-top: 20px; padding-left: 10px; padding-right: 10px; height: 94px;}
div.div02MensagemInformacao{background-color: #FFFFA3; border-bottom: solid 1px #FF9977; padding-top: 20px; padding-left: 10px; padding-right: 10px; height: 94px;}
input.botaoFecharMensagem{position: absolute; left:85px; min-width: 80px; max-height: 30px; margin-top: 2px; margin-bottom: 10px;  padding-top: 4px !important;}
input.botaoConfirmarMensagem{position: absolute; left:85px; min-width: 80px; max-height: 30px; margin-top: 2px; margin-bottom: 10px;  padding-top: 4px !important;}
/*max-height: 30px; margin-top: 10px; margin-bottom: 10px;  padding-top: 4px !important;*/

/************************ MÁSCARA ************************/
div.divMask{ display:none; position:fixed; width: 100%; height: 100%; left:0px; top:0px; z-index:120; background-color:#555555;}

/************************ LOADING ************************/
div.divExibeLoading{position:absolute; top:50%; margin-top: -27px; left:50%; margin-left: -27px; width: 52px; height: 52px; border: solid #6688AA 1px; display: none; z-index:120;}
img.imgLoading{width: 50px; height: 50px;}

/************************* MODAIS ************************/
div.divExibeModal{position:absolute; top:0px; left:0px; width: 100%; display: none; z-index:120; overflow: visible;}
div.divModalCenter{background-color: white !important; opacity: 1;}
div.modal-footer{padding: 0px; justify-content: center; display: flex;}
h4.hModalTopTitulo{font-family: 'Sansation';}

/********************** NOVA SENHA ***********************/
div.divVoltarNovaSenha{right:10px; margin-top:8px; float: right; }

/************************* TABELAS ************************/
div.divLista{margin-bottom:0px; background-color: transparent; border-radius: 0px; border-color: #aaa; border-style: none;}
div.divListaBorder{overflow-x: scroll !important; margin-bottom:0px;}

div.divLista tr.trGrid1{background-color: transparent;}
div.divLista tr.trGrid2{background-color: transparent;}

/*Cabeçalho*/
table.grid tr.trGridHeader td.tdGridHeader{font-family: 'Sansation'; background-color: #EEEEEE; font-size: 10pt; color: #4466AA; text-align: center; vertical-align: middle !important; white-space: nowrap;}
/*grid*/
div.divIdHidden{display: none;}

td.tdGridModern{border-color: #aaa !important; border: none !important;}
td.tdGridModern div.gridcell{background-color: transparent;}

td.tdGrid{vertical-align: middle !important;}
td.tdGrid div.gridcell{font-size: 8pt; white-space: nowrap; min-width: 10px !important; background-color: transparent; }

/*item da grid genérico*/
div.divItem{margin-bottom:0px; background-color: white; border-radius: 0em; border:1px solid #aaa; -webkit-box-shadow: 0 0px 0px rgb(0,0,0); box-shadow: 0 0px 0px rgb(0,0,0);}
  div.divItemTop{}
  div.divItemCenter{}
    div.divItemCenterItem{}
    div.divItemDescricao{font-family: 'Sansation'; font-size: 23pt; line-height: normal;}
    div.divItemNotifDescricao{font-family: 'Sansation'; font-size: 14pt; line-height: normal;}
  div.divItemBottom{}

img.imgItemImg20{width: 20px; height: 20px; float:left; margin-right:2px;}
img.imgItemImg36{width: 36px; height: 36px; float:left; margin-right:2px;}

div.divItemTexto20{height:20px; float: left; padding-left:1px;}
div.divItemTexto36{height:36px; line-height: 33px; margin-left: 36px; float: none; padding-left:2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

img.imgPadrao20{max-width: 20px; max-height: 20px;}
img.imgItemCor{background:#dddddd; border: solid 1px #ddd; margin: 0px;}
div.divItemCor{background:#ffffff; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; border-right: solid 1px #ddd; font-family: 'Sansation'; padding-right:2px; }

/*item específico da grid para o cadastro de contas*/
div.divItemGrupo{}
  div.divItemGrupoTexto{font-size: 10pt; border: 0px; background: transparent !important;}
div.divItemVencimento{font-size: 10pt;}
  div.divItemVencimentoTexto{width: 36px !important; text-align: center; }
div.divItemAP{font-size: 10pt;}
  div.divItemAPTexto{}
div.divItemCompartilhado{  min-height:36px;}
  div.divItemCompartilhadoTexto{font-size: 10pt; }
div.divItemTipo{padding-bottom:2px;}
  div.divItemTipoTexto{font-size: 10pt;}
@media (min-width: 768px) {
  div.divItemNotifImagem{text-align: center; padding-right: 0px;}
  div.divItemVencimentoTexto{width: 30px !important;}
  div.divItemTipo{padding-top:2px;}
}
@media (max-width: 767px) {
  div.divItemNotifImagem{padding-right: 0px;}
  div.divItemCompartilhado{padding-bottom:1px;}
  div.divItemAp{padding-bottom:1px; padding-top:1px; padding-right:1px;}
  div.divItemVencimento{padding-bottom:1px; padding-top:1px; padding-left:1px;}
  div.divItemVencimentoTexto{width: auto !important;}
  div.divItemTipo{padding-top:1px;}
}
/*item específico da grid para o cadastro de grupos*/
div.divItemGrupoPai{}
  div.divItemGrupoPaiTexto{font-size: 10pt; border: 0px; background: transparent !important;}

/*Específico do lançamento*/
.gridCellLancamento{min-width: 60px; font-size: 8pt; }

/********************** PAGINAÇÃO ************************/
div.divPaginacao{background:transparent; border:none;}
 div.divLinhaSeletorPaginacao{height:24px; margin-bottom:5px;}
  div.divSeletorPaginacao{max-width:200px; height:24px; background: #337ab7; float:left;}
   a.linkPaginacaoFirst{margin-left:0px !important;}
   a.linkPaginacao{color: #FFFFFF; font-family:'Arial'; margin-left:4px; margin-top: 2px; float: left;}
   a.linkPaginacao:hover{color:#88AADD; font-family:'Arial';}
    div.divPaginacaoItem{margin-top:2px; padding:0px; text-align:center; float:left; color: #FFFFFF; font-family:'Arial'; }
   a.linkPaginacaoSelected{color: #FFFFFF; font-family:'Arial'; font-size:12pt; margin-left:4px; font-weight: bold; float: left;}
   a.linkPaginacaoSelected:hover{color:#88AADD; font-family:'Arial'; font-size:12pt; font-weight: bold;}
    div.divPaginacaoItemSelected{margin-top:0px; padding:0px; text-align:center; float:left; color: #FFFFFF; font-family:'Arial'; font-size:12pt; }
   label.labelPaginacao{color: #FFFFFF; font-family:'Arial'; margin-left:4px; margin-top: 2px; float: left;}

/********************* INPUTS PADRÃO **********************/
.inputPadrao300x90{max-width: 300px; min-height: 90px;}
.inputPadrao300x30{max-width: 300px; max-height: 30px;}
.inputPadrao200x30{max-width: 200px; max-height: 30px;}
.inputPadrao30x30{max-width: 30px; max-height: 30px;}
.imgPadrao20x20{max-width: 20px; max-height: 20px;}

/********************* BOTÃO PADRÃO ***********************/
input.inputBotao{max-height: 30px; margin-top: 10px; margin-bottom: 10px;  padding-top: 4px !important; }

/************************ PERFIL **************************/
form.inputEditarPerfilSalvarImagem{height:110px; margin-bottom:10px;}
div.divPerfilPessoaDetalheImagem{overflow: hidden; width: 50px; height: 50px; padding:0px; margin-left:1px; margin-right:5px; margin-top:10px;}
div.divEditarPerfilImagem{overflow: hidden; width: 50px; height: 50px; padding:0px; float: left; margin-left:1px; margin-right:5px; margin-top:10px;}

/************************ PESSOAS *************************/
div.divListaPessoasNome{padding-left: 60px; padding-top:15px;}
div.divEditarPerfilImagem{margin-top: 0px;}
div.linkRemover{text-align: center;}
div.linkAdicionar{text-align: center;}

/************************ CHARTS **************************/
div.divCharts{padding-left: 0px; padding-right: 0px;}


/****************** AÇÕES DOS DETALHES ********************/
div.divNovoDetalhe{margin-bottom: 10px; overflow: hidden; height: 0px;}
input.inputEditarLancamentoSalvarNovoDetalhe{display:none; float:left; margin-right: 5px;}
input.inputEditarLancamentoCancelarNovoDetalhe{display:none;}

div.divNovoCompartilhamento{margin-bottom: 10px; overflow: hidden; height: 0px;}
input.inputEditarContaSalvarNovoCompartilhamento{display:none; float:left; margin-right: 5px;}
input.inputEditarContaCancelarNovoCompartilhamento{display:none;}

/************************ PADRÔES **************************/
.numeric{text-align: right !important;}
.currencyPositivo{color: green;}
.currencyNegativo{color: red;}

label.checkbox { 
  z-index:1;
  margin:0px;
  margin-top:0px;
  margin-left:5px;
}

input[type="checkbox"].checkbox { 
  z-index:10;
  margin:0px;
  margin-top:0px;
  min-width:20px;
  min-height:20px;
}

/********************** BOOTSTRAP LOGIN ***********************/
.form-signin .form-signin-heading{
  margin-bottom: 10px;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*dropdown painel*/
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e079";
}

/********************** OUTROS ***********************/
/*div.div-row{margin-bottom:5px; min-height: 45px;}*/
@media (min-width: 768px) {
  div.div-row{margin-bottom:5px; min-height: 45px;}
}

.divRadioNotaFeedback input[type=radio] {
  display: none;
}
.divRadioNotaFeedback input[type=radio] ~ label i.glyphicon {
  color: #FC0;
}
.divRadioNotaFeedback input[type=radio]:checked ~ label i.glyphicon {
  color: #CCC;
}

div.divTutorial {
  text-align: justify !important;
}
.btn{border-radius: 0em;}
.panel{border-radius: 0em;}
.form-control{border-radius: 0em;}
/*btn btn-md btn-primary*/
.divItemGrupoNivel1{margin-left: 0px;}
.divItemGrupoNivel2{margin-left: 20px;}
.divItemGrupoNivel3{margin-left: 40px;}
.iconItem{ float: left; top: 10px; margin-right: 5px; min-height: 25px;}
.labelLegenda{ font-weight: normal; border: 1px solid #ccc; padding: 4px; margin-top:15px; }
.labelCotacao{ font-weight: normal; border: 1px solid #ccc; padding: 4px; margin-top:15px; }
.iconObrigatorio{ float: left; margin-right: 3px; margin-top: 5px; color: red; font-size: 6px;}