root { 
    display: block;
}

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

.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/jakarta.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/jakarta.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/jakarta.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/jakarta.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;
}

.ui-icon-search,
.ui-icon-pencil,
.ui-icon-trash,
.ui-icon-disk,
.ui-icon-print,
.ui-icon-newwin,
.ui-icon-plus,
.ui-icon-plusthick,
.ui-icon-cancel,
.ui-icon-closethick,
.ui-icon-close,
.ui-icon-circle-close,
.ui-icon-unlocked,
.ui-icon-locked,
.ui-icon-person,
.ui-icon-document,
.ui-icon-note,
.ui-icon-mail-closed,
.ui-icon-comment,
.ui-icon-cart,
.ui-icon-info,
.ui-icon-refresh,
.ui-icon-arrowthickstop-1-s,
.ui-icon-arrowstop-1-s,
.ui-icon-arrowthickstop-1-n,
.ui-icon-arrowrefresh-1-s,
.ui-icon-arrowrefresh-1-n,
.ui-icon-arrowrefresh-1-e,
.ui-icon-arrowrefresh-1-w,
.ui-icon-arrowreturnthick-1-w,
.ui-icon-arrowreturnthick-1-e,
.ui-icon-arrowreturnthick-1-n,
.ui-icon-transferthick-e-w,
.ui-icon-unload,
.ui-icon-image,
.ui-icon-signal-diag {
    background-image: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
    width: 1em !important;
    height: 1em !important;
    line-height: 1em !important;
}

.ui-icon-search::before,
.ui-icon-pencil::before,
.ui-icon-trash::before,
.ui-icon-disk::before,
.ui-icon-print::before,
.ui-icon-newwin::before,
.ui-icon-plus::before,
.ui-icon-plusthick::before,
.ui-icon-cancel::before,
.ui-icon-closethick::before,
.ui-icon-close::before,
.ui-icon-circle-close::before,
.ui-icon-unlocked::before,
.ui-icon-locked::before,
.ui-icon-person::before,
.ui-icon-document::before,
.ui-icon-note::before,
.ui-icon-mail-closed::before,
.ui-icon-comment::before,
.ui-icon-cart::before,
.ui-icon-info::before,
.ui-icon-refresh::before,
.ui-icon-arrowthickstop-1-s::before,
.ui-icon-arrowstop-1-s::before,
.ui-icon-arrowthickstop-1-n::before,
.ui-icon-arrowrefresh-1-s::before,
.ui-icon-arrowrefresh-1-n::before,
.ui-icon-arrowrefresh-1-e::before,
.ui-icon-arrowrefresh-1-w::before,
.ui-icon-arrowreturnthick-1-w::before,
.ui-icon-arrowreturnthick-1-e::before,
.ui-icon-arrowreturnthick-1-n::before,
.ui-icon-transferthick-e-w::before,
.ui-icon-unload::before,
.ui-icon-image::before,
.ui-icon-signal-diag::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    width: 1em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-icon-search::before { content: "\f002"; }
.ui-icon-pencil::before { content: "\f040"; }
.ui-icon-trash::before { content: "\f1f8"; }
.ui-icon-disk::before { content: "\f0c7"; }
.ui-icon-print::before { content: "\f02f"; }
.ui-icon-newwin::before { content: "\f067"; }
.ui-icon-plus::before { content: "\f067"; }
.ui-icon-plusthick::before { content: "\f067"; }
.ui-icon-cancel::before { content: "\f00d"; }
.ui-icon-closethick::before { content: "\f00d"; }
.ui-icon-close::before { content: "\f00d"; }
.ui-icon-circle-close::before { content: "\f057"; }
.ui-icon-unlocked::before { content: "\f09c"; }
.ui-icon-locked::before { content: "\f023"; }
.ui-icon-person::before { content: "\f007"; }
.ui-icon-document::before { content: "\f15c"; }
.ui-icon-note::before { content: "\f15c"; }
.ui-icon-mail-closed::before { content: "\f0e0"; }
.ui-icon-comment::before { content: "\f075"; }
.ui-icon-cart::before { content: "\f07a"; }
.ui-icon-info::before { content: "\f129"; }
.ui-icon-refresh::before { content: "\f021"; }
.ui-icon-arrowthickstop-1-s::before { content: "\f019"; }
.ui-icon-arrowstop-1-s::before { content: "\f019"; }
.ui-icon-arrowthickstop-1-n::before { content: "\f093"; }
.ui-icon-arrowrefresh-1-s::before { content: "\f01e"; }
.ui-icon-arrowrefresh-1-n::before { content: "\f01e"; }
.ui-icon-arrowrefresh-1-e::before { content: "\f01e"; }
.ui-icon-arrowrefresh-1-w::before { content: "\f01e"; }
.ui-icon-arrowreturnthick-1-w::before { content: "\f060"; }
.ui-icon-arrowreturnthick-1-e::before { content: "\f061"; }
.ui-icon-arrowreturnthick-1-n::before { content: "\f062"; }
.ui-icon-transferthick-e-w::before { content: "\f0ec"; }
.ui-icon-unload::before { content: "\f093"; }
.ui-icon-image::before { content: "\f03e"; }
.ui-icon-signal-diag::before { content: "\f201"; }

.ui-dialog-titlebar-close .ui-icon-closethick::before,
.ui-growl-icon-close.ui-icon-closethick::before {
    font-family: 'Material Icons' !important;
    content: 'clear' !important;
}