/*adaptacoes no tema jquery*/
.ui-dialog{
    position: fixed;
}

.ui-widget-overlay{
    position: fixed;
}

.ui-dialog .ui-dialog-content {
    padding: 10px 5px 5px 5px;
}

.ui-tabs .ui-tabs-panel {
    padding: 10px 5px 15px 5px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget label{
    font-size: 12px;
}

/*fim*/

*{    
    box-sizing: content-box !important;
}

body{
    margin: 5px;
    padding: 5px;
    font-size: 12px !important;
    font-family: arial !important;
    color: #000099;
    background: url("../imagens/back.png") repeat-x #CBDEFE fixed;
    overflow-y: scroll;
}

img{
    border: 0;
}

fieldset{
    padding: 0px;
    margin: 0px;
}

#divMestra{
    width: 980px;
    margin: auto;
    overflow: hidden;    
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);    
    border-radius: 15px;
}

#Cabecalho{
    height: 97px;
    width: 970px;
    padding: 5px 5px 0 5px;
    background: url("../imagens/fundo_cabecalho.png") no-repeat;
}

.barraIdioma{
    color: white;
    margin: 0 0 3px 0;
}

#barraEsquerda{
    width: 130px;
    background: #FF8C00 url("../imagens/fundo_laterais.jpg") repeat-x;
    float: left;
    padding: 3px;
}

#conteudo{
    background: url("../imagens/fundo_topo_conteudo.png") repeat-x top #E5F0FF;
    padding: 3px;
}

#linkHome{
    width: 350px;
    height: 70px;
    float: left;
    margin: 7px 0 0 22px;
    cursor: pointer;
}

#processando{
    position: fixed;
    top: 50%;
    left:50%;
    margin-left: -200px;
    margin-top: -75px;
    background: url("../imagens/fundo_processando.png") no-repeat ;
    color: white;
    width: 400px;
    height: 130px;
    font-weight: bold;
    text-align: center;
}

#processando img{
    float: left;
    margin: 5px 0 0 10px;
}

#processando span{
    display: block;
    margin-top: 55px;
}

.processandoAux{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999999;
    background: url("../imagens/fundo_alfa.png") repeat;
}

#validacaoNavegador #texto{
    position: fixed;
    top: 50%;
    left:50%;
    margin-left: -300px;
    width: 560px;
    padding: 20px;
}

#barraDireita{
    float: left;
    width: 130px;    
    background:  #FF8C00 url("../imagens/fundo_laterais.jpg") repeat-x;
    padding: 3px;
}

#rodape{
    height: 120px;
    background: url("../imagens/fundo_rodape.png") no-repeat;
    padding: 5px 5px 0 0;
}

.conteudoRodape{
    height: 70px;
    padding: 5px;
}

.itemMenuRodape{
    margin: 5px;
    padding: 3px 0 0 7px;
    width: 183px;
    height: 19px;
    background: url("../imagens/b_menuRodape.png") no-repeat;
    cursor: pointer;
}

.linksRodape{
    text-align: center;
    color: #E5F0FF;
}

.linksRodape a{
    color: #E5F0FF;
    text-decoration: none;
}

.linksRodape a:hover{
    color: #E5F0FF;
    text-decoration: underline;
}

.alinhamentoDireita{
    text-align: right;
    margin-right: 5px;
}

.alinhamentoCentro{
    text-align:center;
}

.naoSublinharLink a{
    text-decoration: none !important;
}

.fonteVermelha{
    color: red;
}

.botao{
    float: right;
    margin: -2px 0 0 5px;
}

.fonteNegrito{
    font-weight: bold;
}

.fonte16{
    font-size: 16px;
}

.loginCabecalho{
    float: right;
}

.esquerdaLoginCabecalho{
    background: url("../imagens/lado_esquerdo_form_login.png");
    height: 53px;
    width: 14px;
    float: left;
}

.direitaLoginCabecalho{
    background: url("../imagens/lado_direito_form_login.png");
    height: 53px;
    width: 14px;
    float: left;
    margin-left: -5px;
}

#formLogin{
    background: url("../imagens/fundo_form_login.png");    
    height: 43px;
    padding: 7px 0 3px 0;
    float: left;
}

#formLogoff{
    background: url("../imagens/fundo_form_login.png");
    height: 33px;
    padding: 17px 0 3px 0;
    float: right;
    margin: 0 14px 0 20px;
    position: relative;
    max-width: 560px;
}

#formLogin #usuario{
    width: 210px;
    border: 1px solid #000099;
    color: #000099;
    background: transparent;
}
#formLogin #senhaLogin{
    width: 65px;
    border: 1px solid #000099;
    color: #000099;
    background: transparent;
}

#formularioNovaConta #email{
    width: 250px;
}

#formularioNovaConta #CNPJ{
    width: 150px;
}

#formularioNovaConta #razaoSocial{
    width: 401px;
}

#formularioNovaConta #nomeFantasia{
    width: 401px;
}

#formularioNovaConta #fone{
    width: 150px;
}

#formularioNovaConta #celular{
    width: 150px;
}

#formularioNovaConta #IE{
    width: 150px;
}

#formularioNovaConta #endereco{
    width: 495px;
}

#formularioNovaConta #bairro{
    width: 464px;
}

#formularioNovaConta #contato{
    width: 188px;
}

#formularioNovaConta #pais{
    width: 298px;
}

#formularioNovaConta #estado{
    width: 70px;
}

#formularioNovaConta #novoEstado{
    width: 100px;
}

#divNovoEstado{
    display: none;
}

#formularioNovaConta #municipio{
    width: 330px;
}

#formularioNovaConta #novoMunicipio{
    width: 307px;
}

#divNovoMunicipio{
    display: none;
}

#formularioNovaConta #meioComunicacao{
    width: 217px;
}

#formularioNovaConta #senha{
    width: 150px;
}

#formularioNovaConta #senhaConfirmacao{
    width: 150px;
}

.checkNovaConta{
    width: 30px !important;
}

.camposGrupoMaterialNovaConta, .camposTipoEntregaNovaConta{
    height: 110px;
}

.camposNovaConta input{
    border: none !important;
    background-color: transparent !important;
}

 
.camposNovaConta label{
   position: relative;
}

#dadosFornecedorNovaConta{
    display: none;
}

#flagFornecedorFalse{
    margin-top: 5px;
    margin-bottom: 5px;
}

.Campos, .CamposSenha, .CamposUsuarioConta{
    display: none;
}

.logomarca{
    float: left;
}

.logomarcaSoft{
    position: absolute;
    right: 10px;
    bottom: 5px;
}

a{
    color: #000099;
}

#listaDados,.listaDados{
    width: 99.8%;
    border: 1px solid #4F99FC;
    border-top: 3px solid #FF9E27;
    border-bottom: 3px solid #FF9E27;
}

.listaDetalhe{
    width: 100%;
    border: 1px solid #005CB7;
    border-top: 3px solid #005CB7;
    border-bottom: 3px solid #005CB7;
    margin-top: 5px;
}

#listaDados>thead th, .listaDados>thead th{
    height: 35px;
    background-color: #005CB7;
    color: #E5F0FF;
    text-align: left;
    background: #005CB7;
    border-bottom: 1px solid #FF9E27;
}

.listaDetalhe>thead th{
    height: 25px;
    background-color: #6FACFC;
    color: #000;
    font-weight: normal;
    text-align: left;
    background: -moz-linear-gradient(top, #99C4FD 40%, #6FACFC);
    background: -webkit-linear-gradient(top, #99C4FD 40%, #6FACFC);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99C4FD', endColorstr='#6FACFC');
}

.listaDetalhe>thead .topoDetalhe th{
    background: #005CB7;
    color: #FFF;
    font-weight: bold;
}

.listaDetalhe>thead .topoDetalhe th a{
    color: #FFF;
}

.listaDados>tbody tr:hover, #listaDados>tbody tr:hover{
    background-color: #FF8C00 !important;
    color: white;
}

.listaDados .detalheCotacao:hover, #listaDados .detalheCotacao:hover{
    background-color: transparent !important;
    color: #000 !important;
}

.projetosItem{
    background: #BEDCFC;
    background: -moz-linear-gradient(top, #E5F0FF 40%, #DAEBFD);
    background: -webkit-linear-gradient(top, #E5F0FF 40%, #DAEBFD);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5F0FF', endColorstr='#DAEBFD');
}

.listaDetalhe>tbody>tr{
    color: #000 !important;
}

.listaDados .row, #listaDados .row{
    background: #DAEBFD;
    background: -moz-linear-gradient(top, #E5F0FF 40%, #DAEBFD);
    background: -webkit-linear-gradient(top, #E5F0FF 40%, #DAEBFD);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5F0FF', endColorstr='#DAEBFD');
    height: 25px;
}

.listaDetalhe .row:hover{
    background: #DAEBFD !important;
}

.listaDados .row:hover, #listaDados .row:hover{
    background: rgba(255,255,255,.3);    
    border-color:#FF8C00;
}

.listaDados .oddRow, #listaDados .oddRow{
    background: #6FACFC;
    background: -moz-linear-gradient(top, #99C4FD 20%, #6FACFC);
    background: -webkit-linear-gradient(top, #99C4FD 20%, #6FACFC);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99C4FD', endColorstr='#6FACFC');
    height: 25px;
}

.listaDados .oddRow:hover, #listaDados .oddRow:hover{
    background: rgba(255,255,255,.3);    
    border-color:#FF8C00;
}

.listaDados .rowFornecedor, #listaDados .rowFornecedor{
    background: #2BAE2B;
    background: -moz-linear-gradient(top, #009900 10%, #2BAE2B);
    background: -webkit-linear-gradient(top, #009900 10%, #2BAE2B);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#2BAE2B');
    height: 25px;
}

.listaDetalhe .oddRow{
    background: #C7DAEF;
    background: -moz-linear-gradient(top, #CFE2FC 20%, #C7DAEF);
    background: -webkit-linear-gradient(top, #CFE2FC 20%, #C7DAEF);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE2FC', endColorstr='#C7DAEF');
    height: 25px;
}

.listaDetalhe .oddRow:hover{
    background: rgba(255,255,255,.3);
    -moz-box-shadow: 0 0 3px 1px #FF8C00;
    -webkit-box-shadow: 0 0 3px 1px #FF8C00;
    box-shadow: 0 0 3px 1px #FF8C00;
    border-color: #FF8C00;
}

.listaDetalhe>tbody>tr:hover{
    background: #C7DAEF !important;
}

.listaDetalhe #totalizadores{
    background: #80A7CF;
}

.listaDetalhe #totalizadores:hover{
    background: #80A7CF !important;
}

.resumoFerragensPorProjeto>tbody>tr>td{
    padding: 5px 0 5px 0;
    border-bottom: 1px dashed #6FACFC;
}

.colunaEditavel, .colunaEditavelComEdicaoDesabilitada{
    color: #009933;
    font-weight: bold;
}

.colunaEditavelComEdicaoDesabilitada { 
    text-align: left !important;
    padding-left: 12px;
}

#listaDados thead .colunaAcoes, .listaDados thead .colunaAcoes{
    width: 150px;
    text-align: center;
}

#formDados{
    margin-bottom: 15px;
}

.divCampos{
    float:left;
    margin-left: 3px;
    padding: 0px;
}

.divCampos input{
    width: 141px;
    color: #000099;
    height: 16px;
}

.divCampos input, .divCampos select, .divCampos textarea{
    border: 1px solid #6FACFC;
    background: #FFF;
    margin: 0px;
    padding: 1px;
    color: #000099;
    transition: all .15s
}

.divCampos input:focus, .divCampos select:focus, .divCampos textarea:focus{
    outline-style: none;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}

.divCampos input[type=checkbox],.divCampos input[type=radio]{
    background: none;
    border: none;
    width: auto;
    vertical-align: bottom;
}

.colunaEditavel input, .colunaEditavel select, .colunaEditavel textarea{
    border: 1px solid #6FACFC;
    background: #FFF;
    margin: 0px;
    padding: 1px;
    color: #000099;
}

.divCampos select{
    height: 18px;
    padding: 0px;
}

.divCampos .check{
    width: auto;
}

.divCampos #divImgUpload{
    width: 208px;
    height: 135px;
    background-color: #FFF;
    border: 1px solid #6FACFC;
    overflow-x: hidden;
}

.bordaAzul{
    border: 1px solid #6FACFC;
    padding: 5px;
}

.divDetalhes{
    border: 1px solid #6FACFC;
    float: left;
    padding: 5px;
    margin: 5px;
}
.divDetalhes legend{
    font-weight: bold;
}
.detalhesPecas{
    height: 70px;
}


.divCampos .desabilitado{
    background: #CECECE;
    width: 141px;
}

.divCampos .habilitadofalse{
    background: #CECECE;
}

.divCampos .campoDescricao{
    width: 813px;
}

.divCampos .campoDescricaoReduzido{
    width: 755px;
}

fieldset.divCampos{
    border: 1px solid #6FACFC;
    padding: 5px;
}

fieldset.divCampos .campoDescricao{
    width: 950px;
}

fieldset.divCampos.desvios label{
    margin-right: 11px;
}

fieldset.divCampos input{
    width: 146px;
}

.sombraMenu{
    clear: both;
    top: 50px;
    height: 29px;
    width: 980px;
    background: url("../imagens/fundo_topo_conteudo.png") repeat-x top;
}

.btnImprimir{
    padding: 5px;
    text-align: right;
    cursor: pointer;
    float: right;
}

.btnImprimir img{
    margin: 0 3px -5px 0;
}

#dadosDeImpressao{
    display: none;
}

.homeMenu{    
    width: 35px;
    text-align: center;
    cursor: pointer;
}

#ultimasMovimentacoes{
    width: 930px;
    margin: auto;
}

#tituloSublinhado{
    border-bottom: 1px solid #4F99FC;
    padding: 3px; 
    font-weight: bold;
    margin-bottom: 3px;
}

.fundoSelect{    
    width: 45px;
    height: 17px;
    background: url("../imagens/bg_select.png") no-repeat;   
    float: left;
    margin: -1px 3px 0 3px;
    position: relative;
    cursor: pointer;
}

.selectDiasIntervalo{
    opacity: 0;
    filter: alpha(opacity=0);
    width: 43px;
    height: 17px;
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    left: 1px;
    background-color: #D7E7FA;
    color: #000099;
    border: 1px solid #000099;
    font-size: 11px;
    cursor: pointer;
}

.selectFalso{
    width: 20px;
    height: 15px;
    border: none;
    margin: 1px 0 0 5px;
}

/*------------listar contas------------*/
.listaContas td{
    padding-right: 50px;    
}

.listaContas .interditado{
    color: red;
    cursor: default;
}

.listaContas .podeAcessar{    
    font-weight: bold;
}

.acessoRapido{
    width: 443px;
    height: 134px;
    float: left;
    margin: 0 0 20px 23px;
    background: url("../imagens/b_acessoRapido.png") no-repeat;
    padding: 10px 0 0 10px;
    position: relative;
}

.configuraAcessoRapido{
    width: 400px;
    height: 25px;
    float: left;
    margin: 0 0 20px 23px;
    background: #004F9E ;
    color: #fff;
    border-radius: 5px;    
    padding: 10px 0 0 10px;
    position: relative
}

.configuraAcessoRapido .tituloAcesso{
    float: left; 
     width: 370px;
}

.configuraAcessoRapido .chkAcesso{
    float: left;
    width: 20px;  
}

.acessoRapido .imgAcessoRapido{
    float: left;
    width: 106px;
    height: 134px;
}

.acessoRapido a{
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.acessoRapido span{
    color: #FFF;
    font-weight: bold;
}

.acessoRapido .textoAcessoRapido{
    color: #004F9E;
    float: right;
    margin: 15px 10px 0 0;
    width: 310px;
}

.acessoRapido .divQtd{
    position: absolute;
    right: 10px;
    bottom: 20px;
}

.numerosAcessoRapido{
    position: absolute; 
    right: 10px; 
    background-color:#f03d25;
    color: white; 
    border:1px solid #d83722;
    border-bottom:1px solid #c0311e;
    border-top:1px solid #e23923;
    -webkit-border-radius:2px;
    border-radius: 2px 2px 2px 2px;    
    display:block;
    padding:0 1px;
    font-size: 11px;
    font-weight: bold;    
}

#listaDados .numerosAcessoRapido{
    position: static;
    float: right;
    margin-right: -5px;
}

/*------------paginacao------------*/
.paginacao{
    padding: 5px;
    text-align: right;
}

.paginacao .linkPagina{
    padding: 3px;
    cursor: pointer;    
}

.paginacao .linkPagina:hover{
    color: #ffaf00;
    font-weight: bold;
}

.paginacao .linkPaginaSel{
    padding: 3px;
    cursor: pointer;
    color: white;
    background-color: #ffaf00;
}

.paginacao .mudarPaginas{
    padding: 3px;
    vertical-align: middle;
    color: #ffaf00;
    font-weight: bold;
    cursor: pointer;
}

.paginacao .anterior{
    cursor: pointer;
    background: url("../imagens/paginacaoEsquerda.png") no-repeat center;
    width: 10px;
    height: 14px;
}

.paginacao .proximo{
    cursor: pointer;
    background: url("../imagens/paginacaoDireita.png") no-repeat center;
    width: 10px;
    height: 14px;
}

/*------------SOFT BTN------------*/
.esquerdaBotao, .esquerdaBotaoDesabilitado{
    width: 7px;
    height: 25px;
    float: left;
}

.esquerdaBotao{
    background: url("../imagens/btnLeft.png") no-repeat;
}

.esquerdaBotaoDesabilitado{
    background: url("../imagens/btnLeftDesabilitado.png") no-repeat;
}

.direitaBotao, .direitaBotaoDesabilitado{
    width: 7px;
    height: 25px;
    float: left;
}

.direitaBotao{
    background: url("../imagens/btnRight.png") no-repeat;
}

.direitaBotaoDesabilitado{
    background: url("../imagens/btnRightDesabilitado.png") no-repeat;
}

.estiloBotao, .estiloBotaoDesabilitado{
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    height: 25px;
    border: none;
    float: left;
    margin: 0px;
    font-family: arial;
    outline: none;
}

.estiloBotao{
    background: url("../imagens/btnMiddle.png") repeat-x transparent;    
    color:#000099;
}

.estiloBotaoDesabilitado{
    background: url("../imagens/btnMiddleDesabilitado.png") repeat-x transparent;
    color: #666666;
}

.estiloBotao:hover{
    color: #006BFD;
}

/*------------Cadastro de parceiro------------*/
#formParceiro #email{
    width: 250px;
}

#formParceiro #CNPJ{
    width: 150px;
}

#formParceiro #razaoSocial{
    width: 401px;
}

#formParceiro #nomeFantasia{
    width: 401px;
}

#formParceiro #fone{
    width: 150px;
}

#formParceiro #celular{
    width: 150px;
}

#formParceiro #IE{
    width: 150px;
}

#formParceiro #endereco{
    width: 495px;
}

#formParceiro #bairro{
    width: 464px;
}

#formParceiro #pais{
    width: 395px;
}

#formParceiro #estado{
    width: 70px;
}

#formParceiro #novoEstado{
    width: 153px;
}

#formParceiro #divNovoEstado{
    display: none;
}

#formParceiro #municipio{
    width: 250px;
}

#formParceiro #novoMunicipio{
    width: 242px;
}

#formParceiro #divNovoMunicipio{
    display: none;
}

#formParceiro #idioma{
    width: 90px;
}

#formParceiro #banco{
    width: 250px;
}

#formParceiro #agencia{
    width: 85px;
}

#formParceiro #conta{
    width: 150px;
}

#formParceiro #percentualComissao{
    width: 149px;
}

/*------------Cadastro de usuario soft------------*/
#formUsuarioSoft #email{
    width: 250px;
}

#formUsuarioSoft #CNPJ{
    width: 150px;
}

#formUsuarioSoft #razaoSocial{
    width: 401px;
}

#formUsuarioSoft #nomeFantasia{
    width: 401px;
}

#formUsuarioSoft #fone{
    width: 150px;
}

#formUsuarioSoft #celular{
    width: 150px;
}

#formUsuarioSoft #IE{
    width: 150px;
}

#formUsuarioSoft #endereco{
    width: 495px;
}

#formUsuarioSoft #bairro{
    width: 464px;
}

#formUsuarioSoft #pais{
    width: 395px;
}

#formUsuarioSoft #estado{
    width: 70px;
}

#formUsuarioSoft #novoEstado{
    width: 153px;
}

#formUsuarioSoft #divNovoEstado{
    display: none;
}

#formUsuarioSoft #municipio{
    width: 250px;
}

#formUsuarioSoft #novoMunicipio{
    width: 242px;
}

#formUsuarioSoft #divNovoMunicipio{
    display: none;
}

#formUsuarioSoft #idioma{
    width: 90px;
}

#formUsuarioSoft #banco{
    width: 250px;
}

#formUsuarioSoft #agencia{
    width: 85px;
}

#formUsuarioSoft #conta{
    width: 150px;
}

#formUsuarioSoft #percentualComissao{
    width: 149px;
}

#formUsuarioSoft #tipoUsuarioSoft{
    width: 246px;
}

/*-------- usuario conta -----------*/
#formularioUsuarioConta #email{
    width: 250px;
}

#formularioUsuarioConta #CNPJ{
    width: 150px;
}

#formularioUsuarioConta #razaoSocial{
    width: 399px;
}

#formularioUsuarioConta #nomeFantasia{
    width: 302px;
}

#formularioUsuarioConta #fone{
    width: 150px;
}

#formularioUsuarioConta #celular{
    width: 150px;
}

#formularioUsuarioConta #IE{
    width: 150px;
}

#formularioUsuarioConta #endereco{
    width: 350px;
}

#formularioUsuarioConta #bairro{
    width: 200px;
}

#formularioUsuarioConta #pais{
    width: 497px;
}

#formularioUsuarioConta #estado{
    width: 70px;
}

#formularioUsuarioConta #novoEstado{
    width: 100px;
}

#formularioUsuarioConta #divNovoEstado{
    display: none;
}

#formularioUsuarioConta #municipio{
    width: 330px;
}

#formularioUsuarioConta #novoMunicipio{
    width: 307px;
}

#formularioUsuarioConta #divNovoMunicipio{
    display: none;
}

#formularioUsuarioConta #codTipoUsuarioConta{
    width: 253px;
}

#formularioUsuarioConta #limiteMensalDePecas{
    width: 145px;
}

#formularioUsuarioConta .botoes{
    display: none;
}

/*--------------- Tag Alert ------------------*/
#alert{    
    padding: 5px;
    display: none;
}

.alerta{
    border: 1px dotted #6FACFC;
    color: #FF8C00;
    background-color: #CFE2FC;
}

.erro{
    border: 1px dotted #6FACFC;
    color: #FF0000;
    background-color: #CFE2FC;
}

.sucesso{
    border: 1px dotted #6FACFC;
    color: #009933;
    background-color: #CFE2FC;
}

.info{
    border: 1px dotted #6FACFC;
    color: #2A80E1;
    background-color: #CFE2FC;
}

#alert #iconeAlerta{
    float: left;
    width: 80px;
}

#alert #mensagem{
    float: right;
    width: 870px;
}

/*---------------Inserir crédito ------------------*/

#formasPagamento{
    margin: 20px 0 0 25px;
    padding: 10px;
    width: 905px;
    color: #004F9E;
    background: url("../imagens/back_formasPagamento.jpg") no-repeat;
    height: 99px;
}

#formasPagamento div{
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

#formasPagamento div img{
    float: left;
}

#formasPagamento #valorBonus{
    color: #FECF00;
    font-weight: bold;
    font-size: 26px;
}

.msgTopoCredito{
    margin-left: 25px;
    color: #004F9E;
}

.abas{
    list-style: none outside none;
    padding: 0;
    margin: 0;    
}

.abas li{
    display: inline;
}
.abaSelecionada{
    font-weight: bold;
}

.ui-button-text{
    padding: 0 !important;
    line-height: 1.3 !important;
}

.formularioPedido .dadosEndereco{
    width: 184px;
}

.formularioPedido select.dadosEndereco{
    width: 189px;
}

.formularioPedido .dadosEndereco.IE{
    width: 186px;
}

.formularioMaterial select.dadosGrupoMaterial{
    width: 160px;
}

.formularioMaterial select.dadosCorMaterial{
    width: 120px;
}

.ui-autocomplete-loading { background: white url('../imagens/loading.gif') right center no-repeat !important; }

.statusPedido{
    margin: 2px;
    text-align: center;
    width: 104px;
    float: left;
    font-size: 11px;
}

#divStatusPedidoAberto, #divStatusPedidoFechado, #divStatusPedidoCotando, #divStatusPedidoCotado, #divStatusPedidoSolicitado, #divStatusPedidoConcluido, #divStatusPedidoEntregue, #divStatusPedidoFinalizado, #divStatusPedidoDesistiu, #divStatusPedidoRecusado{
    font-weight: bold;
    padding: 18px 0 2px 0;
    border: 2px solid white;
    margin-top: -30px;
    width: 152px;
    text-align: center;
    height: 32px;
}

#divStatusPedidoAberto{
    background-color: #FFFF00;
}

#divStatusPedidoFechado{
    background-color: #FF9900;
}

#divStatusPedidoCotando{
    background-color: #00CC33;
    color: white;
    padding: 10px 0 10px;
}

#divStatusPedidoCotado{
    background-color: #009933;
    color: white;
    padding: 10px 0 10px;
}

#divStatusPedidoSolicitado{
    padding: 10px 0 10px;
    background-color: #33CCCC;
    color: white;
}

#divStatusPedidoConcluido{
    background-color: #00CCFF;
    color: white;
    padding: 12px 0 8px;
}

#divStatusPedidoEntregue{
    background-color: #6699ff;
    color: white;
    padding: 10px 0 10px;
}

#divStatusPedidoFinalizado{
    background-color: #0033ff;
    color: white;
    padding: 10px 0 10px;
}

#divStatusPedidoDesistiu, #divStatusPedidoRecusado{
    background-color: #ff3300;
    color: white;
}

#wizardProjetoVidro, #wizardProjetoCortado{
    display: none;
}

#wizardProjetoVidro #projetoVidro{
    width: 510px;
}

#passo1{
    height: 100%;
}

#passo2{
    height: 510px;
    overflow-y: scroll;
}

#divModelosWizard{
    margin: 0 20px 0 20px;
    overflow: hidden;
}



.divModelosWizard img{
    border: 1px solid black;
    cursor: pointer;
}

.divModelosWizard img:hover{
    border: 1px solid #F7AF3A;
}

.descricaoModelosWizard{
    background-color: #FFFF80;
    color: black;
    height: 25px; 
    width: 364px; 
    font-size: 9px; 
    font-weight: bold;
    margin-left: 30px; 
    text-align: center; 
    border: 1px solid black; 
    border-bottom: none;
    padding-top: 3px;
}

.descricaoModelosUsados{
    height: 33px;
    width: 190px;
    padding-top: 1px;
}

.radioTipoFechamentoVidroWizard{
    width: auto !important;
}

.divRadioTipoFechamentoVidroWizard{
    float: left;
    margin-right: 10px;
    width: 440px;
    font-size: 12px;
    font-weight: bold;
}

.divRadioTipoFechamentoVidroWizard label{
    font-size: 11px !important;
}

.divRadioTipoFechamentoVidroWizard input[type=radio]{
    height: 12px;
}

#colunaInformarPeca{
    width: 200px;
}

.divCamposProjetoVidroWizard{
    padding-bottom: 5px;
}

.camposWizardProjetoVidro{
    width: 153px !important;
}

.grupoWizard{
    border: 1px solid #6FACFC;
    padding: 5px;
    margin-bottom: 5px;
}

.grupoWizard .titulo{
    background: #6FACFC;
    color: #FFF;
    font-weight: bold;
    padding: 3px;
    margin: -5px -5px 5px -5px;    
}

.tituloAlturaFixa{
    height: 15px !important;
}

.colunaEditavel{
    cursor: pointer;
}

#totalizadores td, #totalizadores td:hover{
    border: none;
    border-top: 1px solid #4F99FC;
    font-weight: bold;
    color: black;
    height: 35px;
}

.colunaNumerica{
    text-align: right;
}

.tooltip, .tooltipDesvio {
    background-color:#FF981A;
    border:1px solid #fff;
    padding:10px 15px;
    width:300px;
    display:none;
    color:#FFF;
    text-align:left;
    font-size:12px;
    padding: 10px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    box-shadow: 0 0 10px 1px #000;

    z-index: 1;
}

.tooltip{
    width:300px;
}

.tooltipDesvio{
    width:200px;
    text-align: justify;
}

.tooltipDesconto {
    width: 350px;
}

.tooltipModeloFechamentoVidro{
    background-color: #FF981A;
    border:1px solid #fff;
    padding:10px 15px;
    color:#fff;
    text-align:left;
    font-size:12px;
    padding: 10px;
    display: none;
    margin-top: -530px;
    margin-left: -210px;
    width: 200px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    
    box-shadow: 0 0 10px 1px #000;

    z-index: 9999;
}

.btnWizard{
    width: 162px;
    height: 29px;
    color: white;
    padding-top: 15px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
    float: left;
    margin-left: -4px;
}

.btnSalvar{
   background: url('../imagens/btnSalvar.png') no-repeat;
   background-position: 0 -88px;
}

.btnProximo{
   background: url('../imagens/btnProximo.png') no-repeat;
   background-position: 0 -88px;
}

.btnAnterior{
   background: url('../imagens/btnAnterior.png') no-repeat;
   background-position: 0 -88px;
}

.btnCancelar{
   background: url('../imagens/btnCancelar.png') no-repeat;
   background-position: 0 -88px;
}

.btnGo2On{
   background: url('../imagens/btnGo2On.png') no-repeat;
   background-position: 0 -88px;
}

.btnAdicionarMaisProjetos{
   background: url('../imagens/btnAdicionarMaisProjetos.png') no-repeat;
   background-position: 0 -88px;
}

.btnSalvar:hover, .btnProximo:hover, .btnAnterior:hover, .btnCancelar:hover, .btnGo2On:hover, .btnAdicionarMaisProjetos:hover{
    background-position: 0 -44px;
}

.desabilitado{        
    background-position: 0 0;   
    cursor: default;
}

.desabilitado:hover{
    background-position: 0 0;
}

fieldset{
    margin: 0;
    padding: 0;
}

.saldoPedido{
    border-bottom: 1px solid #000099;
    margin: 0 5px 0 5px;
    padding: 5px 0 5px 0;
}

.spanSaldo{
    float: right;
}

.saldoFinalPositivo{
    font-size: 16px;
    color: #000099;
}

.saldoFinalNegativo{
    font-size: 16px;
    color: red;
}

.miniaturaProjeto{
    padding: 2px;
    margin: 6px 3px 0 3px;
    float: left;
    text-align: center;
    border: 1px solid #999;
    background: #E3F1FE;
    width: 176px;
    font-size: 11px;
    -moz-box-shadow: 0 0 2px 1px #999;
    -webkit-box-shadow: 0 0 2px 1px #999;
    box-shadow: 0 0 2px 1px #999;
}

.miniaturaProjeto:hover{
    -moz-box-shadow: 0 0 2px 1px #666;
    -webkit-box-shadow: 0 0 2px 1px #666;
    box-shadow: 0 0 2px 1px #666;
    border: 1px solid #666;
}

.miniaturaProjeto img{
    cursor: pointer;
}

.miniaturaProjeto .titulo{
    margin-bottom: -2px;
}

.miniaturaProjeto .acoes{
    margin-top: -2px;
}

#padraoDeCor{        
    border: 2px solid #000099;
}

#padraoDeCor #texto{
    width: 300px;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#novoPadraoDeCor{
    width: 170px;
    float: left;
}

#novoPadraoDeCor .blocoCor{
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin: 2px 3px 2px 3px;
    border: 1px solid #000099;
}

#divLocalAplicacao{
    width: 200px;
    border: 1px solid #FFF;
    -moz-box-shadow: 0 0 2px 1px #999;
    -webkit-box-shadow: 0 0 2px 1px #999;
    box-shadow: 0 0 2px 1px #999;
    background: #FF981A;
    position: absolute;
    top: 2px;
    left: 29px;
    text-align: center;
    font-size: 11px;
    color: #000;
    cursor: pointer;
}

#divLocalAplicacao:hover{
    color: #FFF;
}

#camposVariaveisProjeto input,#camposVariaveisProjeto select{
    width: 227px;
}

.grupoItem{
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 5px;
    border-bottom: 1px solid #000099;
}

.expandeRecolhe{
    height: 11px;
    width: 11px;
    text-align: center;
    cursor: pointer;
}

#inputsPlotagem{
    position: absolute;
    width: 250px;
    top: 255px;
    left: 10px
}

.coluna2{
    float: right;
}

.obsModelo{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 19px;
    height: 26px;
    display: none;
    cursor: pointer;
}

.menuRapido{
    position: absolute;
    display: none;
    padding: 0;
    list-style: none;
    list-style-position: inside;
    left: 228px;    
    border: 1px solid #FFF;
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
    background: #FF981A;
    text-align: justify;
    z-index: 9999;
}

.menuRapido .titulo{
    margin-bottom: 3px;
    padding: 1px;
    text-align: center;
    background: #FFF;
    color: #FF981A;
    font-weight: bold;
}

.menuRapido li{
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

#ancoraPlotagem .menuRapido li{
    padding: 1px 10px 1px 10px;
}

.menuRapido li:hover{
    color: #CFE2FC;
}

.menuRapido ul{
    list-style: none;
    padding: 0;
}

.menuRapido #spanPecas{
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 5px;
}

.menuRapido #spanFerragens{
    color: #FFF;
    font-weight: bold;
}

.menuRapido table{
    width: 229px;
    border: 1px solid #FFF;
    margin: 5px 0 5px 0;
}

.menuRapido table th{
    background: #FFF;
    text-align: center;
    padding-bottom: 2px;
}

.menuRapido table td{
    text-align: center;
    border-bottom: 1px solid #FFF;
}

.menuRapido a{
    color: #000099;
    display: block;
    padding: 3px;
    font-weight: bold;
    text-decoration: none;
    margin: 1px;
    background: #FFD39D;
    background: -moz-linear-gradient(top, #FFD39D 20%, #FF981A);
    background: -webkit-linear-gradient(top, #FFD39D 20%, #FF981A);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD39D', endColorstr='#FF981A');
}

.menuRapido a:hover{
    background: #FFD39D;
}

.operacoes{
    cursor: pointer;
}

/*cotacao*/
#ulItensCotacao{
    list-style: none;
    padding: 0px;
    margin-right: -1px;
}

#ulItensCotacao li{
    padding: 10px;
    border: 1px solid #000099;
    width: 180px;
    margin-bottom: 3px;
    cursor: pointer;
    min-height: 15px;
    background: #DEECFE;
    font-size: 11px;
}

#ulItensCotacao li:hover{
    color: white;
    background: #FF981A;
}

#ulItensCotacao .selecionada{
    border: 1px solid #000099;
    border-right: 1px solid #CFE2FC;
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
    background: #CFE2FC;
    font-weight: bold;
    position: relative;
}

#ulItensCotacao .selecionada .escondeBorda{
    width: 1px;
    height: 35px;
    background: #CFE2FC;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 999;
    display: none;
}

#ulItensCotacao .selecionada:hover{
    color: #000099;
    background: #CFE2FC;
}

#divInformaFornecedor{
    float: left;
    padding: 5px 0 5px 10px;
    border-right: 1px solid #000099;
}

#divFornecedor{
    float: left;
    width: 750px;
    padding: 5px;
    border: 1px solid #000099;
    background: #CFE2FC;
    margin-left: -1px;
    position: relative;
}

#divFornecedor thead tr th{
    border-bottom: 1px solid #0066CC;
}

#divFornecedor tbody tr td img{
    margin: 5px 0 5px 0;
}

#divFornecedor tbody tr td{
    border-bottom: 1px dotted #0066CC;
}

#divFornecedor tbody .semBorda td{
    border-bottom: 0px;
}

.ui-dialog-buttonset .ui-button{
    padding: 5px !important;
}

.vencedor{
    background: #00CC00 !important;
}

.vencedor td{
    border-bottom: 1px solid #FFF !important;
}

.status_2{
    background: #669900 !important;
    text-align: center;
}

.status_3{
    background: yellow !important;
    text-align: center;
    color: #000099 !important;
}

.status_4{
    background: #FF9900 !important;
    text-align: center;
    color: #000099 !important;
}

.status_5{
    background: #9933FF !important;
    text-align: center;
    color: #FFF !important;
}

.status_6{
    background: #FF0000 !important;
    text-align: center;
    color: #FFF !important;
}

.status_7{
    background: #00CCFF !important;
    text-align: center;
    color: #FFF !important;
}

.status_8{
    background: #0066FF !important;
    text-align: center;
    color: #FFF !important;
}

.status_9{
    background: #33CC99 !important;
    text-align: center;
    color: #FFF !important;
}

.status_10{
    background: #663300 !important;
    text-align: center;
    color: #FFF !important;
}

.status_11{
    background: #F7AF3A !important;
    text-align: center;
    color: #FFF !important;
}

#itensSelecionados table{
    width: 390px;
}

#itensSelecionados table th{
    text-align: left;
    border-bottom: 1px solid #000099;
}

#legenda{
    height: 40px;
}

#legenda div{
    float: left;
    width: 345px;
}

#legenda input{
    width: 30px;
    height: 15px;
    border: 1px solid #FFF;
}

/*status itens pedido*/
#fsLegenda input{
    width: 30px;
    height: 12px;
    border: 1px solid #FFF;
}

#fsLegenda #legendaItem div{
    float: left;
    width: 310px;
}

.statusItem_0{/*digitado*/
    background: #FFF;
    color: #000 !important;
}

.statusItem_1{/*não foi solicitada cotacao*/
    background: #999999;
}

.statusItem_2{/*aguardando cotacao*/
    background: #669900;
}

.statusItem_3{/*aguardando aprovacao*/
    background: yellow;
    color: #000 !important;
}

.statusItem_4{/*aguardando pagamento*/
    background: #FF9900;
}

.statusItem_5{/*aguardando gerar pedido*/
    background: #9933FF;
}

.statusItem_6{/*cotacao recusada*/
    background: #FF0000;
}

.statusItem_7{/*produzindo*/
    background: #00CCFF;
}

.statusItem_8{/*produção concluída*/
    background: #0066FF;
}

.statusItem_9{/*entregue pelo fornecedor*/
    background: #33CC99;
}

.statusItem_10{/*entregue ao cliente*/
    background: #663300;
}

.statusItem_11{/*gestão de estoque*/
    background: #F7AF3A;
}

.dvListaItensAdicionarERemover{
    background: #BFFFFF; 
    width: 460px;
}

.setaItensAdicionarERemover{
    cursor: pointer;
}

.noticia{
    background: #A4CAF0;
    width: 436px;
    padding: 5px;
    float: left;
    margin: 0 22px 6px 0;
    cursor: pointer;
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
}

.lado_2{
    margin-right: 0px;
}

.diaNoticia{
    float: left;
    width: 85px;
    height: 85px;
    background: url("../imagens/bg_noticia.png") no-repeat;
    margin-right: 5px;
}

.diaNoticia .dia{
    color: #FFF;
    font-size: 55px;
    text-align: center;
    margin: 5px 0 0 3px;
    height: 55px;
}

.diaNoticia .mes{
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.tituloNoticia{
    font-weight: bold;
    margin-bottom: 7px;
    color: #FFF;
}

.textoNoticia{
    text-align: justify;
    padding-right: 5px;
}

.imgMais{
    background: url("../imagens/imgMais.png")transparent;    
    display: inline-block;
    height: 11px;
    width: 11px;   
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}

.imgMenos{
    background: url("../imagens/imgMenos.png")transparent;
    display: inline-block;
    height: 11px;
    width: 11px;    
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}


#listaDados .listaDadosSub {
    margin-top: 3px;
    margin-left: 15px; 
    margin-bottom: 5px;
    width: 97%;
}
#listaDados .listaDadosSub thead th {
    height: 20px;   
}

#listaDados .listaDadosSub tbody tr{    
    color: #000099;
}

#listaDados .listaDadosSub tbody tr:hover{
    background-color: #FFB153;
    color: white;
}

/** Cotações fornecedor*/

#tabelaCotacao{
    width: 100%;
    margin-top: 10px;
    
    width: 100%;
    border: 1px solid #4F99FC;
    border-top: 3px solid #FF9E27;
    border-bottom: 3px solid #FF9E27;
}

#tabelaCotacao tbody tr:hover, #listaDados tbody tr:hover{
   
}


#tabelaDetalheItensCotacao{
    margin-left: 15px;
    width: 940px;
}

#diasValidade{
    width: 170px;
}

#tabelaProjetosVidroCotacao{
    width: 100%;
}

#tabelaProjetosVidroCotacao thead tr th{
    border-bottom: 1px dashed black;
    text-align: left;
}

#tabelaProjetosVidroCotacao thead tr th#quantidade{
    width: 80px;
}

#tabelaDetalheItensCotacao .colunaAcoes{
    width: 90px;
}

#abasCotacaoFornecedor ul li{
    font-size: 12.5px;
}

/*Fim cotações fornecedor*/

.passosComoFunciona{
    margin: 10px;
    background: #A4CAF0;
    padding: 10px;
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
}

.passosComoFunciona img{
    float: left
}

.passosComoFunciona .textosComoFunciona{
    float: right;
    width: 800px;
    text-align: justify;
}

.descricaoFluxo{
    position: absolute;
    top: 20px;
    right: 10px;
    width: 600px;
    background: #A4CAF0;
    padding: 10px;
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
    text-align: justify;
    display: none;
}

.descricaoFluxo img{
    margin: -10px -4px -5px 14px;
    cursor: pointer;
}

.imagensFluxo{
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 520px;
    height: 170px;
    background: #FFC349;
    padding: 10px 0 10px 0;
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
    display: none;
}

.imagensFluxo img{
    margin: 0 2px 0 2px;
}

#mapaFluxo area{
    cursor: pointer;
}

.video{
    background: #A4CAF0;    
    padding: 5px;
    float: left;
    margin: 0 22px 6px 0;
    cursor: pointer;
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
    width: 330px; 
    height: 90px;
}

.video:hover{
    background: #4F99FC;
}

.videoImg{
    width: 120px;
    float: left;
    margin-right: 5px; 
}

.videoImg img{
    width: 120px;
    height: 90px;
}

.videoTitulo{
    float: left;
    font-weight: bold;
    width: 205px;
}

.videoIframe{
    margin: 5px 1px 0 1px; 
    float: left;
    width:575px;
    height:335px;
}

#videosProjeto{
    height: 230px;
    margin: 1px 0 0 0;
}

#videosProjeto .video{
    width: 237px;
    height: 50px;
    padding: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #999;
}

#videosOtimizacao{
    padding: 0;
}

#videosOtimizacao .video{
    width: 19.02em;
    height: 60px;
    padding: 2px;
    margin: 0 6px 6px 0;
}

#videosProjeto .carousel{
    overflow: hidden;
    height: 180px;
}

#videosProjeto .videoTitulo{
    width: 165px;
    font-size: 11px;
}

#videosOtimizacao .videoTitulo{
    width: 143px;
    font-size: 11px;
}

#videosProjeto .videoImg, #videosOtimizacao .videoImg{
    width: 65px;
}

#videosProjeto .videoImg img, #videosOtimizacao .videoImg img{
    width: 65px;
    height: 50px;
}

#videosProjeto .up, #videosProjeto .down{
    width: 243px;
    height: 10px;
    cursor: pointer;
}

#videosProjeto .up{
    background: url("../imagens/up.png") no-repeat;
    margin: 0 0 2px 0px;
}

#videosProjeto .down{
    background: url("../imagens/down.png") no-repeat;
    margin: 2px 0 2px 0px;
}

.textoOutrosVideos{
    margin: 0 8px 7px 0; 
    border-bottom: 1px solid #3B7BBD
}

.divListaVideos{
    float: right; 
    width: 350px
}

.divVideoAntigo{
    margin-left: 10px;
    width: 970px;
}

.videoAntigo{
    float: left;
    margin: 0 18px 20px 0;
    width: 175px; 
}

.videoAntigo:hover{
    background: #4F99FC;
}

.videoAntigo img{
    cursor: pointer;
    width: 173px;
    height: 95px;
}

.videoAntigo .videoTitulo{
    cursor: pointer;
}

.videoTituloAntigo{
    float: left;
    font-weight: bold;
    width: 175px;
}

.antigos{
    margin-top: 20px;
}

.videoAntigoImg{
    -moz-box-shadow: 0 0 3px 1px #999;
    -webkit-box-shadow: 0 0 3px 1px #999;
    box-shadow: 0 0 3px 1px #999;
    border: 1px solid #FFF;
}

/*Otimizacao*/
.sliderOtimizacao{
    background: url('../imagens/bg_opt.jpg') no-repeat !important;
}

.panelOtimizacao, .panelEstatistica{
    border: 1px solid #004F9E;
    padding: 5px;
    margin: 0 3px 3px 3px;
    float: left;
    background: #CFE2FC;
    display: none;
}

.panelEstatistica{
    padding: 0px 0px 3px 0px;
}

.panelOtimizacao .barra, .panelEstatistica .barra{
    background: lightblue;
    margin: -5px -5px 5px -5px;
    padding: 0 0 3px 3px
}

.panelEstatistica .barra{
    margin: 0px 0px 5px 0px;
}

.panelOtimizacao .titulo, .panelEstatistica .titulo{
    background: #004F9E;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0 0 3px -3px;
    padding: 2px;
}

.panelOtimizacao .btnExcluirPecas{
    cursor: pointer;
    margin-left: 1px;
}

#divImagens{
    border: 1px solid #004F9E;
    background: #FFF;
    margin: 3px;
}

#legendaOtimizacao{
    text-align: center;
    color: #000;
}

#legendaOtimizacao div{
    width: 321px;
    border-bottom: 1px solid #004F9E;
    border-right: 1px solid #004F9E;
    float: left;
    padding: 3px 0 3px 0;
}

#legendaOtimizacao #peca{
    background: #00FFFF;
}

#legendaOtimizacao #sucata{
    background: #FF0000;
}

#legendaOtimizacao #retalho{
    background: #FFC801;
}

#processandoOtimizacao #processando{
    margin-left: -250px;
    background: #FFF;
    color: #000099;
    width: 500px;
    text-align: left;
}

#processandoOtimizacao #processando span{
    margin-top: 20px;
    padding: 0 10px 0 140px;
}

#divAproveitamento, .visualizacaoGeralConta{
    padding: 5px;
    border: 1px solid #004F9E;
    margin: 3px 3px 5px 3px;
    text-align: center;
    background: #FF9900;
    font-weight: bold;
    color: #FFF;
    display: none;
}

.visualizacaoGeralConta {
    display: block;
    width: 700px;
    float: left;
}

.visualizacaoGeralConta a{
    color: #fff !important;
    outline:0; 
}

#aproveitamento{
    font-size: 16px
}
/*Fim Otimizacao*/

.auditoria{
    padding: 3px;
    border: 1px solid #004F9E;
    font-size: 10px;
    background: #CFE2FC;
}

.auditoria #inclusao{
    float: left;
    width: 450px;
}

.flagsPermitirConta{
    float: left;
    width: 230px;
}

/*nova exibicao de itens*/
.itensPedido{
    background: #E5F0FF; 
}

.topoItensPedido{
    border: 1px solid #004F9E;
    border-top: 3px #ff9e27 solid;
    background: #6FACFC;
    background: -moz-linear-gradient(top, #99C4FD 20%, #6FACFC);
    background: -webkit-linear-gradient(top, #99C4FD 20%, #6FACFC);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99C4FD', endColorstr='#6FACFC');
}

.divDadosMaterial{
    padding: 5px;
    float: left;
    width: 424px;     
    border-left: 1px solid #004F9E;
    border-right: 1px solid #004F9E;
    border-bottom: 1px solid #004F9E;
    height: 135px;
    position: relative;
    background: #B7D3FB;
    margin-left: 18px;
}

.acoesMaterial{    
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.divDadosMaterial .tableQtdMaterial th{
    min-width: 80px
}

.itensPedido td{
    height: 20px;
}

.itensPedido .tituloItens{
    background: #004f9e;
    margin: -5px -5px 0 -5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    border: 1px #fff solid;
}

.topoItensPedido .statusItemNovo{
    clear: both;
    border: 1px solid black;
    text-align: center;
    padding: 0px;
    color: #FFF;
    font-weight: bold;
}

.divDadosPreco{
    float: left; 
    border-right: 1px solid #004F9E;
    border-bottom: 1px solid #004F9E;
    background: #cfe2fc;
    padding: 5px;
    height: 23px;
}

.divPrecoCompra{  
    width: 500px;
    background: #FFF4F4;
}

.divPrecoCompra .tituloItens{
    background: #ff0000 !important;
}

.divPrecoVenda{
    width: 322px;
    background: #E8FFEE;
    margin-left: 18px;
    border-left: 1px solid #004F9E;
}

.divPrecoVenda .tituloItens{
    background: #00CC33 !important;
}

.divDadosLiquido{
    padding: 10px 5px 5px;
    float: left;
    width: 100px; 
    height: 18px;   
    border-bottom: 1px solid #004F9E;
    border-right: 1px solid #004F9E;
    background: #FFFCEA;
    text-align: center;
}

.divDadosLiquido .tituloItens{  
    background: #E6BD00 !important;
    margin-bottom: 13px !important;
}

.totalizadorPedido{
    margin: 5px 0 -5px 0;
    padding: 2px;
}

.totalizadorPedido .itens{
    padding: 8px;    
    float: right;
    margin-left: 5px;
    width: 180px;
    text-align: center;
    border: 1px #fff solid;
}

.totalizadorPedido .compra{
    background: #ff0000;
}

.totalizadorPedido .venda{
    background: #00CC33;
}

.totalizadorPedido .liquido{
    background: #E6BD00;
}

.totalizadorPedido .metragem{
    background: #67C8E0
}

.alertaPreco{
    background-color: red; 
    border: 1px solid #FFF; 
    float: right; 
    width: 16px; 
    height: 16px; 
    margin: -1px 0 0 3px; 
    cursor: pointer
}

.labelItensPedidoNovo{
    padding: 10px 10px 0 10px;    
    background: #005CB7;
    color: #E5F0FF;
    font-weight: bold;
}

.tituloProjetoImpotracao{
    box-shadow: 0 0 2px 1px #999;
    padding: 8px;
    margin: 5px 0 10px 0;
    font-weight: bold;
    background: #65a1f6;
}

/*drag and drop ferragem*/
.dragFerragem{
    width: 30px; 
    height: 30px; 
    position: absolute; 
    z-index: 999999;    
    background: url("../imagens/mover.png") no-repeat left center;
    cursor: none;
}

.vert{   
    background: url("../imagens/mover_vert.png") no-repeat left center;
}

.horz{    
    background: url("../imagens/mover_horz.png") no-repeat left center;
}

.dragFerragem .texto{
    margin: -13px 0 0 30px; 
    float: left;
    padding: 3px;  
}

.dvImpressao{
    float: left; 
    margin-right: 8px; 
    width: 150px;  
 }

 .dvTituloImpressao{
     height: 30px;
 }
 
 .tipoMolde{
     border: 1px solid black; 
     margin: 3px; 
     width: 402px; 
     height: 282px; 
     float: left; 
     background: #FFF; 
     text-align: center;
     cursor: pointer;
 }
 
 .tipoMoldeSelecionada{
     border: 4px solid green; 
     margin: 0px;
     -moz-box-shadow: 0 0 3px 1px #000;
     -webkit-box-shadow: 0 0 3px 1px #000;
     box-shadow: 0 0 3px 1px #000;
 }
 
 #fieldsetFiltrosModeloWizard legend {
     color: red;
 }
 
 #fieldsetFiltrosModeloWizard label {
     font-weight: bold;
 }
 
 #fieldsetFiltrosModeloWizard {
     padding-bottom: 0;
     padding-top: 0;
 }

.colunaStatus{
     text-align:center;
     color:#fff;       
 }
 
.stNaoIniciada, .stPendente, .stEsperandoProduzir{
     background: #FF0000;
 }
 
.stEmProducao{
     background:  #663300;
 }
 
 .stConcluida, .stTotalmenteEntregue{
     background: #00C000;
 }
 
 .stIndefinido{
     background: #999999;
 }
 
 .stEsperandoProduzir{
     background: #FF0000;
 }
 
 .stTotalDisponivelEntrega{
     background: #0000FF;
 }
 
 .stParteDisponivelEntrega{
     background: #FFA500;
 }
 
 .stEmAnalise{
     background: #FFFF00;
     color:#333333;
 }
 
 
 .sqlOracle{
     display: none;
 }
 
 .apps{
    background-color: #ffcc00;   
    border-radius: 10px;
    -webkit-box-shadow: inset 0 5px 0 rgba(0,0,0,.15),0 1px 5px rgba(0,0,0,.095);
    box-shadow: inset 0 5px 0 rgba(0,0,0,.15),0 1px 5px rgba(0,0,0,.095);    
    border-color: #ccc;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 10px 5px 10px;
    margin: 20px;
}

.apps .ios{
    margin: 0 10px 11px 0;
}

.apps .texto{
    float: left;
    margin: 15px 0 10px 17px;
}

.apps .tags{
    float: left;
    color: #fff;
    font-size: 11px;
    font-style: italic;
    margin-left: 17px;
}

.appsRodape {
    position: absolute;
    right: 135px;
    top: 40px;
}

.appsRodape .apps {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;  
    margin: 0;
    padding: 0;
}

.appsRodape .apps .ios{
    margin: 0 10px 8px 0;
}

#divVisoes .visoes {
    font-size: 18px;
    font-weight: bold;  
    font-style: italic;
    padding-top: 10px;
}
 
 /*compatibilidade bootstrap*/
 .row, .panel{
     box-sizing: border-box;
 }
 
 .panel{
     margin: 0 15px !important;
 }
 
 .container{
     width: 974px !important;
     padding: 0 !important
 }
 
 .col-relatorio{
     padding: 15px 0 !important;
 }
 
 .row{
     margin-top: 15px !important;
     margin-bottom: 15px !important;
 }
 
 .itensMedicao{
     padding-left: 15px;
 }
 
 .itensMedicao .agrupamentos{
     margin-left: -15px;
     padding: 5px;
     border: 1px solid #2B2B2B;
 }
 
.oculto {
    display: none;
}

.spanNovo{
    background-color:#00CC33; 
    color:#FFFFFF; 
    padding: 0px 2px 1px 2px; 
    font-size: 10px; 
    border-radius: 3px;
}

.divOrdenar{
    width: 100%; 
    text-align: right; 
    cursor: move;    
    position: relative;
    top: -50px;
    float: right;
    z-index: 10;    
}
.divOrdenar img{
    width: 15px;
}