/** 
    Created on : 18/06/2015, 13:33:35
    Author     : Allan
*/

/* padrão do template */
html,
body {
  background-color: #eee;
  margin: 0px;
  padding: 0px;
  display: block;
  font-family: monospace;
  height: 100%;
}

/* 'pre' é para debug, não levar para produção */

pre {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 2000;
  border: 2px solid #f00;
  background-color: #eee;
  color: #000;

  font-size: 15px;
  padding: 10px;
}

/* containner absoluto */
#tela {
  min-height: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  background-color: red;
  background-color: #eee;
}

/* cabeçalho */
#telaH {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 43px;
  background-image: url("../../img/cabecalho/bg-2.jpg");
  background-repeat: repeat;
  z-index: 150;
}
#hlogo {
  height: 40px;
  width: 90px;
  float: left;
  padding: 5px;
}

#hinfo {
  color: #aaa;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 5px;
  text-align: right;
}

#ambiente_teste {
  z-index: 1;
  display: block;
  position: absolute;
  top: 13px;
  right: 0px;
  background-color: yellow;
  padding: 20px;
  border: 2px solid #f00;
  border-radius: 0 0 10px 10px;
}

#hinfo .in {
  position: absolute;
  right: 37px;
  width: 250px;
}
#hinfo .in div {
  float: right;
  margin-top: 15px;
  margin-left: 10px;
}

#hinfo .in div a {
  display: none;
  width: 120px;
  height: 30px;
  padding: 10px;
  text-align: center;
  background-color: #ddd;
  position: absolute;
  top: 31px;
  right: 4px;
  z-index: 300;

  font-size: 17px;
  line-height: 22px;
  letter-spacing: -1px;
  color: #686868;
  padding: 12px 12px 12px 12px;
  border: transparent 1px solid;
  text-align: center;

  -webkit-border-radius: 8px;
  /*-moz-border-radius: 8px;*/
  border-radius: 8px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#hinfo .in div:hover > a,
#hinfo .in div a:hover {
  display: block;
}

#menu {
  /*background-color: red;
    border: 2px solid yellow;*/
  width: 70%;
  position: absolute;
  right: 230px;
  top: 0px;
}

/* corpo */
#telaB {
  position: relative;
  top: 30px;
  left: 0px;
  width: 90%;
  min-height: 550px;
  padding: 15px 0px 0px 3%;
  background-color: #eee;
}

/* rodape */
#telaF {
  display: none;

  position: relative;
  margin: 20px 0px 0px 0px;
  top: 13px;
  left: 0px;
  width: 100%;
  height: 30px;
  font-size: 12px;
  background-color: #ddd;
  border-top: 2px solid #ccc;
  text-align: center;
}

/* específicos de formulário */
.moedaLeitura {
  background-color: #ddd;

  padding: 1px;

  border: 1px solid #aaa;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
  margin-right: 15px;
}
.frm .c {
  float: left;
  display: block;
  margin: 10px 10px 0px 0px;
}
.frm .nl {
  clear: left;
}
.tArea {
  background-color: #fff;
} /* específico para visualização */

/* específicos do campo */
input[type="checkbox"] {
  float: left;
}

/**
VALIDACAO : usar só em telas de edição e inclusão
*/
#telaB label.error {
  color: #f00;
  font-size: 10px;
  display: none;
}
.error {
  border-color: #f00;
}

table.tbDH {
  border-spacing: 0px;
}
.tbDH td,
table.SubFrm tbody td {
  vertical-align: top;
}

table.SubFrm thead td,
table.SubFrm thead th {
  vertical-align: bottom;
}

input,
select {
  border: 1px solid #aaa;
}

/* RADIO : Usar só em telas de edição e inclusão */
.gkBol {
  border: 2px solid #ccc;
  width: 105px;
  padding: 0px;
  background-color: #ddd;
}
.gkBol input[type="radio"] {
  width: 0.1px;
  height: 0.1px;
}
.gkBol label {
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 4px;
  /* width:60px; */
  cursor: pointer;
}

.gkBolSim {
  position: relative;
  left: -5px;
}

input[type="submit"],
input[type="button"] {
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: white;
  cursor: pointer;
}

/* só usar se tiver tabela em modo visualização */
.tablesorter td:nth-child(1),
.tablesorter th:nth-child(1) {
  display: none;
}

/* PARA O CAMPO MOEDA LEITURA */
.moedaLeitura {
  text-align: right;
}

.subFrmFieldset {
  background-color: #eee;
}
.subFrmFieldset img.ajuda {
  cursor: pointer;
  margin-top: 0.9em;
}

#cID_fatura_itens > div > fieldset > table > tbody > tr > td:nth-child(1) {
  padding-top: 1em;
}

.c label {
  font-weight: bold;
}

.txt {
  text-align: left !important;
}

/* apenas inclusão ou edição */
.checkbox_mn {
  margin: 0px;
}

.tp_9 .campoVal div table > tbody > tr > td > label {
  margin: 0px 0px -5px 0px;
  display: block;
}