@import 'record.css'; /* para SPN1 */

#wm-ipp-base {
  height:65px;/* altura inicial apenas no caso de falha do código js */
  preenchimento:0;
  margem:0;
  borda:nenhuma;
  fundo:nenhum transparente;
}
#wm-ipp {
  índice z: 2147483647;
}
#wm-ipp, #wm-ipp * {
  família de fontes: Lucida Grande, Helvetica, Arial, sans-serif;
  tamanho da fonte: 12px;
  altura da linha:1.2;
  espaçamento entre letras:0;
  largura:automático;
  altura:automático;
  largura máxima:nenhum;
  altura máxima:nenhum;
  min-width:0 !importante;
  altura mínima:0;
  esboço:nenhum;
  flutuar:nenhum;
  alinhamento de texto:esquerda;
  borda:nenhuma;
  cor: #000;
  recuo do texto: 0;
  posição: inicial;
  antecedentes: nenhum;
}
#wm-ipp div, #wm-ipp tela {
  exibir: bloco;
}
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp formulário {
  preenchimento:0;
  margem:0;
  borda:nenhuma;
  raio-da-borda:0;
  cor de fundo: transparente;
  imagem de fundo:nenhuma;
  /*z-index:2147483640;*/
  altura:automático;
}
#wm-ipp tabela {
  borda:nenhuma;
  colapso-de-borda:colapso;
  margem:0;
  preenchimento:0;
  largura:automático;
  tamanho da fonte:herdar;
}
#wm-ipp formulário de entrada {
  preenchimento:1px !importante;
  altura:automático;
  exibição:em linha;
  margem:0;
  cor: #000;
  fundo: nenhum #fff;
  borda: 1px sólido #666;
}
#wm-ipp formulário de entrada[tipo=enviar] {
  preenchimento:0 8px !importante;
  margem:1px 0 1px 5px !importante;
  largura:auto !importante;
  borda: 1px sólido #000 !importante;
  fundo: #fff !importante;
  cor: #000 !importante;
}
#wm-ipp formulário de entrada[tipo=enviar]:hover {
  fundo: #eee !importante;
  cursor: ponteiro !importante;
}
#wm-ipp formulário de entrada[tipo=enviar]:ativo {
  transformar: traduzirY(1px);
}
#wm-ipp a {
  exibição: em linha;
}    
#wm-ipp a:hover{
  decoração-de-texto:sublinhado;
}
#wm-ipp a.wm-btn:passe o mouse {
  decoração-de-texto:nenhum;
  cor:#ff0 !importante;
}
#wm-ipp a.wm-btn:período de foco {
  cor:#ff0 !importante;
}
#wm-ipp #wm-ipp-dentro {
  margem: 0 6px;
  borda:5px sólido #000;
  borda-superior:nenhum;
  cor de fundo:rgba(255,255,255,0.9);
  -moz-box-sombra:1px 1px 4px #333;
  -webkit-box-sombra:1px 1px 4px #333;
  caixa-sombra:1px 1px 4px #333;
  raio da borda:0 0 8px 8px;
}
/* Os seletores são intencionalmente detalhados para garantir prioridade */
#wm-ipp #wm-logotipo {
  preenchimento:0 10px;
  alinhamento vertical:meio;
  largura mínima:100px;
  flexível: 0 0 100px;
}
#wm-ipp .c {
  preenchimento-esquerdo: 4px;
}
#wm-ipp .c .u {
    margem superior: 4px !importante;
}
#wm-ipp .n {
  preenchimento:0 0 0 5px !importante;
  alinhamento vertical: inferior;
}
#wm-ipp .na {
  decoração-de-texto:nenhum;
  cor:#33f;
  peso da fonte:negrito;
}
#wm-ipp .n .b {
  preenchimento:0 6px 0 0 !importante;
  alinhamento de texto:direita !importante;
  estouro:visível;
  espaço em branco:nowrap;
  cor:#99a;
  alinhamento vertical:meio;
}
#wm-ipp .n .y .b {
  preenchimento:0 6px 2px 0 !importante;
}
#wm-ipp .n .c {
  fundo:#000;
  cor:#ff0;
  peso da fonte:negrito;
  preenchimento:0 !importante;
  alinhamento de texto:centro;
}
#wm-ipp.hi .n td.c {
  cor:#ec008c;
}
#wm-ipp .n td.f {
  preenchimento:0 0 0 6px !importante;
  alinhamento de texto:esquerda !importante;
  estouro:visível;
  espaço em branco:nowrap;
  cor:#99a;
  alinhamento vertical:meio;
}
#wm-ipp .n tr.m td {
  transformação de texto:maiúsculas;
  espaço em branco:nowrap;
  preenchimento:2px 0;
}
#wm-ipp .c .s {
  preenchimento:0 5px 0 0 !importante;
  alinhamento vertical:inferior;
}
#wm-ipp #wm-nav-capturas {
  espaço em branco: nowrap;
}
#wm-ipp .c .s em {
  cor:#33f;
  peso da fonte:negrito;
  altura da linha: 1,8;
}
#wm-ipp .c .s div.r {
  cor: #666;
  tamanho da fonte:9px;
  espaço em branco:nowrap;
}
#wm-ipp .c .k {
  preenchimento-inferior:1px;
}
#wm-ipp .c .s {
  preenchimento:0 5px 2px 0 !importante;
}
#wm-ipp td#exibirMêsEl {
  preenchimento: 2px 0 !importante;
}
#wm-ipp td#exibirAnoEl {
  preenchimento: 0 0 2px 0 !importante;
}

div#wm-ipp-sparkline {
  position:relative;/* para marcadores de posicionamento */
  espaço em branco:nowrap;
  cor de fundo:#fff;
  cursor:ponteiro;
  altura da linha:0,9;
}
#sparklineImgId, #wm-sparkline-canvas {
  posição:relativa;
  índice z:9012;
  largura máxima:nenhum;
}
#wm-ipp-sparkline div.yt {
  posição:absoluta;
  z-index:9010 !importante;
  cor de fundo:#ff0 !importante;
  topo: 0;
}
#wm-ipp-sparkline div.mt {
  posição:absoluta;
  z-index:9013 !importante;
  cor de fundo:#ec008c !importante;
  topo: 0;
}  
#wm-ipp .r {
    margem esquerda: 4px;
}
#wm-ipp .ra {
  cor:#33f;
  borda:nenhuma;
  posição:relativa;
  cor de fundo: transparente;
  background-repeat:sem repetição !importante;
  posição-de-fundo:100% 100% !importante;
  decoração de texto: nenhuma;
}
#wm-ipp #wm-capinfo {
  /* evita que o fundo do div fique grudado nos cantos arredondados
     #wm-ipp-dentro */
  raio da borda: 0 0 4px 4px;
}
#wm-ipp #wm-capinfo .c-logotipo {
  exibir:bloco;
  flutuar:esquerda;
  margem-direita:3px;
  largura:90px;
  altura mínima:90px;
  altura máxima: 290px;
  raio da borda:45px;
  estouro:oculto;
  posição de fundo: 50%;
  tamanho do plano de fundo:automático 90px;
  caixa-sombra: 0 0 2px 2px rgba(208,208,208,128) inset;
}
#wm-ipp #wm-capinfo .c-logo span {
  exibição:bloco-em-linha;
}
#wm-ipp #wm-capinfo .c-logo img {
  altura:90px;
  posição:relativa;
  esquerda:-50%;
}
#wm-ipp #wm-capinfo .wm-title {
  tamanho da fonte:130%;
}
#wm-ipp #wm-capinfo a.wm-seletor {
  exibição:bloco-em-linha;
  cor: #aaa;
  text-decoration:none !importante;
  preenchimento: 2px 8px;
}
#wm-ipp #wm-capinfo a.wm-selector.selected {
  cor de fundo:#666;
}
#wm-ipp #wm-capinfo a.wm-seletor:hover {
  cor: #fff;
}
#wm-ipp #wm-capinfo.notice-only #wm-capinfo-coletado-por,
#wm-ipp #wm-capinfo.somente-notice #wm-capinfo-timestamps {
    exibição: nenhuma;
}
#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content {
    cor de fundo:#ff0;
    preenchimento:5px;
    tamanho da fonte: 14px;
    alinhamento de texto:centro;
}
#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content * {
    tamanho da fonte: 14px;
    alinhamento de texto:centro;
}
#wm-ipp #wm-expandir {
  direita: 1px;
  inferior: -1px;
  cor: #ffffff;
  cor de fundo: #666 !importante;
  preenchimento:0 5px 0 3px !importante;
  raio da borda: 3px 3px 0 0 !importante;
}
#wm-ipp #wm-expandir intervalo {
  cor: #ffffff;
}
#wm-ipp #wm-expandir #wm-expandir-icon {
  exibição: bloco embutido;
  transição: transformação 0,5s;
  transformar-origem: 50% 45%;
}
#wm-ipp #wm-expand.wm-open #wm-expand-icon {
  transformar: girar(180 graus);
}
#wm-ipp #wmtb {
  alinhamento de texto:direita;
}
#wm-ipp #wmtb #wmtbURL {
  largura: calc(100% - 45px);
}
#wm-ipp #âncora-de-gráfico-wm {
  borda-direita:1px sólido #ccc;
}
/* coerência temporal */
html.wb-destaque {
  box-shadow: inset 0 0 0 3px #a50e3a !importante;
}    
.wb-destaque {
  contorno: 3px sólido #a50e3a !importante;
}
#wm-ipp-imprimir {
  exibir:nenhum !importante;
}
@media imprimir {
#wm-ipp-base {
  exibir:nenhum !importante;
}
#wm-ipp-imprimir {
  exibir:bloco !importante;
  espaço em branco: nowrap;
  estouro: oculto;
  text-overflow: reticências;
}
}
@media (largura máxima:414px) {
    #wm-ipp .xxs {
	exibir:nenhum !importante;
    }
}
@media (largura mínima: 1055px) {
#wm-ipp #âncora-de-gráfico-wm {
  exibir:bloco !importante;
}
}
@media (largura máxima:1054px) {
#wm-ipp #âncora-de-gráfico-wm {
  exibir:nenhum !importante;
}
}
@media (largura máxima:1163px) {
#wm-logotipo {
    exibir:nenhum !importante;
}
}

#wm-btns {
    espaço em branco: nowrap;
    margem superior: -2px;
}

#wm-btns #wm-salvar-instantâneo-abrir {
  margem direita: 7px;
  topo: -6px;
}

#wm-btns #wm-entrar {
  dimensionamento da caixa: caixa de conteúdo;
  exibição: nenhuma;
  margem direita: 7px;
  topo: -8px;

  /*
  borda redonda ao redor do botão de login
  */
  borda: 2px #000 sólido;
  raio da borda: 14px;
  preenchimento-direito: 2px;
  preenchimento-inferior: 2px;
  largura: 11px;
  altura: 11px;
}

#wm-btns #wm-sign-in>.iconochive-pessoa {
  tamanho da fonte: 12,5px;
}

#wm-save-snapshot-open > .iconochive-web {
  cor:#000;
  tamanho da fonte:160%;
}

#wm-ipp #wm-compartilhar {
  exibição: flexível;
  alinhar-itens: flex-end;
  justificar-conteúdo: espaço-entre;
}

#wm-share > #wm-captura de tela {
  exibição: bloco embutido;
  margem direita: 3px;
  visibilidade: oculto;
}

#wm-screenshot > .iconochive-image {
  cor:#000;
  tamanho da fonte:160%;
}

#wm-share > #wm-video {
  exibição: bloco embutido;
  margem direita: 3px;
  visibilidade: oculto;
}

#wm-video > .iconochive-movies {
  cor: #000;
  exibição: bloco embutido;
  tamanho da fonte: 150%;
  margem inferior: 2px;
}

#wm-btns #wm-salvar-instantâneo-em-progresso {
  exibição: nenhuma;
  tamanho da fonte:160%;
  opacidade: 0,5;
  posição: relativa;
  margem direita: 7px;
  topo: -5px;
}

#wm-btns #wm-salvar-instantâneo-sucesso {
  exibição: nenhuma;
  cor: verde;
  posição: relativa;
  topo: -7px;
}

#wm-btns #wm-salvar-instantâneo-falha {
  exibição: nenhuma;
  cor: vermelho;
  posição: relativa;
  topo: -7px;
}

.wm-ícone-captura-de-tela {
  fundo: url("../images/web-screenshot.svg") sem repetição !importante;
  background-size: contém !importante;
  largura: 22px !importante;
  altura: 19px !importante;

  exibição: bloco embutido;
}
#donato {
    /* efeito de transição desabilitado para simplificar o ajuste de altura */
    /*transição: altura 0,5s;*/
    altura: 0;
    margem: 0;
    preenchimento: 0;
    border-bottom: 1px sólido #999 !importante;
}
corpo.wm-modal {
    altura: auto !importante;
    estouro: oculto !importante;
}
#donato #donato-base {
    largura: 100%;
    altura: 100%;
    /*inferior: 0;*/
    margem: 0;
    preenchimento: 0;
    posição: absoluta;
    índice z: 2147483639;
}
corpo.wm-modal #donato #donato-base {
    posição: fixa;
    topo: 0;
    esquerda: 0;
    direita: 0;
    fundo: 0;
    índice z: 2147483640;
}

.wb-autocomplete-sugestões {
    família de fontes: Lucida Grande, Helvetica, Arial, sans-serif;
    tamanho da fonte: 12px;
    alinhamento de texto: esquerda;
    cursor: padrão;
    borda: 1px sólido #ccc;
    borda-topo: 0;
    fundo: #fff;
    caixa-sombra: -1px 1px 3px rgba(0,0,0,.1);
    posição: absoluta;
    exibição: nenhuma;
    índice z: 2147483647;
    altura máxima: 254px;
    estouro: oculto;
    estouro-y: automático;
    dimensionamento de caixa: caixa de borda;
}
.wb-autocomplete-sugestão {
    posição: relativa;
    preenchimento: 0,6em;
    altura da linha: 23px;
    espaço em branco: nowrap;
    estouro: oculto;
    text-overflow: reticências;
    tamanho da fonte: 1,02em;
    cor: #333;
}
.wb-autocomplete-sugestão b {
    espessura da fonte: negrito;
}
.wb-autocomplete-sugestão.selecionado {
    fundo: #f0f0f0;
}