/* ESTILOS DA PÁGINA PRINCIPAL */

/* Estilo específico para o cabeçalho do painel, escopado à página FechaCaixaForm2 */
div[page_name="FechaCaixaForm2"] .card-header.panel-heading {
    background-color: #fdfdfd !important; /* Fundo ainda mais suave, quase branco */
    border-color: #f2f2f2 !important; /* Borda extremamente clara */
    border-width: 1px !important;
    border-radius: 5px 5px 0 0 !important; /* Bordas arredondadas no topo */
    padding: 15px !important; /* Espaçamento interno */
    margin-bottom: 20px !important; /* Espaço abaixo */
    text-align: center !important; /* Alinha o conteúdo ao centro da página */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; /* Sombra ultra sutil */
    transition: background-color 0.3s ease !important; /* Transição suave */
}

/* Estilo para o título interno (.panel-title.card-title) */
div[page_name="FechaCaixaForm2"] .card-header.panel-heading .panel-title.card-title {
    font-size: 1.5rem !important; /* Tamanho maior */
    font-weight: bold !important;
    color: #2c2c2c !important; /* Texto ainda mais suave escuro */
    margin: 0 !important; /* Sem margem extra */
    text-transform: uppercase !important; /* Mantém maiúsculas, mas garante */
    letter-spacing: 1px !important; /* Espaçamento entre letras para destaque */
}

/* Hover opcional no cabeçalho inteiro */
div[page_name="FechaCaixaForm2"] .card-header.panel-heading:hover {
    background-color: #f9f9f9 !important; /* Ainda mais suave no hover */
}

/* Escopo geral para a página FechaCaixaForm2 (fundo ultra suave) */
div[page_name="FechaCaixaForm2"] {
    background-color: #fefefe !important; /* Fundo geral ultra suave, quase branco */
    color: #2c2c2c !important; /* Texto ultra suave escuro para legibilidade */
}

/* Card principal (.card.panel) */
div[page_name="FechaCaixaForm2"] .card.panel {
    border: 1px solid #f2f2f2 !important; /* Borda ultra clara */
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; /* Sombra ultra sutil */
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Cabeçalho do card (.card-header.panel-heading) - Centralizado */
div[page_name="FechaCaixaForm2"] .card-header.panel-heading {
    background-color: #fdfdfd !important; /* Fundo ultra suave */
    border-color: #f2f2f2 !important;
    border-width: 1px !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 15px !important;
    text-align: center !important; /* Alinha ao centro da página */
    transition: background-color 0.3s ease !important;
}

/* Título interno (.panel-title.card-title) */
div[page_name="FechaCaixaForm2"] .panel-title.card-title {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: #2c2c2c !important; /* Ultra suave escuro */
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important; /* Destaque nas maiúsculas */
}

/* Hover no cabeçalho */
div[page_name="FechaCaixaForm2"] .card-header.panel-heading:hover {
    background-color: #f9f9f9 !important; /* Ultra suave no hover */
}

/* Corpo do card (.card-body.panel-body) */
div[page_name="FechaCaixaForm2"] .card-body.panel-body {
    background-color: #ffffff !important; /* Fundo branco puro */
    padding: 15px !important;
    border-radius: 0 0 5px 5px !important;
}

/* Tab-content e tab-pane */
div[page_name="FechaCaixaForm2"] .tab-content .tab-pane {
    padding: 10px !important;
    background-color: #fefefe !important; /* Ultra suave claro no conteúdo */
}

/* Labels (font-size 14px) */
div[page_name="FechaCaixaForm2"] label {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #2c2c2c !important; /* Ultra suave escuro */
    width: 100% !important;
    padding-right: 10px !important;
    margin-bottom: 5px !important;
}

/* Inputs (.form-control.tfield) */
div[page_name="FechaCaixaForm2"] .form-control.tfield {
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border-color: #f0f0f0 !important; /* Borda ultra clara */
    color: #2c2c2c !important;
    width: 100% !important;
    padding: 8px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

/* Input de data (.tdate-group) */
div[page_name="FechaCaixaForm2"] .tdate-group {
    width: 100% !important;
}

div[page_name="FechaCaixaForm2"] .tdate-group .btn-default.tdate-group-addon {
    background-color: #f9f9f9 !important; /* Ultra suave claro para o ícone de calendário */
    border-color: #f0f0f0 !important;
    color: #555555 !important; /* Ícone ultra suave */
    border-radius: 0 4px 4px 0 !important;
}

div[page_name="FechaCaixaForm2"] .tdate-group .btn-default.tdate-group-addon:hover {
    background-color: #f5f5f5 !important; /* Ainda mais ultra suave no hover */
}

/* Rows e colunas para alinhamento centralizado nos campos */
div[page_name="FechaCaixaForm2"] .form-group.tformrow.row {
    justify-content: center !important; /* Centraliza os campos horizontalmente */
    margin-bottom: 15px !important;
}

div[page_name="FechaCaixaForm2"] .col-sm-6 {
    display: flex !important;
    align-items: center !important; /* Alinha verticalmente */
    padding: 5px !important;
}

/* Card interno sem borda (.card.panel com border:none) */
div[page_name="FechaCaixaForm2"] .card.panel[style*="border:none"] {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Rodapé do card (.panel-footer.card-footer) - Centralizado */
div[page_name="FechaCaixaForm2"] .panel-footer.card-footer {
    text-align: center !important; /* Centraliza o botão */
    padding: 15px !important;
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border-top: 1px solid #f2f2f2 !important;
    border-radius: 0 0 5px 5px !important;
}

/* Botão FECHAR CAIXA (.btn.btn-default.btn_verde_100) - Em tons de verde com branco */
div[page_name="FechaCaixaForm2"] #tbutton_btn_fechar_caixa {
    background-color: #28a745 !important; /* Verde principal */
    border-color: #28a745 !important;
    color: #ffffff !important; /* Texto branco */
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    width: auto !important; /* Largura automática para centralizar */
}

/* Hover no botão FECHAR CAIXA (verde mais escuro) */
div[page_name="FechaCaixaForm2"] #tbutton_btn_fechar_caixa:hover {
    background-color: #218838 !important; /* Verde escuro no hover */
    border-color: #1e7e34 !important;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3) !important; /* Sombra verde sutil */
}

/* Ícone no botão (fas fa-check) */
div[page_name="FechaCaixaForm2"] #tbutton_btn_fechar_caixa .fas.fa-check {
    color: #ffffff !important; /* Branco para o ícone */
    padding-right: 4px !important;
}

/* Estilo específico para o cabeçalho do painel, escopado à página */
div[page_name="FechaCaiFormularioForm"] .card-header.panel-heading {
    background-color: #fdfdfd !important; /* Fundo ultra suave, quase branco */
    border-color: #f2f2f2 !important; /* Borda extremamente clara */
    border-width: 1px !important;
    border-radius: 5px 5px 0 0 !important; /* Bordas arredondadas no topo */
    padding: 15px !important; /* Espaçamento interno */
    margin-bottom: 20px !important; /* Espaço abaixo */
    text-align: center !important; /* Alinha o conteúdo ao centro da página */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; /* Sombra ultra sutil */
    transition: background-color 0.3s ease !important; /* Transição suave */
}


div[page_name="FechaCaiFormularioForm"] .card-header.panel-heading .panel-title.card-title {
    font-size: 1.5rem !important; /* Tamanho maior */
    font-weight: bold !important;
    color: #2c2c2c !important; /* Texto ultra suave escuro */
    margin: 0 !important; /* Sem margem extra */
}

/* Hover opcional no cabeçalho inteiro */
div[page_name="FechaCaiFormularioForm"] .card-header.panel-heading:hover {
    background-color: #f9f9f9 !important; /* Ultra suave no hover */
}

/* Escopo para a página FechaCaiFormularioForm */
div[page_name="FechaCaiFormularioForm"] {
    /* Fundo geral ultra suave puxando para branco */
    background-color: #fefefe !important;
    color: #2c2c2c !important; /* Texto ultra suave escuro para legibilidade */
}

/* Cabeçalhos e separadores (h4.tseparator) */
div[page_name="FechaCaiFormularioForm"] .tseparator {
    font-size: 14px !important;
    color: #555555 !important; /* Ultra suave médio para títulos */
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

/* Linhas de separação (hr.tseparator-divisor) */
div[page_name="FechaCaiFormularioForm"] .tseparator-divisor {
    border-bottom-color: #f2f2f2 !important; /* Borda ultra clara */
    border-bottom-width: 1px !important;
    margin: 10px 0 !important;
}

/* Labels gerais (font-size 12px ou 13px, bold) */
div[page_name="FechaCaiFormularioForm"] label {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #2c2c2c !important; /* Ultra suave escuro para labels */
    margin-bottom: 5px !important;
}

/* Labels maiores (13px, ex: Diferença, Acerto) */
div[page_name="FechaCaiFormularioForm"] label[for*="dif"], /* Ajuste IDs se necessário */
div[page_name="FechaCaiFormularioForm"] label[for*="acervo"] {
    font-size: 13px !important;
}

/* Campos de input (form-control, tfield) */
div[page_name="FechaCaiFormularioForm"] .form-control.tfield {
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border-color: #f0f0f0 !important; /* Borda ultra clara */
    color: #2c2c2c !important; /* Texto ultra suave escuro */
    text-align: right !important;
    padding: 6px 8px !important; /* Padding reduzido para compacto */
    font-size: 12px !important;
}

/* Inputs desabilitados (readonly) */
div[page_name="FechaCaiFormularioForm"] .tfield_disabled {
    background-color: #fdfdfd !important; /* Ultra suave mais claro para disabled */
    color: #555555 !important; /* Texto ultra suave médio */
}

/* Fieldsets e containers (.bContainer-fieldset) */
div[page_name="FechaCaiFormularioForm"] .bContainer-fieldset {
    border: 1px solid #f2f2f2 !important; /* Borda ultra clara */
    border-radius: 4px !important;
    background-color: #ffffff !important; /* Fundo branco puro para contraste */
    margin-bottom: 15px !important;
}


div[page_name="FechaCaiFormularioForm"] .bContainer-title {
    font-weight: bold !important;
    font-size: 12px !important;
    color: #2c2c2c !important; /* Ultra suave escuro */
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border: 1px solid #f2f2f2 !important; /* Borda consistente */
    border-bottom: none !important; /* Sem borda inferior duplicada */
    padding: 8px 12px !important;
    border-radius: 4px 4px 0 0 !important;
}


div[page_name="FechaCaiFormularioForm"] .btn-default {
    background-color: #f9f9f9 !important; 
    border-color: #f0f0f0 !important;
    color: #555555 !important; 
    padding: 4px 8px !important;
    border-radius: 3px !important;
    transition: background-color 0.2s ease !important;
}


div[page_name="FechaCaiFormularioForm"] .btn-default:hover {
    background-color: #f5f5f5 !important;
    border-color: #ebebeb !important;
}


div[page_name="FechaCaiFormularioForm"] .fas.fa-search {
    color: #555555 !important; 
    font-size: 12px !important;
}


div[page_name="FechaCaiFormularioForm"] .form-group.tformrow.row {
    margin-bottom: 10px !important; 
}

div[page_name="FechaCaiFormularioForm"] .col-sm-6,
div[page_name="FechaCaiFormularioForm"] .col-sm-4,
div[page_name="FechaCaiFormularioForm"] .col-sm-2 {
    padding: 4px 8px !important; 
}


div[page_name="FechaCaiFormularioForm"] .tab-content .tab-pane {
    padding: 10px !important;
    background-color: #fefefe !important; 
}


div[page_name="FechaCaiFormularioForm"] .card-body.panel-body {
    background-color: #ffffff !important; 
    border: 1px solid #f2f2f2 !important;
    border-radius: 4px !important;
    padding: 15px !important;
}






/* ABRE CAIXA

/* Estilo específico para o cabeçalho do painel, escopado à página AbreCaixaForm */
div[page_name="AbreCaixaForm"] .card-header.panel-heading {
    background-color: #fdfdfd !important; /* Fundo ultra suave, quase branco */
    border-color: #f2f2f2 !important; /* Borda extremamente clara */
    border-width: 1px !important;
    border-radius: 5px 5px 0 0 !important; /* Bordas arredondadas no topo */
    padding: 15px !important; /* Espaçamento interno */
    margin-bottom: 20px !important; /* Espaço abaixo */
    text-align: center !important; /* Alinha o conteúdo ao centro da página */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; /* Sombra ultra sutil */
    transition: background-color 0.3s ease !important; /* Transição suave */
}

/* Estilo para o título interno (.panel-title.card-title) */
div[page_name="AbreCaixaForm"] .card-header.panel-heading .panel-title.card-title {
    font-size: 1.5rem !important; /* Tamanho maior */
    font-weight: bold !important;
    color: #2c2c2c !important; /* Texto ultra suave escuro */
    margin: 0 !important; /* Sem margem extra */
    text-transform: uppercase !important; /* Mantém maiúsculas, mas garante */
    letter-spacing: 1px !important; /* Espaçamento entre letras para destaque */
}

/* Hover opcional no cabeçalho inteiro */
div[page_name="AbreCaixaForm"] .card-header.panel-heading:hover {
    background-color: #f9f9f9 !important; /* Ultra suave no hover */
}

/* Escopo geral para a página AbreCaixaForm (fundo ultra suave) */
div[page_name="AbreCaixaForm"] {
    background-color: #fefefe !important; /* Fundo geral ultra suave, quase branco */
    color: #2c2c2c !important; /* Texto ultra suave escuro para legibilidade */
}

/* Card principal (.card.panel) */
div[page_name="AbreCaixaForm"] .card.panel {
    border: 1px solid #f2f2f2 !important; /* Borda ultra clara */
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; /* Sombra ultra sutil */
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Corpo do card (.card-body.panel-body) */
div[page_name="AbreCaixaForm"] .card-body.panel-body {
    background-color: #ffffff !important; /* Fundo branco puro */
    padding: 15px !important;
    border-radius: 0 0 5px 5px !important;
}

/* Tab-content e tab-pane */
div[page_name="AbreCaixaForm"] .tab-content .tab-pane {
    padding: 10px !important;
    background-color: #fefefe !important; /* Ultra suave claro no conteúdo */
}

/* Labels (font-size 14px) */
div[page_name="AbreCaixaForm"] label {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #2c2c2c !important; /* Ultra suave escuro */
    width: 100% !important;
    padding-right: 10px !important;
    margin-bottom: 5px !important;
}

/* Inputs (.form-control.tfield) */
div[page_name="AbreCaixaForm"] .form-control.tfield {
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border-color: #f0f0f0 !important; /* Borda ultra clara */
    color: #2c2c2c !important;
    width: 100% !important;
    padding: 8px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

/* Input de data (.tdate-group) */
div[page_name="AbreCaixaForm"] .tdate-group {
    width: 100% !important;
}

div[page_name="AbreCaixaForm"] .tdate-group .btn-default.tdate-group-addon {
    background-color: #f9f9f9 !important; /* Ultra suave claro para o ícone de calendário */
    border-color: #f0f0f0 !important;
    color: #555555 !important; /* Ícone ultra suave */
    border-radius: 0 4px 4px 0 !important;
}

div[page_name="AbreCaixaForm"] .tdate-group .btn-default.tdate-group-addon:hover {
    background-color: #f5f5f5 !important; /* Ainda mais ultra suave no hover */
}

/* Rows e colunas para alinhamento centralizado nos campos */
div[page_name="AbreCaixaForm"] .form-group.tformrow.row {
    justify-content: center !important; /* Centraliza os campos horizontalmente */
    margin-bottom: 15px !important;
}

div[page_name="AbreCaixaForm"] .col-sm-4 {
    display: flex !important;
    align-items: center !important; /* Alinha verticalmente */
    padding: 5px !important;
}

/* Card interno sem borda (.card.panel com border:none) */
div[page_name="AbreCaixaForm"] .card.panel[style*="border:none"] {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Rodapé do card (.panel-footer.card-footer) - Centralizado */
div[page_name="AbreCaixaForm"] .panel-footer.card-footer {
    text-align: center !important; /* Centraliza os botões */
    padding: 15px !important;
    background-color: #fefefe !important; /* Fundo ultra suave claro */
    border-top: 1px solid #f2f2f2 !important;
    border-radius: 0 0 5px 5px !important;
}

/* Botão ABRIR CAIXA (.btn.btn-success) - Em tons de verde com branco */
div[page_name="AbreCaixaForm"] #tbutton_btn_abrir_caixa {
    background-color: #28a745 !important; /* Verde principal */
    border-color: #28a745 !important;
    color: #ffffff !important; /* Texto branco */
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    margin-right: 10px !important; /* Espaço entre botões */
}

div[page_name="AbreCaixaForm"] #tbutton_btn_abrir_caixa:hover {
    background-color: #218838 !important; /* Verde escuro no hover */
    border-color: #1e7e34 !important;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3) !important; /* Sombra verde sutil */
}

/* Botão VOLTAR (.btn.btn-success) - Em tons de verde com branco */
div[page_name="AbreCaixaForm"] #tbutton_btn_voltar {
    background-color: #28a745 !important; /* Verde principal */
    border-color: #28a745 !important;
    color: #ffffff !important; /* Texto branco */
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

div[page_name="AbreCaixaForm"] #tbutton_btn_voltar:hover {
    background-color: #218838 !important; /* Verde escuro no hover */
    border-color: #1e7e34 !important;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3) !important; /* Sombra verde sutil */
}

/* Ícones nos botões (fas fa-check e fas fa-angle-left) */
div[page_name="AbreCaixaForm"] #tbutton_btn_abrir_caixa .fas.fa-check,
div[page_name="AbreCaixaForm"] #tbutton_btn_voltar .fas.fa-angle-left {
    color: #ffffff !important; /* Branco para o ícone */
    padding-right: 4px !important;
}