@charset "utf-8";
/* CSS Document */
/* BG PLANOS */
.bg-inicial{background:#60C0FF;}
.bg-empresa{background:#3080CC;color:snow;}
.bg-top-empresa{background:#220969;color:snow;}
/* *********************** */
.bg-webgescom{background:#80C024;}
.bg-azul{background:#60A7EE;}
.bg-bday{background:#3c4ba0;}
.bg-soc{background:#d7c730;}
.bg-vendas{background:rgb(32,192,64);color:rgb(255,255,255);}
.bg-abates{background:#F77;}
.bg-compras{background-color:#C00;color:#FFF;}
.text-compras{color:rgb(224,64,64);}
.bg-credf{background:#7F7;}
.wgc-num{text-align:right;}
.wgc-text{color:#220969;}
.wgc-selected{background:#3c4ba0;color:rgb(255,255,255);}
#Resultado{display:none;}
#novaSerie{display:none;}
#numDoc{display:none;}
.wgc-escondido{display:none;}
.addBotao{position:fixed;bottom:63px;left:12px;z-index:1001;}
.fundo-home{background:black url("../../imagens/wgc2024-2048-webgescom-home.webp");background-repeat:no-repeat;background-position: center center;color:#101010;}
.fundo-inscricao{background:black url("../../imagens/wgc2022-1600-webgescom-inscrever.webp");background-repeat:no-repeat;background-position: center center;}

/* ft_edicao estilos caixas 10/Dez/2021 rev. 8/Maio*/
#DocLinha{position:fixed;z-index:1001;bottom:1em;left:0.5em;background-color:rgba(255,255,255,0.9);min-height:15%;width:100%;}
#NovaLinha{position:fixed;z-index:1001;bottom:0.3em;right:0.3em;min-width:1.5em;min-height:1.5em;border-radius:0.6em;}
/* -----------------------------------------*/
/* Scroller */
#scrBtn{display:none;position:fixed;bottom:24px;right:24px;z-index:99;border:none;outline:none; /* Remove outline */
  background:rgba(192,192,192,0.75);color:#000;cursor:pointer;padding:0.5em;border-radius:12px;font-size:1em;}
/* Sticky footer styles
-------------------------------------------------- */
html{position:relative;min-height:100%;}
body{margin-bottom:60px;/* Margin bottom by footer height */}
.footer{
  position:absolute;bottom:0;
  width:100%;height: 60px; /* Set the fixed height of the footer here */
  line-height:60px; /* Vertically center the text there */
  background-color:#f5f5f5;
}
.footer_wgc{position:absolute;bottom:0;width:100%;height:60px;line-height:60px;background-color:#F3F3F3;}
/* CSS Document Spin */
.ballFade{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#000;opacity:.70;z-index:1002;}
.ball{background-color:rgba(0,0,0,0);border:5px solid rgba(0,183,229,0.9);opacity:.9;
    border-top:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;box-shadow:0 0 35px #2187e7;width:50px;
    height:50px;margin:45% auto;animation:spin .5s infinite linear;z-index:1005;
}
.ball1{background-color:rgba(0,0,0,0);border:5px solid rgba(0,192,224,0.9);opacity:.9;
    border-top:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;box-shadow:0 0 15px #2187e7;width:30px;
    height:30px;margin:45% auto;position:relative;top:-50px;
    animation:spinoff .5s infinite linear;z-index:1005;
}

@keyframes spin{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);};}
@keyframes spinoff{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-360deg);};}