/* Distanza tra le card */
.activity-card {
    margin-bottom: 25px; /* Distanziamento tra le card */
    border-radius: 8px; /* Arrotondamento degli angoli */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Leggera ombreggiatura */
    padding: 15px; /* Un po' di spazio interno */
    border: none; /* Rimuovi il bordo di default di Bootstrap */
    background-color: #f8f9fa; /* Colore di sfondo leggero per distinguere le attività */
}

/* Hover per migliorare l'effetto di interattività */
.activity-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Ombreggiatura più marcata al passaggio del mouse */
}

/* Rimuove il bordo superiore della prima card */
.activity-card:first-child {
    border-top: none; /* Assicura che non ci sia un bordo superiore più marcato */
}

.activity-date {
    background-color: #fa4daa; /* Scegli un colore di sfondo a piacere */
    color: white; /* Colore del testo */
    padding: 5px 10px; /* Aggiungi un po' di spazio interno */
    border-radius: 10px; /* Bordi arrotondati */
    font-size: 0.9em; /* Leggermente più piccolo del testo normale */
    font-weight: 500;
    display: inline-block; /* Mantieni la data come un blocco in linea */
    margin-top: 5px; /* Spazio sopra per distanziare dalla riga precedente */
    margin-bottom: 10px;
}

.activity-costo {
    color:#28a745;
    font-size: 20px;
    font-weight: 600;
}

.saldo-rimanente {
    font-size: 2em; /* Aumenta la dimensione del font */
    font-weight: bold; /* Grassetto per maggiore evidenza */
    color: #28a745; /* Verde per richiamare l'idea di credito/saldo positivo */
    margin: 20px 0; /* Spaziatura per separare dal testo circostante */
    text-align: left;
    background-color: #f8f9fa;
    padding:10px 20px;
}

.activity-card p a:link,
.activity-card p a:visited {
    color: #fa4daa;
}

.rr-button-main {
	background: linear-gradient(45deg, #230D61, #4229AC); /* Gradiente */
	color: #ffffff;
	padding:14px 30px;
	border: none;
	border-radius: 4px;
	text-transform: uppercase;
        
        transition: background 0.3s;
}

.rr-button-main:hover,
.rr-button-main:active {
	background: linear-gradient(45deg, #4229AC, #230D61);
	color: #ffffff;
        transition: all 0.4s ease;
}

a.rr_link_primary:link,
a.rr_link_primary:visited {
    color: #230D61
}

a.rr_link_primary:hover,
a.rr_link_primary:active {
    color: #4229AC;
}