.style-action{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-right: 7px
}

.button-voltar{
    height: 23px;
    padding-top: 0px;
    margin-right: 15px
}

a.btn-success{
    color: #ffffff !important;
}

/* Seleciona todos os inputs, checkboxes e textareas dentro de formulários que possuem a classe 'visualizar' */
form.visualizar input,
form.visualizar textarea {
    /* Remove bordas, sombras e estilos padrão */
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;

    /* Adiciona um leve sublinhado na borda inferior */
    border-bottom: 1px solid #ccc; /* Cor cinza clara */

    /* Tornar o input não editável */
    pointer-events: none; /* Desativa a interação do usuário */
    user-select: none; /* Impede a seleção de texto */

    /* Ajustes adicionais para garantir que o texto seja exibido corretamente */
    color: #000; /* Cor do texto */
    font-size: inherit; /* Mantém o tamanho da fonte */
    font-family: inherit; /* Mantém a família da fonte */
    padding: 5px; /* Ajuste o padding conforme necessário */

    /* Bordas inferiores retas */
    border-radius: 0;
}

/* Estiliza especificamente os checkboxes */
form.visualizar input[type="checkbox"] {
    /* Remove a aparência padrão */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Adiciona um leve sublinhado na borda inferior */
    border-bottom: 1px solid #ccc; /* Cor cinza clara */

    /* Tornar o checkbox não editável */
    pointer-events: none; /* Desativa a interação do usuário */
    user-select: none; /* Impede a seleção de texto */

    /* Estilo visual para simular o checkbox */
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    vertical-align: middle;
}

form.visualizar input[type="checkbox"]:checked::before {
    content: '\2713'; /* Símbolo de checkmark */
    display: block;
    text-align: center;
    color: #000;
}

/* Adicional para textareas */
form.visualizar textarea {
    resize: none; /* Impede a redimensionamento do textarea */
}

form.visualizar p{
    font-size: inherit; /* Mantém o tamanho da fonte */
    font-family: inherit; /* Mantém a família da fonte */
    padding: 5px; /* Ajuste o padding conforme necessário */
}

form.visualizar span.badge{
    font-size: 14px !important;
    font-family: inherit !important; /* Mantém a família da fonte */
    padding: 5px !important; /* Ajuste o padding conforme necessário */
    height: 23px !important;
    margin-right: 15px !important;
    font-weight: 400 !important;
}

form.visualizar td.no-print a{
    color: white !important;
}

.truncate {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-action{
    cursor: pointer !important;
}
.visualizarStatus small{
    font-size: 20px !important;
    font-weight: bold !important;
}

/* Estilos Customizados Barra De Menu Rodapé PDV */
.custom-btn {
    text-transform: uppercase; /* Texto em caixa alta */
    background-color: rgba(255, 255, 255, 0.7); /* Leve transparência */
    color: #000; /* Cor do texto */
    border: none; /* Remove a borda padrão */
    width: auto; /* Ajusta a largura conforme o conteúdo */
    margin-right: 10px; /* Espaçamento entre botões */
    font-size: 14px; /* Tamanho da fonte */
    padding: 8px 16px; /* Espaçamento interno */
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-btn i {
    margin-left: 8px; /* Espaçamento entre o texto e o ícone */
}

.custom-btn:hover {
    background-color: rgba(255, 255, 255, 0.9); /* Efeito hover */
}

#btnTelaCheia {
    /* Ajusta o tamanho do botão */
    font-size: 0.8rem; /* Tamanho do texto no botão */
    padding: 0.3rem 0.6rem; /* Espaçamento interno do botão */
}

.btn-warning-custom{
    text-transform: uppercase !important;
    color: #343a40 !important;
    font-weight: 900 !important;
}

#DataTables_Table_0_wrapper{
    padding: 8px !important;
}

.custom-input-class::-webkit-input-placeholder {
    color: #f00 !important;
    opacity: 1 !important;
}


.status_nota_autorizada{
    color:#1dc9b7 !important;
}

.status_nota_cancelada{
    color: #dc3545 !important
}

.filter h5{
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: Poppins, Helvetica, sans-serif !important;
    color: #646c9a !important;
}


#filtro-data-form .form-group {
    margin-bottom: 0;
    padding: 0 10px;
}

#filtro-data-forma > button[type="submit"] {
    margin-top: 5px;
}

.ise .card-title {
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}
.ise-score {
    font-size: 2rem;
    font-weight: bold;
    color: #007bff;
}
.classification {
    font-size: 1.25rem;
    font-weight: bold;
    color: #28a745;
}

.inativo, .venda-cancelada {
    background: #dc3545 !important;
}

.linha-info {
    display: block;
}

.btn-badge {
    position: relative;
}

.btn-badge .notification-number {
    position: absolute;
    top: -8px; /* Movido um pouco mais para cima */
    right: -5px;
    font-size: 0.9rem;
    font-weight: bold;
    color: #000; /* Preto puro */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Sombreamento para melhor legibilidade */
    padding: 0.3em 0.6em;
    border-radius: 0.375rem; /* Cantos menos arredondados */
}


/* Estilos personalizados para produtos inativos */
.produto-inativo {
    background-color: #f9f9f9 !important;
    color: #999 !important;
}

.produto-inativo td {
    opacity: 0.7;
    text-decoration: line-through;
}

/* Badge para status */
.status-badge {
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.status-ativo {
    background-color: #5cb85c;
    color: white;
}

.status-inativo {
    background-color: #d9534f;
    color: white;
}