/*******************************************************************
TOPO
********************************************************************/
.topo-content { overflow:hidden; width:100%; position: relative; margin: 0 auto 0 auto;}
.topo-content-direita {float:right; height:111px; padding:15px 0; width:50%; display: none!important; }
.topo-content-esquerda {float:left; height:111px; padding:15px 0; width:100%; }
.topo-content-img-topo { width: 100%; top:0; position: absolute;}
.img-topo {height: 84px; margin: 0 auto 0 auto; width: 960px;}

/* LOGIN */

.topo-acesso .botao-cadastrar .cadastrar a p {color:#fff!important;}
.topo-acesso .botao-cadastrar .cadastrar a:hover {color:#fff!important;}
.topo-acesso .login { border: 1px solid #ebebeb; background-color: #309aa2!important;}
.topo-acesso .login .tabela-login tbody tr td p { color: #FFFFFF !important; }
.topo-acesso .login .tabela-login tbody tr td a { color: #eeeeee !important; transition: all .5s}
.topo-acesso .login .tabela-login tbody tr td a:hover {color:#FFFFFF  !important;}
.topo-acesso .login .tabela-login tbody tr td .botao-ok { background:rgba(255,255,255,0.5)!important; color:#ffffff !important; cursor: pointer; font-weight: bold;}
.topo-acesso-home .info-logado .cesta-compras label {color:#ffffff !important; }
.topo-acesso .texto-cadastrar .cadastrar a:hover{color: #FFFFFF !important;}

/*.informativos table tr .barra {background: none!important;}*/
.informativos table tr .img-1 {float: left; height: 259px; margin-right: 15px; width: 190px; padding-right:0px !important;}
.informativos table tr .img-2 {float: left; height: 259px; margin-right: 15px; width: 190px; padding-right:0px !important;}
.informativos table tr .img-3 {float: left ;height: 259px; padding-left: 0 !important; width: 190px; padding-left:0px !important;}
.informativos table tr .img-1 p:first-child {bottom: 36px !important; font-size: 14px !important; position: absolute; right: 435px !important;}
.informativos table tr .img-1 p {bottom: 20px !important; font-size: 14px !important; position: absolute; right: 434px !important;}
.informativos table tr .img-2 p:first-child {bottom: 36px !important; font-size: 14px !important; position: absolute; right: 256px !important;}
.informativos table tr .img-2 p {bottom: 20px !important; font-size: 14px !important; position: absolute; right: 268px !important;}
.informativos table tr .img-3 p:first-child { bottom: 36px !important; font-size: 14px !important; position: absolute; right: 41px !important;}
.informativos table tr .img-3 p {bottom: 20px !important; font-size: 14px !important; position: absolute; right: 60px  !important;}

/* LOGADO */

.topo-acesso-home .info-logado {background: #309aa2;}
.topo-acesso-home .info-logado table tbody tr td p, .topo-acesso-home .info-logado table tbody tr td strong label, .topo-acesso-home .info-logado table tbody tr td strong {color: #FFFFFF !important; }
.info-usuario label {color: #FFFFFF!important;}
.cesta-compras .ui-widget-content {background: none;}
.topo-acesso-home .logado-botoes .menu-logado label {color:#309aa2 !important;}
.topo-acesso-home .logado-botoes .menu-logado li {color:#0B0E09 !important;}
.topo-acesso-home .logado-botoes .menu-logado li a span {color:#309aa2 !important;}
.topo-acesso-home .logado-botoes .menu-logado li:FIRST-CHILD p {color:#0B0E09 !important;}
.topo-acesso-home .logado-botoes .menu-logado li:FIRST-CHILD strong {color:#223651 !important;}

/*MENU*/

.menu { top:93px; }
.menu li {  border-left: 1px solid #fff !important;  color: #fff !important;  margin-top: 9px!important;}
.menu li a { color: #fff;}

/*Menu Dropdown */

.outros-cartoes div { background: none;}
.outros-cartoes div ul li ul { background: #DDE9EE !important;}
.outros-cartoes div ul li ul li table tbody tr:hover {background-color: #c6dbe6!important;}

/*******************************************************************
CONTE�DO
********************************************************************/

/* Home Logado */

.conteudo-pagina-logado-color {background: #F5F5F5 !important;}
.conteudo-pagina .banner-index { background-color: #ababab;}
.botoes a, .botoes input { background-color: #8dc045 !important; color: #FFFFFF !important;}
.listagem-datatable table tr td label, .formulario thead tr td label { color: #309aa2 !important;}

/*Tela incial */
.topo-acesso .texto-cadastrar .cadastrar a p {color: #FFFFFF !important;}
.informativos table tr td p { color: #8cc63f !important}

/*******************************************************************
Paginas
********************************************************************/

/* Cadastro mudar para float-direito */

.float-direito-cadastro .menu-cadastrar  { background-color: #f5f5f5!important}
.etapa-selecionada { background: #c0e0d6;}
.float-direito-cadastro .etapa-cadastro p, label {color: #6e6f71;}
.float-direito-cadastro .etapa-cadastro span {color:#113A40 !important;}
.float-direito-cadastro .etapa-cadastro { background-color: #f5f5f5!important;}
.float-direito-cadastro .etapa-cadastro h1 { color:#113a40;}
.float-direito-cadastro .etapa-cadastro .confirmacao-dados tbody tr td strong {color: #7F7F7F !important;}
.float-direito-cadastro .formulario-cadastrar p, .float-direito-cadastro .formulario-cadastrar span label { color: #0B0E09 !important;}

/* Conteudo  */

.float-direito {background-color: #f5f5f5!important;  }
.float-direito-cartoes {background-color: #f5f5f5!important;}
.float-esquerda .ui-widget-content {background: none;}
.float-esquerda .texto-padrao p { color: #6e6f71 !important;}
.float-esquerda .texto-padrao strong {color: #8cc63f !important;font-size: 24px !important; line-height: 1 !important;  font-size: 18px !important;}

/* Catalago */

.texto_mais_detalhes { color:#fff ; background-color:#A1A48F !important;}
.detalhe-produto tr td {color: #1A1A1A; }
.detalhe-produto tr td a {color: #fff !important;}
.ui-dialog .ui-dialog-title { color: #ffffff !important; }
.ui-dialog .ui-dialog-titlebar { background-color: #8dc045 !important;}
.table-radio tr td {color: #1A1A1A;}
.table-radio tr td label { color:#113A40;}

/* Cartoes Participantes */

.cartoes-participantes tr td p { color:#0B0E09 !important}
.fundo-parceiros {background: #deebf7!important; border-radius: 8px;}
.fundo-parceiros h1 {color: #90c44b!important;}


/* Cesta */

.dialog-finalizartroca p  {color: #666666!important; }
.dialog-finalizartroca label {color: #666666!important; }
.text-dialog-extrato {border: 1px solid #cccccc;}
.dialog-extrato .listagem-datatable table tfoot {border:1px solid #C0C0C0 !important;}
.dialog-extrato .listagem-datatable table tfoot tr td, .dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento .listagem-datatable  tfoot tr td { background: #c0e0d6!important;}
.dialog-extrato .listagem-datatable table tfoot tr td .ui-dt-c {color: #565756;}
.dialog-extrato .listagem-datatable table tfoot tr td + td + td {border-right:1px solid #C0C0C0 !important; }
.backgroundfinalizartroca {background: #8cc63f !important;}
.info-detalhamento-extrato .backgroundfinalizartroca h1 {color:#fff!important;}

/* Extrato */

.info-detalhamento-extrato p {color:#999999!important;}
.info-detalhamento-extrato h1 {color: #8e2800; }
.info-detalhamento-extrato a {color: #002a4b!important; }
.valor-total label {color: #223651 !important; font-weight: bold !important;}
.dialog-visPedido-tab tr td label:first-child {color: #4C6584 !important;}
.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento table tbody tr td, .dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento table thead tr th,.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento table tfoot tr td {color: #565756; padding:4px 7px!important; border-color: #c0c0c0 !important}

.render-pontos-vencer .listagem-ponto-vencer table tbody tr td label, .div-pontos-liberados .listagem-ponto-bloqueados table tbody tr td label {color: #6e6f71 !important;}

.fundodetalhetroca {background: #8dc045 !important;}
.fundodetalhetroca h1 {color:#fff!important;}

.acompanharpedidooptemais {color:#6e6f71!important; margin-left:5px!important;}

.dialog-extrato-alinhamento .fundo-vermelho table tbody tr td label {color: #eb001f !important;}
.dialog-extrato-alinhamento .fundo-vermelho table thead tr th span, .fundo-vermelho table tfoot tr td .ui-dt-c {color: #333333 !important;}
.dialog-extrato-alinhamento .fundo-vermelho table thead tr th, .fundo-vermelho thead tr th {background: #f2dbdb!important;} 
.dialog-extrato-alinhamento .fundo-vermelho table tfoot tr td {background: #f2dbdb!important;}

.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento .fundo-vermelho-detalhamento tbody tr td label {color: #eb001f !important;}
.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento .fundo-vermelho-detalhamento thead tr th {background-color: #f2dbdb !important; color: #333333 !important;}
.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento .fundo-vermelho-detalhamento tfoot tr td label {color: #333 !important;}
.dialog-extrato-alinhamento-detelhe .dialog-extrato-alinhamento .fundo-vermelho-detalhamento tfoot tr td {background-color: #f2dbdb !important; color: #333 !important;}

.pontosutilizados {float: right; margin-bottom: 20px; margin-right: 14px; margin-top: -20px; width: 195px;}
.pontosutilizados label:first-child {float: left; }
.pontosutilizados label {float: right; margin-right: 7px; font-weight: bold; color: #333;}
.titulo-estorno {color:#eb001f;     margin-left: 5px; margin-bottom: -20px}


/* Fale Conosco */

.float-direito table tr td label {color: #1A1A1A !important;}
.faleconosco {float: left; margin-left: 20px; width: 100%; }
.faleconosco .primeiro-paragrafo{margin-top: 25px; margin-bottom: 20px;}
.faleconosco p{margin-top: 55px; margin-bottom: 20px;}
.faleconosco img { float: left; padding-bottom: 10px; padding-right: 20px;}

/* Geral */

.ultimo-paragrafo a {color: #0066cc!important;}
.float-direito .padrao-texto h1 { color: #8cc63f !important; }
.float-direito .padrao-texto h2 { color: #8cc63f !important; }
.float-direito .padrao-texto, .vitrine p { color: #1a1a1a !important;}
.float-direito .padrao-texto strong { color: #1a1a1a !important; }
.float-direito .padrao-texto strong, .regulamento .texto-sicoob p { color: #1a1a1a !important;}
.float-direito .padrao-texto a {color:#FFF; }

/* Vitrine */

.info-parceiro-vitrine {width: 100%;}
.vitrine table tbody tr td span {color: #000!important;}
.info-parceiro-vitrine h1 {color: #333333; font-weight: bold;}
.info-parceiro-vitrine p {color: #333333 !important;}
.info-parceiro-vitrine tr td {border: 1px solid #cdcdcd;}
.info-parceiro-vitrine a {color: #002a4b!important; cursor: pointer;}
.info-parceiro-vitrine tr:FIRST-CHILD {background-color: #b8c6d8;}

.rastrear-pedido .link {background: none!important; border: none!important;} 
.rastrear-pedido {margin-left: 10px;}
.produtovitrine .titulo-vitrine h1 {color: #309aa2!important;}

/*perguntas frequentes */
.resposta16 b {font-weight: bold!important;}
.resposta16 p {margin-bottom: 10px;}

/*******************************************************************
RODAP�
********************************************************************/

#rodape { height:35px; clear:both; position:relative; margin-top:-35px; text-align:center; width:100%; }
#rodape .conteudo-rodape { width: 960px; margin: 0 auto 0 auto;}
#rodape .conteudo-rodape .texto-rodape  { margin: 10px 10px 0 0; float:right;}
#rodape .conteudo-rodape .texto-rodape a , #rodape .conteudo-rodape .texto-rodape span  {color:#a1a48f; }
#rodape .conteudo-rodape .texto-rodape a:hover  { text-decoration:underline; color:#003746; }
.rodape {background:#556f8e; height: 10px!important; width: 100%;}

/*******************************************************************
LISTAGEM
********************************************************************/

.listagem-datatable table tbody tr td, .listagem-datatable thead tr th { border: 1px solid #C0C0C0 !important; color:#7F7F7F !important;}
.listagem-datatable table thead tr th, .listagem-datatable thead tr th { border: 1px solid #C0C0C0 !important; background: #c0e0d6!important; color: #565756 !important;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th { border: 1px solid #C0C0C0 !important; background:#c0e0d6!important; color: #565756 !important;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th .ui-widget-content { color: #888888 !important;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th a { background:#003d40; border:1px solid #012a30; color:#fff;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th a:hover { background:#1A494B;}

.listagem-ponto-bloqueados label, span {color:#309aa2 !important;}
.listagem-ponto-bloqueados table tbody tr td { border:1px solid #c0c0c0; color:#7F7F7F; }
.listagem-ponto-bloqueados table thead tr th {background:#c0e0d6 !important; color: #fff !important; }
.listagem-ponto-bloqueados table thead tr { border: 1px solid #C0C0C0 !important; background:#c0e0d6!important; color: #565756 !important;}
.listagem-ponto-bloqueados table thead tr td { border-right: 1px solid #C0C0C0 !important;}

.listagem-ponto-vencer label, span {color: #6e6f71 !important; text-shadow:none!important;}
.listagem-ponto-vencer table tbody tr td { border:1px solid #c0c0c0; color:#7F7F7F;}
.listagem-ponto-vencer table thead tr th {background: #c0e0d6!important;  color: #fff !important;}
.listagem-ponto-vencer table thead tr { border: 1px solid #C0C0C0 !important; background: #59708d linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important; background: #59708d -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important; background: #59708d  -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;color: #565756 !important; }
.listagem-ponto-vencer table thead tr td {border-right: 1px solid #C0C0C0 !important;}

.formulario thead tr, .listagem-produtos thead tr { border: 1px solid #C0C0C0 !important; background:#c0e0d6!important; font-weight: bold !important; color: #565756 !important;}
.formulario thead tr td, .listagem-produtos thead tr td { text-align: left !important; color: #565756 !important; border-right: none;}
.formulario tbody tr td, .listagem-produtos tbody tr td { border: 1px solid #C0C0C0 !important; vertical-align: middle !important;}

.listagem-produtos { width: 100%; margin-top: 15px;}
.listagem-produtos thead tr { border: 1px solid #C0C0C0 !important; background: #e0f2c2 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important; background: #dbecbe -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important; background: #e2f4c4  -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important; color: #565756 !important;}
.listagem-produtos thead tr td {color: #565756 !important; border-right: none;}
.listagem-produtos tbody tr td { border: 1px solid #C0C0C0 !important;}

.foot-listagem-produtos {border: 1px solid #C0C0C0 !important; background: #e0f2c2 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important; background: #dbecbe -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important; background: #e2f4c4  -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;}
.foot-listagem-produtos a { color: #fff !important;}
.barra-cadastrar-menor{background:#309aa2!important;}

/*******************************************************************
MENSAGEM
********************************************************************/

.mensagem-alerta { background: #fffbee; border: solid 1px #d4d7cc !important;}
.mensagem-alerta-cesta { background: #fffbee; border: solid 1px #d4d7cc!important;}
.texto-destaque-faleconosco {font-weight:normal!important;}

/*********************************************
SRITES
**********************************************/

/* sistema */
.botao-menu{background:#c0e0d6!important; width: 105px; height: 45px;}
.botao-cartoes {background:#c0e0d6!important; width: 136px; height: 45px;}



.topo-direita2, .barra-logado .barra-login, .topo-esquerda2, .topo-sprite, .topo-sicoob-ie, .float-left-sprite {background: url("../../resources/img/img_portador/portador.png") no-repeat!important;}
.topo-sprite{background-position:  0 -351px !important; width: 957px; height:126px;}
.topo-direita2{background-position: 0 -495px!important; background-repeat: repeat-x !important; height: 107px;}
.topo-esquerda2{background-position: 0 -495px!important; background-repeat: repeat-x !important; height: 107px;}
.float-left-sprite{background:none!important;}
.barra-login{background-position: -10px -228px !important; width: 524px;height: 129px;}
.barra-logado {background-position: -188px -162px!important; width: 440px; height: 61px;}




/*********************************************
AJUSTES CSS DEVIDO A ALTERAÇÃO DE VERSÃO DO PRIMEFACES PARA 6.2 E JQUERY PARA 3.5.0
**********************************************/

#box-validacao-old{
   background-color: #309AA1!important;
   border-radius: 10px;
}
#box-validacao-old h1 {
    color: white;
}

.ui-datatable-footer.ui-widget-header.ui-corner-bottom{
    background-color: #309aa2!important;
}
span.float-right:nth-child(1){
    width: 860px;
    padding: 2px 87px 2px 0px;
    margin: -30px 0px;
    background-color: #c0e0d6;
    border: solid 1px #999;
    text-align: right;
}
span.float-right:nth-child(2){
    width: 88px;
    background-color: #c0e0d6;
    margin: -30px -11px;
    padding: 3px 4px 1px 1px;
    border: solid 1px #999;
}
.botao-continuar-cesta, .botao-finalizar-cesta{
    margin-top: 5px;
    background-color: #8dc045;
    padding: 4px 15px;
    border-radius: 4px;
    transition: background-color .5s;
}
.botao-continuar-cesta:hover, .botao-finalizar-cesta:hover{
    background-color: #8dc045;
}
a.botao-continuar-cesta,a.botao-finalizar-cesta{
    color:#ddd;
    text-decoration: none!important;
    transition: all .5s;
}
a.botao-continuar-cesta:hover,a.botao-finalizar-cesta:hover{
    color: #fff;
}
.text-color-back-light{
    float: left;
    margin: -50px 0 0 90px;
}
.ui-datatable .ui-datatable-header {
    background: #e2e2e2!important;
    height: 20px!important;
}

.btn-voltar {
    background-color: #8dc045!important;
}
.btn-voltar span {
    font-size: 10px;
    color: white!important;
}

/*********************************************
HACK CHROME

**********************************************/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .informativos table tr .barra { padding-bottom: 16px !important; border-radius: 8px;}
}