root { 
    display: block;
}

html, body {
    margin: 0px;
    background: #333; 
}

.lineFinDoc {
    background-color: lightcoral !important;
    background-image: none !important;
    color: black !important;
}

.lineFinBaixa {
    background-color: lightblue !important;
    background-image: none !important;
    color: black !important;
}

.divlogin {
    width: 400px;
    height: 250px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -85px;
    margin-left: -200px;
    background-image: url("login.jpg");
}


/* FLEX Boxes */
.Flex{display:-webkit-box !important;
      display:-webkit-flex  !important;
      display:-webkit-flexbox  !important;
      display:-moz-flex  !important;
      display:-moz-box  !important;
      display:-ms-flexbox  !important;
      display:flex  !important;}                                        /* NEW */
.FlexWrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 

.loginPersonLabel {
    padding-left: 22px !important;
    width: 90%;
    height: 20px;
    font-weight: bold !important;
    background: url("/sgi/javax.faces.resource/person.png.xhtml?ln=image") no-repeat transparent !important;
}

.loginPersonIn {
    width: 99%;
    height: 20px;
    font-weight: bold !important;
    border-radius:5px;
}

.loginPassLabel {
    padding-left: 22px !important;
    width: 90%;
    height: 20px;
    font-weight: bold !important;
    background: url("/sgi/javax.faces.resource/pass.png.xhtml?ln=image") no-repeat transparent !important;
}

.loginPassIn {
    width: 99%;
    height: 20px;
    font-weight: bold !important;
    border-radius: 5px;
}

.loginEmpresaLabel {
    padding-left: 32px !important;
    width: 90%;
    height: 40px;
    font-weight: bold !important;
    background: url("/sgi/javax.faces.resource/empresa.png.xhtml?ln=image") no-repeat transparent !important;
}

.loginEmpresaIn {
    width: 100%;
    height: 20px;
    font-weight: bold !important;
    border-radius: 5px;
}

.loginEnterIn {
    cursor: pointer;
    font-weight: bold !important;
    background: url("/sgi/javax.faces.resource/seta.png.xhtml?ln=image") no-repeat !important;
}

.divLoginLabel {
    color: #000000; 
    font-weight: bold;
    font-size: large;
    color: #323232;
}

.divloginFooter {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height: 50px;
    width: 100%;
}

.cursorDetail {
    cursor: pointer;
    background-color: transparent;
}

.warBgMessage {
    background-color: #f2dede; 
    color: #FFFFFF;
    width: 100%; 
    height: 30px;
    font-weight: bold;
}

.warTxMessage {
    color: #cd0a0a;
}

.tituloTopo {
    padding-left: 20px;
    font-weight: bold; 
    font-size:  22px;
}

.acaoTopo {
    padding-left: 20px;
    font-weight: bold; 
    font-size:  15px;
}

.conteudo .topo {
    width: 100%;
    border: none; 
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

.conteudo {
    min-width:1024px;
    width: 98%;
    border: none;
    background: transparent;
}

#topo {
    position: absolute;
    right: 0;
    width: 8em;
    top: 0;
    z-index: 99;
    margin-top: 0px !important;
}

.ui-widget-overlay {
    position: fixed !important;
    top: 0px !important;
}
/* Inicio Alterado Quebra de Linha */
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal !important;
    font-size: small !important;
}
/*
.ui-datatable tbody td {
    font-size:  !important;
}
*/
/*
.ui-datatable tbody td .ui-button {
    width:25px;
    height:25px;
}

.ui-datatable tbody td .ui-button.ui-state-hover {
    width:30px;
    height:30px;
    
}

.ui-datatable tbody td .ui-button.ui-state-active {
    width:30px;
    height:30px;
}*/
/*Fim Alterado */

.ui-selectonemenu-filter-container {
    width: 98% !important;
}

.ui-panelgrid tr, .ui-panelgrid td {
    border:0 !important;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 95% !important;
}
.ui-menu-child {
    width: 250px !important;
}
/*Inicio Alterado */
.columnAction {
    width: 7%;
    text-align: center;
}
/*Fim Alterado */
.columnActionTwoButtons{
    width: 10ex;
    text-align: center;
}
.columnId{
    width: 5%;
    text-align: center;
}

.alignTop {
    vertical-align: top;
    border: 0px;
    padding: 0px;
}
/*.ui-menu-list {
    float: left;
}*/

/*
.select_row {
    background-image: url("../image/seta.png");
    background-repeat: no-repeat;
    background-position: center;
}

.form_buttons {
    background: gainsboro;
}

.ui-panelgrid td {
    border: none;
    padding:0px;
}

.ui-panelgrid tr {
    border: none;
    padding:0px;
    background: transparent;
}

.ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: transparent;
}*/

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

.column33p{
    width: 33%;
    text-align: center;
}

.direita {
    text-align: right;
    background-position: right;
}
.centro {
    text-align: center;
    background-position: right;
}
.esquerda {
    text-align: left;
    background-position: left;
}

.columTextRed {
    color: red;
}

.rowTextTree {
    font-weight: bold;
}

.pedidoVenda_Legenda {
    color: #ffffff;
    font-weight: bold;
    padding: 0;
    float: right;
}

.pedidoVenda_Legenda_HundredPercent_Box {
    background-color: #cd0a0a;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
}

.pedidoVenda_Legenda_FiftyPercent_Box {
    background-color: yellow;
    font-weight: bold;
    padding: 1px;
}

.pedidoVenda_Legenda_ZeroPercent_Box {
    background-color: lightgreen;
    padding: 1px;
}

.pedidoVenda_Legenda_faturado_Box {
    background-color: transparent;
    font-weight: bold;
    padding: 1px;
    border: none;
}

td.ordemServicoLaminacao_Producao{
    background-color: #ffff00;
    font-weight: bold;
    padding: 1px;

}

td.ordemServicoLaminacao_Aguardando{
    background-color: #867979;
    font-weight: bold;
    padding: 1px;
    color: #FFFFFF;
}

td.ordemServicoLaminacao_Concluida{
    background-color: #33CC33;
    font-weight: bold;
    padding: 1px;     
}

td.ordemServicoLaminacao_Cancelada{
    background-color: #FF0000;
    font-weight: bold;
    padding: 1px;
    color: #FFFFFF;
}

.pedidoVenda_Legenda_HundredPercent_Text {
    color: #FFFFFF;
    font-weight: bold;
}

.pedidoVenda_Legenda_FiftyPercent_Text {
    font-weight: bold;
}

.pedidoVenda_Legenda_ZeroPercent_Text{
    font-weight: bold;
}

.pedidoVenda_Legenda_faturado_Text{
    font-weight: bold;
}

.buttonRight{
    float: right;
}

.btnSearch {
    float: right; 
    height: 25px;
}

.leftAlign {
    float: left; 
}

.preformatted {
    white-space: pre;
}

.datalist_noborder .ui-widget-content {
    border: none;
}

.compra_lineItensNaoEntregues{
    background-color: lightcoral !important;
    background-image: none !important;
    color: black !important;
}

.alignTop{
    vertical-align: top;
}

.NFeContraEmpresaEmitente {
    background-color: #ABD2EB !important;
    /*background-image: nome !important;*/
    color: black !important;
}

.tabelaprecomulti_produto_atualizacao {
    font-weight: bold !important;
}

.tabelaprecomulti_produto_atualizacao_custoXvenda{
    font-weight: bold !important;
    color: red;
}

.loteProducao_sugestao_repetida {    
    background-color: darkred;
    font-weight: bold;
    color: #FFFFFF;
}

.pedidoVendaGeraComissao_box{
    background-color: lightgreen;
    padding: 1px;
}

.pedidoVendaNaoGeraComissao_box{
    background-color: #cd0a0a !important;
    padding: 1px;
}

.pedidoVendaGeraComissao_font{
    font-weight: bold !important;
}

.pedidoVendaNaoGeraComissao_font{
    font-weight: bold !important;
    color: #FFFFFF;
}

.chequeUtilizado {
    background-color: #ABD2EB !important;
    /*background-image: nome !important;*/
    color: black !important;
}

.hide-column-names table thead tr {
    display: none;
}

.show-column-names table thead tr {
    display: list-item;
}

.industrializacaoProdutoNaoVinculado{
    background-color: #cd0a0a !important;
    font-weight: bold;
    color: #FFFFFF;
}

menuFixo {
    position: fixed;
    top: 0;
    z-index: 99;
}

#menu {
    position: fixed;
    right: 0;
    top: 50%;
    width: 8em;
    margin-top: -2.5em;
}

.automataNovoCadastro {
    background-color: #03A9F4;
    font-weight: bolder; 
    color: white;
}

.automataItemPronto {
    background-color: #03A9F4;
    font-weight: bolder; 
    color: white;
}

.automataExisteCadastro {
    background-color: #4CAF50;
    font-weight: bolder; 
    color: white;
}

.automataNaoExisteCadastro {
    background-color: #323232;
    font-weight: bolder; 
    color: white;
}

.saidaProducaoQuantidadePreenchida{
    background-color: #ABD2EB !important;
    /*background-image: nome !important;*/
    color: black !important;
}

.estoqueMinimoProdutoDetalheIgualBase {
    background-color: #4CAF50;
    font-weight: bolder; 
    color: white;
}

.custoSemFilhos {
    font-weight: bold;
}

.alignItemsCenter {
    align-items: center;
}