body {
    background-color: #f8f9fa;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
	
}

.container {
    margin-top: 20px;
}
h1 {
    color: #333;
    font-size: 18px;
}

.table {
    margin-top: 20px;
}

.status-sent {
    color: blue;
    font-weight: bold;
    font-size: 14px;
}

.status-opened {
    color: green;
    font-weight: bold;
    font-size: 14px;
}

.status-clicked {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.btn-group {
    display: flex;
    
    font-size: 10px;
}

 canvas {
        max-width: 100%;
        height: auto;
    }
 
    .text-orange {
        color: #fd7e14;
    }

/* Ajustar tamanho da fonte dos botões */
.btn {
    font-size: 10px; /* Reduzir o tamanho da fonte */
    padding: 5px 5px; /* Ajustar o espaçamento interno */
}

/* Ajustar tamanho da fonte dos inputs e selects */
input[type="text"],
input[type="email"],
select,
textarea {
    font-size: 10px; /* Reduzir o tamanho da fonte */
    padding: 5px; /* Ajustar o espaçamento interno */
}

/* Reduzir a altura dos botões */
.btn-sm {
    font-size: 10px; /* Fonte ainda menor para botões pequenos */
    padding: 4px 8px;
}

/* Ajustar as tabelas, se necessário */
.table td, .table th {
    font-size: 10px; /* Reduz o tamanho do texto nas tabelas */
}

/* Alinhar melhor os botões dentro das tabelas */
.table .btn {
    margin: 2px; /* Adicionar espaçamento entre os botões */
}