/*
    Document   : style
    Created on : 01/03/2011, 08:58:07
    Author     : hugo haroldo swarowsky
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
    LAYOUT PRINCIPAL
*/

html, body {height:100%;}

body {
    margin:0;
    padding:0;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    /*margin: 0px 0px 0px 0px;*/
    background-color:#E7F7FE;
    background-repeat:repeat-x;
    background-image: url(../images/layout/fundo_pagina_vertical.png);
}

textarea {
    resize: none;
}

fieldset {
    border: 1px solid #d7e7f2;
    background-color: white;
    margin: 5px;
    left: 5px;
    position: relative; 
    float: left; 
}

legend {
    color: #999999;
    font-style: italic
}

.container-search{
    position: relative;  
    background-color: white; 
    border-top: 11px solid white; 
    border-bottom: 5px solid white;
}

.painel-area {

    width:760px;
    position:relative;  /*Contexto de posicionamento */
    background:white;
    margin:0 auto;
    text-align:left;
    min-height:100%;
    border-width:0 1px;
    background-color: #FCFCF4;
}

.painel-area-extend {

    width:980px;
    position:relative;  /*Contexto de posicionamento */
    background:white;
    margin:0 auto;
    text-align:left;
    min-height:100%;
    border-width:0 1px;
    background-color: #FCFCF4;
}

.painel-area-mega {

    width:1200px;
    position:relative;  /*Contexto de posicionamento */
    background:white;
    margin:0 auto;
    text-align:left;
    min-height:100%;
    border-width:0 1px;
    background-color: #FCFCF4;
}

.agrupador-area {
    padding-bottom:30px;
}

.menu-area {    
    padding-top:1px;
}

/* local que servirá de cabecalho para todo o layout */
.menu-area-top {
    margin:0;
    padding:0;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/layout/img_fundo_cabecalho.png);
    min-height: 110px;
}

.menu-area-bottom {
    margin:0;
    padding:0;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}

.painel-interno-area {

    padding-left:0px;
    float:left;
    padding-top:0px;
    text-align:justify;
    width: 100%;
}

.rodape-area {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    border-width: 1px 0;
    background-color: #033F88;
    color: white;
    text-align: left;
}

.clear-area {
    clear:both;
    height: 45px;
}

/*
    PERSONALIZAÇÃO DE COMPONENTES
*/

.price {
    text-align: right; 
    font-size: 11px;
}


/*
    RESPONSÁVEL POR CRIAR A CAIXA DE TEXTO CENTRALIZADA PARA INFORMAR OS CNPJS/CPFS
*/
.textbox {
    position: relative;
    top: 100px;
    left: 210px;
    width: 280px;
}

.textbox tr{

    height: 30px;
}

.textbox td{

    text-align: center;
}

/*
    Estilos antigos que serão mantidos para aplicar no código que existe hoje
*/
.leftmenuLink3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366
}


.leftmenuLink4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366
}

.style2 {color: #003366}

.style3 {color: #ECE9D8}

TABLE.main {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #464646;
    background-color: #EBEBEB;
    font-size: 14px;
}

TABLE.main2 {

    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #F9F9F9;
    font-size: 12px;
}


TABLE.mainCinza {


}

TABLE.mainCinzaB {
    /*
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    border-bottom: 1px dashed #D6D6D6;
    */
}

TABLE.mainCinzaE {
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #FCFCF4;
    border-right: 1px dashed #D6D6D6;
}


TD.different {
    background-color: #F9F9F9;
    border-left: dashed 1px #669999;
    border-right: dashed 1px #669999;
}

TD.differentB {

    font-family: verdana, arial, helvetica, sans-serif;
    /*background-color: #FFFFFF;*/
    background-color: yellow;
    border-bottom: 1px dashed #D6D6D6;

}

.leftmenuLink {
    FONT-SIZE: 11px; FONT-FAMILY: Arial
}
.leftmenuLink1 {
    FONT-SIZE: 12px; FONT-FAMILY: Arial ;
}

.leftmenuLink2 {
    FONT-SIZE: 10px; FONT-FAMILY: Arial
}




.leftmenuLink5 {
    color:#003366; FONT-SIZE: 12px; FONT-FAMILY: Arial
}


.head2 {
    FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style1 {color: #999999}

.style5 {
    font-size: 14px
}
.taglineRow {
    BORDER-BOTTOM: #cccccc 1px solid

}
/*
    PHP
*/

div#CabecalhoLogo {
    position: relative;
    width: 100px;
    text-align: center;
    height: 105px;
    float: left;
    vertical-align: middle;
    display: table-cell;
    top: 2px;
    left: 10px;
}


div#CabecalhoTitulo {
    width: 440px;
    text-align: center;
    height: 70px;
    float: left;
    vertical-align: middle;
    display: table-cell;
    top: 22px;
    position: absolute;
    left: 120px;
}

div#TituloPortal {
    font-family: Verdana;
    font-weight: bold;
    color: #003A8E;
    font-size: 16px;
    height: 30px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;

}

div#NomeEntidade {
    font-family: Verdana;
    font-weight: 600;
    color: #003A8E;
    font-size: 23px;
    text-align: left;
    height: 25px;
}

div#SeparadorHorCabecalho {
    height: 23px;
}


#logoPublica{
    float:right;
    height:33px;
    margin-top:10px;

}

#logoPublica img{
    border:0px;
}

#nomeUsuario{
    float:right;
    margin-top:95px;
    text-align: right;
    background-color: aqua;


}

div#Menu {

}

div#Menu1 {
    height: 25px;
    width: 1000px;
    border-top: #A0CCEF solid 1px;
    border-bottom: #A0CCEF solid 1px;
}

div#Menu2 {
    height: 25px;
    width: 1000px;
    border-bottom: #A0CCEF solid 1px;

}

div#BarraPesquisa {
    height: 27px;
    background-color: #E7F7FE;
    font-weight:400;

}

div#ItemMenu, div#TextoMenu {
    float: left;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
}
div#ItemMenu:hover{
    background-image: url(../images/layout/img_fundo_item_menu_hover.jpg);
}

.ItemMenu > a.linkMenu{
    background-image: url(../images/layout/img_fundo_item_menu_selected.jpg);
    color: white;
}

div#ItemMenu:hover > a.linkMenu{
    text-decoration:none;
}

.linkMenu {
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #036;
    display: table-cell;
    vertical-align: middle;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

a{
    color: #036;
    text-decoration:none;
}

a:hover{
    color: #036;
    text-decoration:underline;
}

.textoMenu {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    height: 25px;

}

div#SeparadorMenu {
    width: 2px;
    height: 25px;
    float: left;
    vertical-align: middle;
    display: table-cell;
}

input[type=text],input[type=password],input[type=file],select,textarea{

    font-family: Arial;
    border-style: solid;
    border-width: 1px;
    border-color: #9CA1A4;
    font-size: 11px;
}

input[type=button],input[type=submit],input[type=reset],input[type=file]{

    font-family: Arial;
    font-size: 11px;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

/*
    Responsável pela barra de navegação interna e o nome do usuário na parte superior da pagina
*/
.barranavegacaointerna{
    background-color: #F6F6F6;
    height: 18px;
    position: relative;
    width: 100%;
}

.barranavegacaointerna ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 20px;
    margin: auto;
}

.barranavegacaointerna li {
    float: left
}

.barranavegacaointerna ul a {
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    line-height: 20px;
    font-size: 12px;
}


.barranavegacao {
    background-color: #EBEBEB;
    width: 500px;
    float: left
}

.barranavegacao ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 20px;
    width: 500px;
    margin: auto
}

.barranavegacao li {
    float: left
}

.barranavegacao ul a {
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    line-height: 20px;
    font-size: 12px;
}

.targetusername{

    float: left;
    width: 260px;
    height: 20px;
    text-align: right;
    background-color: #EBEBEB
}


.menu-vertica-table-group{

    font-family: verdana, arial, helvetica, sans-serif;
    color: #464646;
    background-color: #EBEBEB;
    font-size: 14px;
    width: 100%;

}

.menu-vertica-table-item{
    text-align: left;
    padding-left: 8px;
    font-family: Arial;
    background-color: #F9F9F9;
    font-size: 12px;
}

.menu-vertica-table-item font{
    color: #464646;
    font-size: 10px;
    width: 100%;
}

.menu-vertica-table-item td{
    height: 25px;
    width: 250px;
}

input[readonly] {background-color: #f4f4f4;}

/*classes usadas no layout da tabela*/
.tableDados:not(.no-style){
    font-size:11px;
    font-family:arial;
    border-collapse: collapse;
    padding: 0;
    border-bottom:1px solid #DDDDDD;
    width:100%;
    position: relative;
    top: 10px;
}
.tableDados td:not(.no-style){
    border-left:1px solid #FFFFF;
    border-right:1px solid #DDDDDD;
}
.tableDados th:not(.no-style){
    border-left:1px solid #FFF;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
}
.tableDados thead tr:not(.no-style){
    height:24px;
    background-image:url(../images/layout/img_fundo_tabela.jpg);
    border-bottom:0px;
    border-top:0px;
    font-weight: bold;
}
.tableDados tbody tr:not(.no-style){
    height:24px;
}
.tableDados tbody tr:not(.no-style).hover{
    background-color: #C0DFF7;
}
.zebraUm:not(.no-style){
    background:#F5F5F5
}
.zebraDois:not(.no-style){
    background:#FFFFFF
}
/*classes usadas no layout da tabela*/

/** div da pesquisa de autorizados e emitirem NFS-e **/

.prestador_habilitados{

}

.prestador_habilitados .nome{
    float: left;
    width: 560px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
}
.prestador_habilitados .nome a{
    text-decoration: underline;
}
.prestador_habilitados .nome a:hover{
    text-decoration: none;
}
.prestador_habilitados .nome span{
    color: #003380;
    font-size: 15px;
    width: 550px;
}

.prestador_habilitados .cpf{
    float: right;
    width: 160px;
    height: 100%;
    left: 0px;
    position: relative;
}

.prestador_habilitados .cpf a{
    text-decoration: underline;
}

.prestador_habilitados .cpf a:hover{
    text-decoration: none;
}

.prestador_habilitados .endereco{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;

}

.prestador_habilitados .site{
    padding-left: 5px;
    color: blue;
}

.tabs.default_panel{
    position: relative;
    top: 10px;
    width: 99%;
}
.accordion.default_panel {
    position: relative;
    top: 10px;
    width: 760px;
}

.tableDados.internal_panel{
    top: 0px;
    width: 100%;
}

.accordion.internal_panel{
    top: 0px;
    width: 720px;
}

.tabs.internal_panel{
    top: 0px;
    width: 713px;
}

form {
    *top: -20px;
    *position: relative;
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 719px; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 12px; height: 14px; }
#sortable li span { position: absolute; margin-left: -1.3em; }

.line-separation { position: relative; width: 100%; background-color: #e0f0fc; top: 10px; height: 15px; border-top-style: solid; border-top-color: #87B6D9; }

/*
    INICIO - Específico para o ícone de alterar/manutenção 28/07/2013 15h24
*/
.icon-recycle{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/recycle.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-pagamento{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/pagamento.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-recycle-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/recycle_read.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-remove{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/remove-icon.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-remove-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/remove-icon-read.png);
    border: 0px solid transparent !important;
    cursor: help;
}

.icon-visualizar{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/lupa.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-visualizar-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/lupa-read.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-imprimir{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/printer.png);
    background-repeat: no-repeat;
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-imprimir-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/printer_disabled.png);
    background-repeat: no-repeat;
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-refresh{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/refresh_icon.png);
    border: 0px solid transparent !important;
    cursor: pointer;
}

.icon-refresh-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/refresh_icon-read.png);
    border: 0px solid transparent !important;
    cursor: help;
}

.icon-info{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/info.gif);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-ok{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/ok.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-ok-red{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/ok_read.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-add{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/add-icon.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-add-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/add-icon-read.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-download{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/download.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}

.icon-download-read{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/download_gray.png);
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
    margin-left: 3px;
}
/*
    FIM - Específico para o ícone de alterar/manutenção
*/
.link_nfse_combo{
    color: black;
    cursor: pointer;
}

.link_nfse_combo:hover{
    color: #247AC4;
}

.mensagem-alerta-cpf-cnpj-invalido{
    font-size:11px; 
    color: #3F816C;
}

.msgRight{
    cursor: help;
}

.msgLeft{
    cursor: help;
}

/* pub-aling-center tem a finalidade de centralizar todos os componentes que existem na tela */
.pub-aling-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-waiting{
    height:16px;
    width: 16px;
    background-image:url(../images/icon/wait.gif);
    background-size: 16px 16px;
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    float: left;
}

.button_generic {
	background-color: #125397;
	border-radius: 5px;
	color: #fff;
	height: 2.0rem;
	opacity: 0.90;
	line-height: 1.5;
	border: 0;
	padding: 0 5px;
	margin: 0 5px;
}

.button_generic:hover {
	background-color: #487bb1;
}

.button_generic_clean {
	background-color: #bdbdbd;
	border-radius: 5px;
	color: #fff;
	height: 2.0rem;
	opacity: 0.90;
	line-height: 1.5;
	padding: 0 5px;
	margin: 0 5px;	
}

.button_generic_clean:hover {
	background-color: #d7d7d7;
}

.cheat_sheet_line{
	padding-top: 1px;
	position: relative;
	float: left;
	width: 720px;
	height: 45px;
	padding-left: 5px;
	padding-bottom: 2px;
}

.cheat_sheet_cell{
	position: relative;
	float: left;
	height: 20px;
	margin-left: 5px;
	line-height: 20px;
}