/** PALETA DE CORES ANTIGA
@table-bg-hover:                darken(@gray-lighter, 5%);
*/
/* --- 0override_bootstrap.css --- */
.container {
  width: 99%;
}
.panel-title {
  font-size: 12px;
}
a:focus {
  outline: none;
  outline-offset: 0;
}
.label {
  color: #5f7480 !important;
}
div.alert.alert-info:before,
div.alert.alert-success:before,
div.alert.alert-warning:before,
div.alert.alert-danger:before {
  font-family: 'libicons';
  padding: 0 0.5em 0 0;
}
div.alert.alert-info {
  background: #3498db;
  color: #ffffff;
  border-color: #3498db;
}
div.alert.alert-info:before {
  content: "\e609";
}
div.alert.alert-success {
  background: #2ecc71;
  color: #ffffff;
  border-color: #2ecc71;
}
div.alert.alert-success:before {
  content: "\e668";
}
div.alert.alert-warning {
  background: #f1c40f;
  color: #ffffff;
  border-color: #f1c40f;
}
div.alert.alert-warning:before {
  content: "\e605";
}
div.alert.alert-danger {
  background: #e61c13;
  color: #fff;
  border-color: #e61c13;
}
div.alert.alert-danger:before {
  content: "\e613";
}
ul.navbar-right.sm {
  margin-right: -15px !important;
}
/* --- 1estilos.css --- */
body {
  padding: 87.5px 0;
}
ul.userProfile li h3 {
  font-size: 1.5em ;
  border-bottom: none;
  font-weight: 100;
}
div.mensagem ul,
p.dica,
p.sucesso,
p.alerta,
p.erro,
p.aviso,
p.imperativo {
  width: 100%;
}
/* MENSAGENS */
div.mensagem ul {
  clear: none;
  margin: 0;
}
div.mensagem ul li.dica,
p.dica,
div.mensagem ul li.sucesso,
p.sucesso,
div.mensagem ul li.alerta,
p.alerta,
div.mensagem ul li.erro,
p.erro {
  width: 100% !important;
  padding: 6px 1% !important;
  margin: 8px 0;
  font-size: 12px;
  font-weight: normal;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
}
div.mensagem ul li:before,
li:before,
p:before {
  font-family: 'libicons';
  padding: 0 0.5em 0 0;
}
div.mensagem ul li.dica,
li.dica,
p.dica {
  background: #3498db;
  color: #ffffff;
  border-color: #3498db;
}
div.mensagem ul li.dica:before,
li.dica:before,
p.dica:before {
  content: "\e609";
}
div.mensagem ul li.sucesso,
li.sucesso,
p.sucesso {
  background: #2ecc71;
  color: #ffffff;
  border-color: #2ecc71;
}
div.mensagem ul li.sucesso:before,
li.sucesso:before,
p.sucesso:before {
  content: "\e668";
}
div.mensagem ul li.alerta,
li.alerta,
p.alerta {
  background: #f1c40f;
  color: #ffffff;
  border-color: #f1c40f;
}
div.mensagem ul li.alerta:before,
li.alerta:before,
p.alerta:before {
  content: "\e605";
}
div.mensagem ul li.erro,
li.erro,
p.erro {
  background: #e61c13;
  color: #fff;
  border-color: #e61c13;
}
div.mensagem ul li.erro:before,
li.erro:before,
p.erro:before {
  content: "\e613";
}
#conteudo {
  margin-top: 1em;
  margin-bottom: 10em;
}
h1,
h2,
h3 {
  width: 100%;
  margin: 0 0 5px;
  padding: 0 0 5px;
  color: #2d414c !important;
  font-weight: 100;
  font-size: 1.15em;
  border-bottom: 1px solid #b7c4cb;
}
p,
p.aviso {
  width: 100%;
  margin: 0 0 5px;
  padding: 0 0 5px;
}
fieldset div.topicoQuestionario p {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
}
div p.right {
  padding-right: 8px !important;
}
fieldset div.left {
  margin-left: 10px;
}
.navbar a {
  text-decoration: none;
}
h3.panel-title {
  border-bottom: none;
}
.sublinhado {
  text-decoration: underline;
}
/*
--- Corrige label com fundo cinza
Recomendamos retirar a classe even nesse casos, pois ela eh que os deixa cinza
--- */
label.principal.even {
  background-color: #fff;
}
/* --- Faz com que campos que nao possuam valor (tags vazias) nao desloquem --- */
div.linhaTipoA span.label.tamanho50 {
  clear: left;
}
/* --- Retira zebrado de divs (zebrado eh para ser utilizado em tabelas) --- */
div.linhaTipoA.odd,
div.linhaTipoB.odd,
div.linhaTipoA.even,
div.linhaTipoB.even {
  background: #fff;
}
div.container section#conteudo h1#titulo_portal {
  text-align: left;
  font-size: 13px !important;
}
/* --- Corrige alinhamento de elementos span.label --- */
span.label {
  padding: 2px 0.6em 0.3em 0px;
}
/* --- Corrige negrito errado na tela do controlador de exigencias --- */
label.principal_painel span.flutua {
  font-weight: normal;
}
/* --- 3formularios.css --- */
fieldset {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 40px 10px 10px !important;
  margin: 20px 0;
  color: #34495e;
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(44, 62, 80, 0.6);
  box-shadow: 0 1px 2px rgba(44, 62, 80, 0.6);
}
fieldset legend,
fieldset legend.label,
fieldset legend.obrigatorio {
  text-align: left;
  background: #ecf0f1;
  border: 1px solid #ecf0f1;
  padding: 6px 15px;
  margin: 0 0 0 -10px;
  color: #34495e;
  font-weight: normal;
  border-bottom: 2px solid #ecf0f1;
}
fieldset legend {
  color: #34495e;
  font-weight: 100;
  position: absolute;
  top: 0;
}
fieldset legend.obrigatorio {
  color: #2c3e50 !important;
  font-weight: bold;
}
fieldset h4 {
  margin-left: 2px;
}
/* Estilo usado para os fieldsets internos a outros fieldsets */
fieldset fieldset {
  width: 96%;
  margin: 5px 2%;
  padding: auto;
  border: 2px solid #ecf0f1;
  color: #34495e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
fieldset fieldset.fildset_semborda {
  padding-top: 5px !important;
}
fieldset fieldset legend,
fieldset fieldset legend.label,
fieldset fieldset legend.obrigatorio {
  background: none;
  border: none;
  box-shadow: none;
  color: #7f8c8d;
}
fieldset fieldset.aninhado {
  margin: 8px;
}
/* --- Inputs --- */
input,
select,
a.botaoPrincipal,
a.botaoSecundario,
textarea {
  background: #ffffff;
  padding: 3px 12px !important;
  color: #34495e;
  border: 1px solid #b7c4cb;
  height: auto !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
}
footer button {
  height: 35px !important;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
  outline-offset: 0;
}
input:focus,
textarea:focus {
  color: #005a8c;
  border: 1px solid #00b0e2;
}
*:focus {
  outline: 0;
}
input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"] {
  background: #ecf0f1;
  border: 1px solid #b7c4cb;
}
input.sucesso,
textarea.sucesso {
  color: #10c826;
  border: 1px solid #10c826;
}
input.sucesso:focus,
textarea.sucesso:focus {
  border: 1px solid #12e02a;
  box-shadow: 0 0 10px #dbfcdf;
}
input.alerta,
textarea.alerta {
  color: #ffc226;
  border: 1px solid #ffc226;
}
input.alerta:focus,
textarea.alerta:focus {
  border-color: #ffdf8c;
  box-shadow: 0 0 10px #ffedbf;
}
input.perigo,
textarea.perigo {
  color: #e61c13;
  border: 1px solid #e61c13;
}
input.perigo:focus,
textarea.perigo:focus {
  border-color: #f3726c;
  box-shadow: 0 0 10px #fbccca;
}
input[type=checkbox],
input[type=radio] {
  border: none;
  outline: none;
  margin: 0 0 0 10px;
}
input[type=file] {
  height: auto;
}
input.dataFormat {
  width: 60px !important;
}
textarea {
  resize: vertical;
}
.obrigatorio,
.required-label,
label.obrigatorio,
span.obrigatorio {
  color: #e61c13 !important;
}
/*
* botaoPrincipal / a.principal: usado para botoes que realizam a operacao principal da pagina
* botaoSecundario / a.secundario: usado para botoes com operacoes alternativas
*/
button,
input[type="submit"],
input[type="submit"]:focus,
.botaoPrincipal,
a.principal,
.botaoSecundario,
a.secundario,
.botaoDesabilitado {
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  height: auto;
  -webkit-transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
  transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
}
.botaoPequeno {
  padding: 2px 10px;
}
.botaoGrande {
  padding: 8px 12px;
}
button,
input[type="submit"],
.botaoSecundario,
a.secundario {
  background: #ffffff;
  color: #34495e;
  border-color: #95a5a6;
}
button:hover,
input[type="submit"]:hover,
.botaoSecundario:hover,
a.secundario:hover {
  background-color: #d9d9d9;
}
.botaoPrincipal,
a.principal,
input[type="submit"].btn-primary,
.ui-button.principal {
  background: #34495e !important;
  color: #ffffff !important;
  border-color: #2b3c4e !important;
  background: #ffffff;
  color: #34495e;
  border-color: #95a5a6;
}
.botaoPrincipal:hover,
a.principal:hover,
input[type="submit"].btn-primary:hover,
.ui-button.principal:hover {
  background-color: #19232d !important;
  color: #ffffff !important;
  border-color: #19232d !important;
}
.botaoInfo {
  background: #3498db !important;
  color: #ffffff !important;
  border-color: #258cd1 !important;
}
.botaoInfo:hover {
  background-color: #1d6fa5 !important;
  color: #ffffff !important;
  border-color: #1d6fa5 !important;
}
.botaoSucesso {
  background: #2ecc71 !important;
  color: #ffffff !important;
  border-color: #29b765 !important;
}
.botaoSucesso:hover {
  background-color: #208e4e !important;
  color: #ffffff !important;
  border-color: #208e4e !important;
}
.botaoAlerta {
  background: #f1c40f !important;
  color: #ffffff !important;
  border-color: #dab10d !important;
}
.botaoAlerta:hover {
  background-color: #aa8a0a !important;
  color: #ffffff !important;
  border-color: #aa8a0a !important;
}
.botaoPerigo {
  background: #e61c13 !important;
  color: #ffffff !important;
  border-color: #ce1911 !important;
}
.botaoPerigo:hover {
  background-color: #9f130d !important;
  color: #ffffff !important;
  border-color: #19232d;
}
input[type="submit"]:disabled,
.botaoDesabilitado,
.botaoPrincipal[disabled="disabled"],
a.principal[disabled="disabled"],
.botaoSecundario[disabled="disabled"],
a.secundario[disabled="disabled"] {
  color: #bdc3c7;
  cursor: not-allowed;
  border-color: #b1bdbd;
}
input[type="submit"]:disabled:hover,
.botaoDesabilitado:hover,
.botaoPrincipal[disabled="disabled"]:hover,
a.principal[disabled="disabled"]:hover,
.botaoSecundario[disabled="disabled"]:hover,
a.secundario[disabled="disabled"]:hover {
  background: #fff;
  border-color: #b1bdbd;
}
/* Estilo que delimita os bot?es. Deve sempre ser usado para envolver bot?es na p?gina */
div.boxBotoes {
  display: block;
  clear: both;
  margin: 10px auto;
  width: 100%;
  text-align: center;
}
/* --- Sempre que um boxBotoes estiver em um container, ele deve ter fundo branco --- */
fieldset div.boxBotoes {
  background: #fff;
}
button,
input[type="button"],
input[type="submit"],
a.botaoPrincipal,
a.botaoSecundario {
  min-width: 7em;
}
span button,
table td button,
table td input[type="button"],
table td input[type="submit"],
.ui-button-icon-only {
  min-width: 0px;
}
label.control-label {
  border: 0;
}
/* --- Corrige labels obrigatorios que usam a class right --- */
.right .obrigatorio {
  float: right;
}
/* --- Define display: inline para .labels dentro de tabelas --- */
table tr td label.label {
  display: inline;
}
label[for*=radioSimNao] {
  text-align: left;
}
/* ---  Input Image nao devem ter background e nem padding --- */
input[type=image] {
  border: 0;
  height: 16px;
  padding: 1px;
  background: none;
  padding: 0 !important;
}
/* --- Faz com que linkBotao tenham a mesma aparencia de um botao --- */
div.boxBotoes a.linkBotao {
  padding: 3px 12px !important;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.45;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  height: auto;
  margin-right: 1px;
  -webkit-transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
  transition: all ease-in-out 0.5s, all ease-in-out 0.3s;
  background: #ffffff;
  color: #34495e;
  border-color: #95a5a6;
}
div.boxBotoes a.linkBotao:hover {
  background-color: #d9d9d9;
}
.label_dtp_form {
  line-height: 2 !important;
}
/* --- corrige espacamento de checkboxes centralizados --- */
div.boxBotoes input[type=radio],
div.linhaTipoA.center input[type=radio],
div.linhaTipoB.center input[type=radio],
div.linhaTipoC.center input[type=radio],
div.linhaTipoD.center input[type=radio] {
  margin-left: 5px;
  margin-top: -1px !important;
}
/* --- 4tabelas.css --- */
/* Folha de estilos respons?vel pela formatacao de tabelas */
/* Evite alterar este arquivo do framework. Alteracoes especificas da aplicacao devem
 ser feitas em css especificos do projeto. Ex: sibe.css */
/* TABELAS */
table {
  width: 100% !important;
  padding: 0;
  box-shadow: inset -2px -2px 0px -1px #b7c4cb;
  border: none !important;
}
table th,
table td {
  padding: 0px 4px 0px 4px;
}
table th {
  color: #2d414c !important;
}
table td {
  color: #405c6c !important;
}
table tr {
  border: 1px solid #bdc3c7;
}
table tr:nth-child(odd) {
  background: #fff;
}
table tr:nth-child(even) {
  background: #f5f7f7;
  /**
                PALETA ANTIGA DE CORES
            background: lighten(@gray-lighter, 3%);
            */
}
table tr.oculta + tr {
  background: #fff;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}
fieldset table,
fieldset .table {
  border: 1px solid #d9dcde;
  width: 96% !important;
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
}
/* O estilo abaixo define o terceiro n?vel de cabe?alho de uma tabela. Pode ser aplicado apenas a TH. */
/* O estilo abaixo define o primeiro n?vel de cabe?alho de uma tabela. Pode ser aplicado ? TR ou ? TH. */
table tr.cabecalhoPrincipal th,
table tr.cabecalhoSecundario th {
  color: #2d414c !important;
}
/* O estilo abaixo define o segundo n?vel de cabe?alho de uma tabela. Pode ser aplicado ? TR ou ? TH. */
table tr.cabecalhoSecundario,
table th.cabecalhoSecundario {
  color: #2d414c !important;
}
/* O estilo abaixo define os links presentes em c?lulas que perten?am ao
 * primeiro ou segundo n?vel de cabe?alho de uma tabela */
table tr.cabecalhoPrincipal a,
table tr.cabecalhoSecundario a,
table th.cabecalhoPrincipal a,
table th.cabecalhoSecundario a {
  color: #2d414c !important;
}
/* Estilo das tabelas dentro de fieldsets */
fieldset table th.cabecalhoPrincipal {
  border-bottom: 0;
}
table.paginador {
  width: auto !important;
}
table.paginador td,
table.paginador tbody tr:nth-child(even),
table.paginador tbody tr:nth-child(odd) {
  background: transparent !important;
  padding: 0 2px;
}
table.paginador td a {
  float: left;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 2px;
}
table.paginador td a:hover {
  background: #164158;
  color: #ffffff;
}
table.paginador td a span {
  font-size: 0.8em;
}
div.paginacao table {
  border: 0;
  width: auto;
  margin: 1px;
  float: right;
}
fieldset fieldset,
fieldset fieldset.fildset_semborda:first-of-type,
fieldset div.mensagem,
fieldset div[class^="linhaTipo"]:first-of-type {
  margin-top: 1em;
}
fieldset fieldset:last-of-type,
fieldset div.center:last-of-type,
fieldset div[class^="linhaTipo"]:last-of-type {
  margin-bottom: 1em;
}
fieldset div.odd,
fieldset div.even {
  margin: 0 !important;
}
form table th.center {
  text-align: center;
}
table tr.cabecalhoPrincipal,
table th.cabecalhoPrincipal,
table tr.cabecalhoSecundario,
table th.cabecalhoSecundario {
  text-align: center;
  color: inherit;
}
th.center {
  text-align: center;
}
td[role="gridcell"].center {
  padding-left: 0;
  padding-right: 0;
}
/* -- Headers -- */
table th,
table > thead > tr > th,
table > tbody > tr > th,
.panel-heading,
.table th,
.table > thead > tr > th,
table th.cabecalhoPrincipal,
table th.cabecalhoSecundario {
  color: #34495e !important;
  background-color: #e2e2e2 !important;
  /**
        PALETA ANTIGA DE CORES
    color: @gray-dark !important;
    background-color: darken(@gray-lighter, 4%) !important;
    */
  font-size: 12px;
  font-weight: bold;
}
.panel-heading,
.ui-accordion-header {
  border: 0;
}
.panel-default > .panel-heading {
  font-weight: normal;
}
div.topicoQuestionario table > th,
div.topicoQuestionario table > thead > tr > th,
table > thead > tr > th {
  text-align: center !important;
}
th[align="right"] {
  text-align: right !important;
}
table tfoot tr td {
  background: #f4f4f4;
}
/* Classes auxiliares utizadas no ageper e na pericia */
table.semhover > tbody > tr:hover {
  background-color: inherit !important;
}
div.conteudo > table tbody tr:hover,
div.ui-datatable-tablewrapper > table tbody tr:hover,
div.ui-datatable > table tbody tr:hover,
form > table tbody tr:hover {
  background-color: #cfd9db;
}
table.noborder th,
table.noborder td,
table.noborder tr {
  border: 0;
  background: #fff;
}
/* TABELAS */
table.semzebra > tr {
  background: #fff;
}
/* --- Corrige os paginadores do SIBE e CNIS --- */
div.paginacao {
  height: auto;
}
div.paginacao table {
  float: none;
  margin: 5px auto;
}
/* Remove aparencia de tabela de BoxCampoLista */
/* TODO: Refazer as telas que tem essa classe, trocando tomahawk por
         outra implementacao.
*/
.boxCampoLista {
  background-color: inherit;
  box-shadow: none !important;
}
.boxCampoLista tr,
.boxCampoLista td {
  border: 0;
  background: inherit !important;
  background-color: inherit !important;
}
.boxCampoLista > tbody > tr:hover {
  background-color: inherit !important;
}
.boxCampoLista > table {
  background-color: inherit;
  box-shadow: none !important;
}
/* --- 5estilos.css --- */
/* --- 6consultas.css --- */
#coluna1 {
  margin-left: 2em;
}
#coluna1,
#coluna2,
#coluna3,
#coluna4 {
  padding-right: 0;
  padding-left: 0;
  width: 24% !important;
}
fieldset.espacamentos {
  padding-left: 0;
  height: auto !important;
}
fieldset.espacamentos legend {
  margin-bottom: 1em;
}
fieldset.espacamentos legend {
  margin-bottom: 1em;
}
fieldset fieldset.espacamentos {
  padding-top: 35px;
}
fieldset.tramitacao_painel {
  width: 100%;
}