/* nao especificar um classe css. Somente o xxxx */

body { /* Utilizado no corpo de todas as p�ginas */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF
	 
}

.touch {
  -webkit-overflow-scrolling: touch;
}
 .scroll-vertical{
 	overflow-x: auto !important;
 }
 .scroll-horizontal{
 	overflow-y: auto;
 }
.barra_menu{ /* Utilizado exclusivamente para a barra do menu */
	background-image: url("../imagens/barra_menu.jpg");
	background-repeat: no-repeat;	
}

/* Extra selectors needed to override the default styling */
table.tablesorter tbody tr.normal-row td {
  background: #888;
  color: #fff;
}
table.tablesorter tbody tr.alt-row td {
  background: #555;
  color: #fff;
}
/*Cores de apoio*/
.bgSeparador { /* BG utilizado em todo o sistema */
    background-color:#25496B 
}
.bgBorderTitulo { /* BG utilizado nas bordas da barra de T�tulo */
    background-color:#9D9D9D 
}
.bgTitulo { /* BG utilizado nas bordas da barra de T�tulo */
    background-color:#231f20; /*#25496B*/
    border-top: 1px solid #ef5921; 
}
.bgRowTitulo { /* BG utilizado para identificar uma linha T�tulo */
    background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cbcbcb));
	background: -webkit-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, cbcbcb 100%);
	background: linear-gradient(top, #ffffff 0%, #cbcbcb 100%);
    font-family: Roboto,Helvetica,Arial,Verdana,sans-serif;
    font-weight: 700;
    
}	
.bgRowSonic { /* BG utilizado para identificar uma linha T�tulo */
    /*background-color:#a8c5d1;  #D6D7DE */ 
    background: -moz-linear-gradient(top, #ffffff 0%, #a8c5d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #a8c5d1));
	background: -webkit-linear-gradient(top, #ffffff 0%, #a8c5d1 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #a8c5d1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #a8c5d1 100%);
	background: linear-gradient(top, #ffffff 0%, #a8c5d1 100%);
    font-family: Roboto,Helvetica,Arial,Verdana,sans-serif;
    font-weight: 700;
}
.bgRowTitle { /* BG utilizado para identificar uma linha T�tulo */
    background-color:#D6D7DE;
}
.bgTituloOC { /* BG utilizado nas bordas da barra de T�tulo */
    background-color:#ED171F 
}
.bgOC { /* BG utilizado nas bordas da barra de T�tulo */
    background-color:#FBF6F6
}
.bgBusca { /* BG utilizado na �rea delimitada para busca */
    background-color:#F2F2F7
}
.bgRowImpar { /* BG utilizado nas linhas Impares de uma Listagem */
    background-color:#FFFFFF 
}
.bgRowPar { /* BG utilizado nas linhas Pares de uma Listagem */
    background-color:#F7F7F7;
}

.bgRowParTarefa { /* BG utilizado nas linhas Pares de uma Listagem */
    background-color:#EFEFEF 
}

.bgRowImparTarefa { /* BG utilizado nas linhas Impares de uma Listagem */
    background-color:#DEE3E7 
}

.bgRowTituloPago { /* BG utilizado nas linhas Pares de uma Listagem */
    background-color:#00CC33 
}

.bgRowTituloParcial { /* BG utilizado nas linhas Pares de uma Listagem */
    background-color:#FFFF99 
}

.bgRowTituloEfetivo { /* BG utilizado nas linhas Pares de uma Listagem */
    background-color:#FF3300 
}

.bgRowAmarelo { /* BG utilizado nas linhas com destaque amarelo */
    background-color:#F4ED68;
}

.bgRowAmareloBold { /* BG utilizado nas linhas com destaque amarelo */
    background-color:#F4ED68;
    font-weight: bold;
}

.bgRowAmareloClaro { /* BG utilizado nas linhas com destaque amarelo */
    background-color:#FFFFCC; 
	color:#000000
}
.bgRowLilas { /* BG utilizado nas linhas com destaque lilas */
    background-color:#b5a9de; 
	color:#000000
}
.bgRowAzul { /* BG utilizado nas linhas com destaque azul */
    background-color:#AEDAF4;
}
.bgRowLaranja { /* BG utilizado nas linhas com destaque laranja */
    background-color:#FDBE60;
}
.bgRowRoxo { /* BG utilizado nas linhas com destaque roxo */
    background-color:#E8A2EA;
}
.bgRowVerde { /* BG utilizado nas linhas com destaque verde */
    background-color:#72E283;
}
.bgRowVerde1 { /* BG utilizado nas linhas com destaque verde */
    background-color:#99FF99;
}
.bgRowVermelho { /* BG utilizado nas linhas com destaque vermelho */
    background-color:#FEA29C;
}
.bgRowVermelho1 { /* BG utilizado nas linhas com destaque vermelho */
    background-color:#FEA29C;
}
.bgRowVermelhoClaro { /* BG utilizado nas linhas com destaque vermelho */
    background-color:#F8EFEF;
}
.bgRowVermelhoEscuro { /* BG utilizado nas linhas com destaque vermelho-escuro*/
    background-color:#FF0033;
}
.bgRowVermelho2 { /* BG utilizado nas linhas com destaque vermelho-escuro*/
    background-color:#FF6600;
}
.bgRowCinza { /* BG utilizado nas linhas com destaque cinza */
    background-color:#E4E4E4 ;
}
.bgRowCinzaEscuro { /* BG utilizado nas linhas com destaque cinza */
    background-color:#d8e7ec ;
}

.bgRowFocus { /* BG utilizado para efeito de Foco em determinada linha de uma Listagem */
    background-color:#25496B; 
	color:#FFFFFF;
}
.bgRowFocus td a p{
	color: #FFFFFF;
}
.bgRowDelete { /* BG utilizado para efeito de linha Deletada em determinada linha de uma Listagem */
    background-color:#C0C0C0;
	color:#FFFFFF
}
.bgRowUpdate { /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#B9EAEA;
	color:#FFFFFF
}

.bgRowPedido{ /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#FFCCCC;
	color:#000000
}

.bgRowCotacao{ /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#7BD39C;
	color:#000000
}

.bgRowAprovado{ /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#7B9ECE;
	color:#000000
}

.bgRowEnviado{ /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#EFF76B;
	color:#000000
}

.bgRowRecebidoParcial { /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#FFC76B;
	color:#000000
}

.bgRowRecebidoTotal { /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#C6A2E7;
	color:#000000
}

.bgRowCancelado{ /* BG utilizado para efeito de linha Editada em determinada linha de uma Listagem */
    background-color:#CECFCE;
	color:#000000
}

.bgRowDestaque1 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#CCDDFF; 
	color:#000000
}
.bgRowDestaque2 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#FFFFCC; 
	color:#000000
}

.bgRowDestaque22 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
	font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 12px;
	font-weight: bold;
    background-color:#72E283; 
	color:#000000;
}

.bgRowDestaque3 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#FD726F; 
	color:#000000
}

.bgRowDestaque4 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#CACACA; 
	color:#000000
}

.bgRowDestaque5 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#CAFFB9; 
	color:#000000
}

.bgRowDestaque6 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#6600FF; 
	color:#000000
}

.bgRowDestaque7 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#FF6633; 
	color:#000000
}

.bgRowDestaque8 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#1579F2; 
	color:#000000
}

.bgRowDestaque9 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#7DF9F5; 
	color:#000000
}

.bgRowDestaque10 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
    background-color:#9CDC9A; 
	color:#000000
}

.bgRowDestaque11 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
	background-color:#C98AE5; 
	color:#000000
}

.bgRowDestaque12 { /* BG utilizado para efeito de Destaque em determinada linha de uma Listagem */
	background-color:#f7ceed; 
	color:#000000
}

.bgBorderTable { /* BG utilizado nas bordas das tabelas */
     background-color:#9d9d9d;  /* #9D9D9D; */
}
.bgTable { /* BG utilizado em tabelas - cinza claro */
     background-color:#e8e8e8; /*fafafa*/
}
.bgTable2 { /* BG utilizado em tabelas - cinza claro */
     background-color:#ced8dd;  /* #FAFAFA; */
}
.bgBorderTablet { /* BG utilizado nas bordas dos tablets */
     background-color:#D4CAC8
}
.bgTablet { /* BG utilizado em tablets - cinza escuro */
     background-color:#E9EAED
}
.linklike { /* Estilo utilizado em bot�es para que o cursor seja HAND */
     cursor:pointer 
}

.tableBorded{ /* Estilo utilizado para tables com borda */
	border: #9D9D9D solid 1px
}

table.bordasimples {
	font-family: Sans-serif,Helvetica,Verdana,Arial;
    font-size: 11px;
    font-weight: normal;
}

table.bordasimples tr td {border:1px solid black;}

.tableBordedLeftRightBottom{ /* Estilo utilizado para tables com borda */
	border-left: #9D9D9D solid 1px;
	border-right: #9D9D9D solid 1px;
	border-bottom: #9D9D9D solid 1px;
}

.tableBorderTxt{
	border: black solid 1px;
	border-left: black solid 1px;
	border-right: black solid 1px;
	border-bottom: black solid 1px;
	
	font-family: Sans-serif,Helvetica,Verdana,Arial;
    font-size: 11px;
    font-weight: normal;
	
}

.bordedArea{ /* Estilo utilizado para tables com borda */
	border: #9D9D9D solid 1px;
	background-color:#FAFAFA;
}

/* Padr�o dos links utilizados */
a{ color:#5D5D5D; text-decoration: none}
a:hover {  color: #5D5D5D; text-decoration:underline}
a:link {  color: #5D5D5D; text-decoration: none}

/* Utilizado na impress�o */
.txtTitulo {
    font-size: 18px;
	font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-weight:bold;
	color: #000000;
}
.txtTitulo2 {
    font-size: 16px;
	font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-weight:bold;
	color: #000000;
}
.txtSubTitulo { /* Textos utilizados em Listagens */
    font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.txtSubTitulo2 { /* Textos utilizados em Listagens */
    font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.txt { /* Textos utilizados em Listagens */
    font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.txt2 { /* Textos utilizados em Listagens */
    font-family: Roboto,Helvetica,Verdana,Arial,Sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
}

.txtSeparacao { /* Textos utilizados em Listagens */
    font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
}

.linha { /* Linhas */
    font-family: Sans-serif,Helvetica,Verdana,Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height:22px;
}

.bgTituloOC { /* BG utilizado nas bordas da barra de T�tulo #ED171F*/
    background-color: #231f20; /*#296584*/ 
}
.bgOC { /* BG utilizado nas bordas da barra de T�tulo */
    background-color:#FBF6F6
}
.bgBusca { /* BG utilizado na �rea delimitada para busca */
    background-color:#F2F2F7
}
.bgRowTotal { /* BG utilizado para identificar uma linha T�tulo */
    background-color:#DDDEE4
}
.bgRowSeparador { /* BG utilizado no separador da Listagem */
    background-color:#A5AEB5
}

/* Placar SLA */
.h1-sla {
	background-color: #394861;
	border: 1px solid #394861;
	color: #FFFFFF;
	height: 25px;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial;
}

.h1-sla img {
	float: left;
}

.modal:target {
	opacity: 1;
	pointer-events: auto;
}


@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
  
  body.bodyRelative{
        position:relative;
    }

}