body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url('images/bg-erp.png');
    height: auto;
    left: 0;
    top: 0;
    margin-top: 2px;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #000000;
    font-size: 9px;
}

table tr td {
    max-height: 22px;
}

.borda_input {
    padding: 2px;
    border: 1px solid #000000;
    -moz-border-radius: 2px; /* Para Firefox */
    -webkit-border-radius: 2px; /*Para Safari e Chrome */
    border-radius: 4px;
    font-size: 12px;
    margin: 2px;
}

    .borda_input:hover {
        padding: 2px;
        border: 1px solid #000000;
        -moz-border-radius: 2px; /* Para Firefox */
        -webkit-border-radius: 2px; /*Para Safari e Chrome */
        border-radius: 4px;
        background-color: #A4E8E8;
        margin: 2px;
    }

.lblErro {
    margin: 5px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    border: 2px solid #CC3300;
    background-color: #FF0000;
    text-align: left;
    vertical-align: middle;
}

.divMsgErroJqueryUI {
    margin: 5px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    border: 2px solid #CC3300;
    background-color: #FF0000;
}

.divMsgSucessoJqueryUI {
    margin: 5px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    border: 2px solid #006600;
    background-color: #009933;
}

.lblSucesso {
    margin: 5px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    border: 2px solid #009933;
    background-color: #006600;
}

.validateSummary {
    padding: 10px;
    border: 1px solid #CC3300;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC3300;
    background-color: #DFDFDF;
    margin-bottom: 0px;
}

.btCadastrar {
    border: 1px solid #999999;
    background-image: url('images/img_new.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.btEstornar {
    border: 1px solid #999999;
    background-image: url('images/reverse_bt.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.text_gridview {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.todo {
    max-width: 1100px;
    margin: 0 auto;
    text-align: left; /* "remédio" para o hack do IE */
    background-color: #FFFFFF;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    margin-bottom: 5px;
}

.bg_topo_titulos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
    vertical-align: middle;
    margin-bottom: 2px;
    background-color: #045e93;
}

.btBuscar {
    border: 1px solid #999999;
    background-image: url('images/img_search.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background-color: #84E0FF;
    cursor: pointer;
}

.btImprimir {
    border: 1px solid #999999;
    background-image: url('images/bt_print.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background-color: #CCFFCC;
    cursor: pointer;
}

legend {
    background-color: #f3f1f1;
    border-style: solid;
    border-width: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
}

.backgroundModal {
    background-color: whitesmoke;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

    .backgroundModal.backAlteraPrecoRecepcaoCompras {
        background-color: whitesmoke;
        filter: alpha(opacity=70);
        opacity: 0.7;
        z-index: 99998 !important;
    }

.panelModal {
    padding: 10px;
    border: 2px solid #006699;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    max-width: 800px;
    max-height: 600px;
    z-index: 100001 !important;
    overflow: auto; /* permite scroll */
}

    .panelModal.modalAlteraPrecoRecepcaoCompras {
        z-index: 100002 !important;
        max-width: 660px;
    }

    .panelModal.modalEntradaProdutos {
        max-width: 96vw;
    }

.loadingUpdate {
    list-style-image: url('images/loading_update.gif');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}

.tabelaFormatoCheio, tableTodoCheio {
    width: 100%;
}

.bem_vindo_master_page {
    margin: 3px;
    font-size: 12px;
    padding: 5px;
    color: #999999;
}

.linha_pedido_gerado_emissao_pedido {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.validator_personalizado_manual_controle {
    padding: 5px;
    border: 1px solid #CC3300;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC3300;
}


.titulo_informacoes_inicio {
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #336600;
}

.titulo_paginas_edicao {
    border-bottom: 2px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    text-align: center;
}

.erroInputRetorno {
    border: 2px solid #FF3300;
    background-color: #FF8635;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

.lblConsultasXmlAssinatura {
    color: #FFFFFF;
    background-color: #FF6600;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
}

.bt_padrao_sefaz {
    background-image: url('images/img_bt_sefaz.jpg');
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #009933;
    cursor: pointer;
}

.bt_print {
    cursor: pointer;
    border: 1px solid #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-image: url('images/print_bt.png');
    background-repeat: no-repeat;
    background-position: left;
    background-color: #DDDDDD;
}

div {
    font-size: 11px;
}

.marca_gdv_selecionada_filial {
    color: #FFFFFF;
    background-color: #00CC99;
    font-family: Arial, Helvetica, sans-serif;
}

.bt_cancelar {
    border: 1px solid #999999;
    background-image: url('images/img_cancel.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background-color: #F0F3C5;
}

.bt_novo {
    border: 1px solid #999999;
    background-image: url('images/bt_novo.png');
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background-color: #FFFFFF;
}

#tituloERP {
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        z-index: 99999;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }

.faixasTitulos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #006600;
    padding: 2px;
}

.dashboardPrincipal {
    width: 100%;
    min-height: 200px;
}

.fecharModal {
    background-color: #fc4f4f;
    color: #FFFFFF;
}

.panelExibeMsgConsultaNFE {
    max-height: 200px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 2px;
    margin: 2px;
}

.lblAlerta {
    margin: 5px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    border: 2px solid #FF6600;
    background-color: #FFCC00;
}

.lblNumeroNFEGeradaNova {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.totalizadoresNfeModal {
    font-size: 12px;
    padding: 3px;
}

table {
    margin-top: 0px;
    font-size: 11px;
    margin-right: 0px;
}

.nomeAddMateriaPrima {
    border-style: solid;
    padding: 5px;
    background-color: #DFDFDF;
    border-color: #000000;
    font-size: 15px;
    margin-top: 5px;
}


.tabPanel .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

    .tabPanel .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        cursor: pointer;
        border-style: solid;
        border-color: #000000;
        border-width: 1px;
        border-bottom: none;
        -moz-border-radius: 2px; /* Para Firefox */
        -webkit-border-radius: 2px; /*Para Safari e Chrome */
        border-radius: 4px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .tabPanel .ajax__tab_header .ajax__tab_inner {
        border-color: #000000;
        color: #666;
        padding: 2px;
    }

.tabPanel .ajax__tab_tab {
    padding-left: 1px;
    margin: 0;
}

.tabPanel .ajax__tab_hover .ajax__tab_outer {
    background-color: #9c3;
}

.tabPanel .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.tabPanel .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.tabPanel .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.tabPanel .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background-color: #fff;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    padding: 2px;
}

.ajustaMargem {
    padding-left: 1px;
    padding-right: 1px;
}

.progress {
    width: 500px; /* Tamanho da Largura da Div */
    height: 200px; /* Tamanho da Altura da Div */
    position: absolute;
    top: 50%;
    margin-top: -100px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
    left: 50%;
    margin-left: -250px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
    background-color: #F00;
    z-index: 999999;
    font-size: 18px;
    color: #000000;
    padding: 5px;
    border: 2px solid #0099FF;
}

.pageGridview {
    background: #DFDFDF;
}

    .pageGridview span {
        font-size: 14px;
        border-style: solid;
        border-color: #000000;
        border-width: 1px;
        padding: 2px;
    }

    .pageGridview td {
        padding: 2px;
    }

    .pageGridview a:link {
        font-size: 14px;
        padding: 2px;
    }

    .pageGridview a:hover {
        font-size: 14px;
        background-color: #000000;
        color: #FFFFFF;
        padding: 2px;
        text-decoration: none;
    }

.row {
    /* the following is just used to show grid*/
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

    .row [class*="col-"] {
        /* the following is just used to show grid*/
        padding: 5px;
    }

.textPadraoTitulos {
    font-size: 12px;
    font-weight: bold;
}

.divAtualizaPrecoMassa {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    cursor: pointer;
    margin-right: 10px;
    background-color: #CC3300;
    color: #FFFFFF;
}

.qtdEstoqueADDpedido {
    color: #FF0000;
    font-style: italic;
}

.panelContasReceberPagarDashboard {
    max-height: 200px;
}

fieldset legend {
    margin-bottom: 3px;
}

.margem_gdv_emite_pedido_venda_positiva {
    font-size: 10px;
    color: #0d0c57;
}

.margem_gdv_emite_pedido_venda_nevativa {
    font-size: 10px;
    color: #f91111;
}

.modal {
    /* ... */
    overflow-y: scroll;
}

.divTotalizadoresBuscaNfe {
    float: left;
    padding: 5px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

.gdvSelecione {
    color: #000000;
    font-weight: bold;
    background-color: #fcbe94;
}

.divGradeCadastroProdutos {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    margin: 3px;
    float: left;
    align-content: center;
    text-align: center;
    vertical-align: central;
}

.produtoTelaMisterChef {
    width: 100px;
    height: 41px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    margin: 2px;
}

.btAddItem:hover {
    background-color: #CC3300;
    padding: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

.conta-sessao {
    font-size: 10px;
}


    .conta-sessao erp {
        font-size: 10px;
    }

.bt_pointer {
    cursor: pointer
}

.divUFPercurso {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    margin: 3px;
    float: left;
    width: 29px;
    align-content: center;
    text-align: center;
    vertical-align: central;
}

.divUFOPFiscais {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    margin: 3px;
    float: left;
    width: 27px;
    align-content: center;
    text-align: center;
    vertical-align: central;
    font-size: 9px;
}

.cssCheckBoxListDepartamentosMisterChef label {
    margin-left: 5px;
    margin-right: 5px;
}

    .cssCheckBoxListDepartamentosMisterChef label:hover {
        color: #CC3300;
        font-size: 13px;
        cursor: pointer;
    }

.canais_atendimento {
    margin-top: 15px;
    float: left;
    width: 100%;
    line-height: 20px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    font-size: 16px;
}

    .canais_atendimento #faixaTitulo {
        width: 100%;
        background-color: #999999;
        font-weight: bold;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
    }


    .canais_atendimento #box {
        float: left;
        padding: 5px;
        height: 100%;
    }

    .canais_atendimento ul {
        margin: 0px;
        padding: 0px;
    }

        .canais_atendimento ul li {
            list-style-type: none;
            line-height: 27px;
        }

.exibeCreditoCliente {
    border-color: #086f0a;
    background-color: #9cfa64;
    margin: 3px;
    font-weight: bold;
    font-size: 14px;
}

.modalAutorizaSenha {
}

.divGDVEstqueFiliais {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    margin: 2px;
}

/* gdvProdutoBusca — layout reorganizado */
.gdvProdutoBuscaGrid td {
    vertical-align: middle;
    padding: 8px 6px;
}
.gdvp-nome {
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    margin-bottom: 4px;
    line-height: 1.4;
}
.gdvp-und-badge {
    display: inline-block;
    background: #dde8f0;
    color: #336699;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 10px;
    font-weight: normal;
    margin-left: 6px;
    vertical-align: middle;
}
.gdvp-refs {
    font-size: 10px;
    color: #555555;
}
.gdvp-label {
    font-size: 10px;
    color: #555555;
    margin-right: 3px;
}
.gdvp-preco {
    margin-top: 5px;
    margin-bottom: 2px;
}
.gdvp-valor-venda {
    font-size: 12px;
    font-weight: bold;
    color: #006699;
}
.gdvp-valor-custo {
    font-size: 12px;
    color: #555555;
}
.gdvp-badge-filial {
    display: inline-block;
    background: #eef5f9;
    border: 1px solid #7aaac0;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px 3px 2px 0;
    font-size: 10px;
    white-space: nowrap;
    color: #003366;
}
.gdvp-total-pos {
    display: inline-block;
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 3px;
    padding: 2px 8px;
    font-weight: bold;
    font-size: 11px;
}
.gdvp-total-neg {
    display: inline-block;
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 3px;
    padding: 2px 8px;
    font-weight: bold;
    font-size: 11px;
}

.MsgAlertaTopo {
    border-style: dashed;
    border-color: #CC3300;
    border-width: 1px;
    background-color: #fedfdf;
    padding: 5px;
    font-weight: bold;
    font-size: 15px;
    text-align:center
}

.headerGdv {
    background: #ADD8E6;
}

.divDescricaoRequisicaoCompras {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin: 5px;
    padding: 5px;
}

.gdvHeader {
    background-color: #045e93;
    color: #FFFFFF;
}

.gdvRow {
    border-width: 1px;
    border-color: #cccc;
    padding: 5px;
    font-family: 'trebuchet MS','Lucida sans',Arial;
    font-size: 11px;
}

    .gdvRow:hover {
        background-color: #fbf8e9;
        color: #000000;
    }

.borda_tabela {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}


#contadorCaracteresDescricaoServico {
    font-weight: bold;
    padding: 2px;
}