@charset "utf-8";
/* CSS TELEMONT */
.sg-banner img {
  width: 100%;
}

#divGeral {
  min-height: 100vh;
  margin: 0;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
hr,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

p.sucesso {
  color: #0000cc;
  font-family: Calibri, Verdana, Arial, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
p.atencao {
  color: #cc0000;
  font-family: Calibri, Verdana, Arial, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

body {
  /* background-color: #ddeeff; */
  border: 0;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

#div_geral {
  width: 1071px;
  margin: 0 auto;
  text-align: center;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.title {
  float: left;
  padding: 0 40px 0 20;
  /* margin-top: 20px; */
  border: 2px solid #ffd700;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  color: #ffd700;
}

.title h1 {
  font-size: 1.7rem;
  margin: 5px;
  font-weight: bold;
  padding: 4px 20px;
}

.div_topo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  color: #ffffff;
  background-color: #002145;
  height: 90px;
  margin: 0;
}

.div_logo {
  /* height: 60px; */
  padding-bottom: 10px;
}

.logo {
  /* float: right; Posiciona o título à esquerda do contêiner */
  padding: 10px 20px; /* Espaçamento interno do título */
  background-color: transparent; /* Fundo transparente */
  font-size: 15px;
  font-weight: bold;
  /* width: 40%; */
  min-width: 300px;
  text-align: right;
}

.logo img {
  width: 100%;
}

.calendario {
  border-right: thin;
  background-position: center center;
  border-top: thin;
  font-size: 10px;
  background-image: url(images/vcalendar.jpg);
  border-left: thin;
  width: 18px;
  cursor: pointer;
  border-bottom: thin;
  background-repeat: no-repeat;
  font-family: "Calibri";
  height: 17px;
  background-color: #ffffff;
  padding: 0 !important;
  min-width: unset !important;
}

/* estilo de link */

a:link {
  color: #0000cc;
  text-decoration: none;
}
a:visited {
  color: #0000cc;
  text-decoration: none;
}
a:hover {
  color: #003399;
  text-decoration: none;
}
a:active {
  color: #0000cc;
  text-decoration: none;
}

/* fim estilo de link */

table.fundo td {
  background-color: #437;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  padding-left: 8px;
  padding-right: 8px;
  border-style: solid;
  border-spacing: 0px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #cccccc;
  height: 30px;
}
table.fundo {
  border-collapse: collapse;
}
.cabecalho_tr {
  /* cabecalho da tabela */
  background-color: #f5f5f5;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #0066a5;
}

.subcabecalho_tr {
  /* sub cabecalho da tabela */
  background-color: #efefef;
  text-align: center;
}

.subcabecalho_tr_n2 {
  /* sub cabecalho nvel 2 da tabela */
  background-color: #ffffff;
  text-align: center;
}

.subcabecalho_tr_prod_la {
  /* sub cabecalho da tabela */
  background-color: #0099ff;
  text-align: center;
  color: #ffffff;
}

.selecionada_tr {
  /* cor do onmouseover */
  background-color: #ddeeff;
  text-align: center;
}

.alterar_cor_branco {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #eeefff;
  text-align: center;
}

.alterar_cor_cinza {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #fefefe;
  text-align: center;
}

.tr_cor_branco_marcado {
  /* Ser� utilizada com JavaScript para marcar tr's com checkboxex selecionados */
  background-color: #ddddff;
  text-align: center;
}

.tr_cor_branco {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #eeefff;
  text-align: center;
}

.tr_cor_verde {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #6c6;
  text-align: center;
}

.tr_cor_vermelho {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #f99;
  text-align: center;
}

.tr_cor_vermelho_escuro {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #ff5e5e;
  text-align: center;
}

.tr_cor_amarelo,
.cor_amarelo {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #ff9 !important;
  text-align: center;
}

.tr_cor_azul {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #3299cc;
  text-align: center;
}

.tr_cor_amarelinho {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #ffe;
  text-align: center;
}
.tr_cor_roxo {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #cc99ff;
  text-align: center;
}
.tr_cor_laranja {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #ffa500;
  text-align: center;
}

.tr_cor_preto {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #fff;
  text-align: center;
}
.tr_cor_cinza {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #fefefe;
  text-align: center;
}

.tr_cor_cinza_escuro {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #666666;
  text-align: center;
}
.tr_cor_preto_fonte_branco {
  /* qualquer TR q tenha esta class ira alterar de cor com o passar do mouse */
  background-color: #708090;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.valor_preto {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

.valor_vermelho {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #dd0000;
}

.valor_vermelhoSimples {
  text-align: center;
  color: #dd0000;
}

.valor_amarelo {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #ffbb00;
}

.valor_verde {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #00cc00;
}

.valor_azul {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #888fff;
}
.valor_roxo {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #cc99ff;
}

.porc_relatorio {
  font-size: 20px;
  font-weight: bold;
}

.div_carregando_relatorio {
  width: 200px;
  position: relative;
  left: 50%;
  margin-left: -100px;
  height: 100px;
  text-align: center;
  display: none;
}
.div_oculta {
  display: none;
}
.div_formulario_terminal {
  width: 300px;
  position: relative;
  left: 50%;
  margin-left: -150px;
  height: 150px;
  text-align: center;
  display: none;
}

.span_relatorio {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: none;
  border-width: 0px;
  padding: 0px 5px 0px 5px;
  height: 25px;
}

.span_carregando_relatorio {
  position: relative;
  top: 40px;
  font-size: 12px;
  color: #0000ff;
}
.header {
  background-color: #dfefff;
  background-repeat: repeat-x;
  color: #333333;
  font-weight: bold;
  height: 30px;
  font-size: 11px;
  border-bottom-width: 1px;
  border-color: #666666;
  padding-left: 8px;
  padding-right: 8px;
}
.base {
  background-color: #333333;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
table.lista {
  border-collapse: collapse;
}

table.lista td {
  padding-left: 8px;
  padding-right: 8px;
  border-style: solid;
  border-spacing: 0px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #cccccc;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.box_relatorio {
  width: 100%;
  border: solid;
  border-width: 1px;
  border-collapse: collapse;
  background-color: #ffffff;
  text-transform: uppercase;
}

.box_relatorio td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: solid;
  border-width: 1px;
  padding: 8px 15px;
  border-color: #dedede;
  height: 25px;
  color: #000066;
  vertical-align: middle;
}

.box_relatorio th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: solid;
  border-width: 1px;
  padding: 0px 5px 0px 5px;
  border-color: #dedede;
  height: 25px;
  color: #000066;
}

.box_relatorio a:hover {
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio a:link {
  color: #0099ff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio a:visited {
  color: #0099ff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio a:active {
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

/* box do producao la */

.box_relatorio_la {
  border: solid;
  border-width: 1px;
  border-color: #dedede;
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
}

.box_relatorio_la tr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  border: solid;
  border-width: 1px;
  padding: 0px 0px 0px 0px;
  border-color: #dedede;
  height: 25px;
}

.box_relatorio_la td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  padding: 0px 0px 0px 0px;
  height: 25px;
}

.box_relatorio_la td {
  color: #000066;
}

.box_relatorio_la a:hover {
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio_la a:link {
  color: #0099ff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio_la a:visited {
  color: #0099ff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_relatorio_la a:active {
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_dados {
  border-width: 0px;
  background-color: #ffffff;
}

.box_relatorio_la td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  padding: 0px 1px 0px 1px;
  height: 25px;
}

.box_titulo {
  width: 100%;
}

.box_relatorio_tit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  height: 25px;
  padding-top: 10px;
  width: 264px;
  text-align: center;
}

.box_botao {
  background-image: url(images/botao_azul.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  width: 254px;
  height: 20px;
  padding: 12px 5px 8px 5px;
  text-align: center;
  border-color: #ddeeff;
  border-width: 1px;
  display: block;
}
.box_botao:hover {
  background-position: 0px -40px;
}
.box_botao a {
  color: #333333;
}
.box_botao a:hover {
  color: #000066;
  text-decoration: none;
}

/*  fila ritmo */

.cabecalho_td_verde {
  background-color: #55ff55;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.cabecalho_td_verde_escuro {
  background-color: #33cc00;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.cabecalho_td_azul {
  background-color: #55ffff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.cabecalho_td_amarelo {
  background-color: #ffff00;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.cabecalho_td_laranja {
  background-color: #ff9933;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.cabecalho_td_vermelho {
  background-color: #ff5555;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.titulo_negrito {
  font-weight: bold;
}

input,
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #00ccff;
}
input[type="checkbox"],
input[type="radio"] {
  color: #000000;
  border-style: solid;
  border-width: 0px;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #00ccff;
  overflow: auto;
}

select[multiple] option {
  height: 2em;
  padding: 5px 0 0 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #00ccff;
}

input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled] {
  color: #bebebe;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
}

/* LOGIN */

.div_login {
  position: relative;
  top: 25%;
  left: 45%;
  text-align: left;
  width: 300px;
  height: 50%;
}

.div_msg_login {
  position: absolute;
  top: 56%;
  width: 80%;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #ff0000;
}

.div_cadastro {
  position: relative;
  top: 50px;
  left: 294px;
  text-align: left;
  width: 300px;
  height: 100px;
}

.div_login_rodape {
  position: absolute;
  bottom: 110px;
  *bottom: 10px;
  width: 1024px;
  height: 10px;
  text-align: center;
}

.txt_login {
  text-align: left;
}

.tel_login {
  font-size: 20px;
  font-weight: bold;
  padding: 2px;
}

.tr_destacada {
  background-color: #ffaa00;
}

body div#trava_janela {
  /*display:none; */
  filter: alpha(opacity=60);
  position: absolute;
  z-index: 500;
  top: 0px;
  left: 0px;
  background-color: #fff;
  opacity: 0.5;
}

table tr .nome_campo {
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}

table.box_relatorio tfoot tr td {
  text-align: right;
  padding-right: 20px;
  background-color: #fefee0;
}

/*criado para os totais da quantificação */
table.box_relatorio tfoot .totais {
  text-align: left;
  padding-right: 20px;
  border-color: #00f;
  border: 5px solid;
}

table.box_relatorio tfoot .totais table tr td {
  text-align: left;
  border: 0px solid;
}

table.box_relatorio tbody tr td input[readonly] { 
  border: none;
  padding: 5px 0;
  font-weight: unset;
  color: #000066;
  font-family: Arial, Helvetica, sans-serif;
}

form {
  /* Corre��o do Espa�amento de formul�rio no IE. */
  margin: 0;
  padding: 0;
}

/* BOX ADSL */

.box_adsl {
  border: solid;
  border-width: 1px;
  border-collapse: collapse;
  background-color: #ffffff;
}

.box_adsl td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  border: solid;
  border-width: 1px;
  padding: 0px 5px 0px 5px;
  border-color: #dedede;
  height: 25px;
}

.box_adsl td {
  color: #000000;
}
.box_adsl a:hover {
  color: #006;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_adsl a:link {
  color: #006;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_adsl a:visited {
  color: #009;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.box_adsl a:active {
  color: #006;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

table tr .adsl_valor {
  text-align: left;
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
}

table tr .adsl_valor_centro {
  text-align: center;
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
}

table tr .adsl_campo {
  text-align: right;
  color: #000066;
  background-color: #efeeee;
}
#botao_fechar {
  background-image: url("images/del2.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}
div #botao_fechar:hover {
  background-image: url("images/del_o.gif");
}
.baldinho {
  height: 150px;
  width: 200px;
  background-color: #00cc00;
  border: solid 1px #ff0000;
  z-index: 3000;
  position: fixed !important;
  position: absolute;
  bottom: 0px;
  padding: 4px 15px 4px 15px;
  background-color: #ffffe5;
  font: 9pt tahoma, verdana;
  color: #000;
  font-weight: bold;
  margin: 0;
  text-align: center;
  right: 0px;
  /*	right: auto;*/
  right: expression(
    (
        10 +
          (
            ignoreMe2 = document.documentElement.scrollRight ?
              document.documentElement.scrollRight: document.body.scrollRight
          )
      ) + "px"
  );
  bottom: expression(
    (
        10 +
          (
            ignoreMe = document.documentElement.scrollBottom ?
              document.documentElement.scrollbottom: document.body.scrollbottom
          )
      ) + "px"
  );
}
.ui-state-highlight {
  border: 1px solid #fad42e;
  background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50%
    repeat-x;
  color: #363636;
}
.ui-corner-all {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.ui-icon-info {
  background-position: -16px -144px;
}

.error-form {
  border-color: rgb(255, 0, 0);
  background-color: rgb(255, 255, 153);
}

input:focus {
  /*border-color:#dddd00;*/
}
select:focus {
  /*border-color:#dddd00;*/
}
textarea:focus {
  /*border-color:#dddd00;*/
}
/* Alterar borda de campo com erro! */
.campo_erro {
  border-color: #ff0000;
}

/* fix para box aberto no autocomplete */
body ul.ui-autocomplete {
  width: 280px;
  text-align: left;
}

.rodape_validado {
  width: 1071px;
  height: 50px;
  margin: 0 auto;
  /*border: 1px solid red;*/
  text-align: right;
}

tr.filtros td {
  padding: 15px 10px;
}
tr.filtros td select,
tr.filtros td input {
  margin-top: 10px;
}
tr.cabecalho_tr th {
  padding: 15px;
}
.p15 {
  padding: 15px !important;
}
.pb15 {
  padding-bottom: 15px;
}
.container-centralizado {
  display: flex;
  justify-content: center;
  margin:50px auto;
}
.container-centralizado sub {
  color: #FF0000;
  font-size: 0.9rem;
}
.div-form-unico {
  min-width: 400px;
  max-width: 600px;
  padding: 40px;
  border: 1px solid #dedede;
  background-color: #F7F7F7;
  text-transform: uppercase;
}
.sg-container {
  width: 100%;
  float: left;
}
.clear {
  clear: both;
}