.icon_int_pers {
    font-size:22px;margin-left:10px;color:white;padding:10px;border-radius:50%;
}
.icon_int_pers.fa-whatsapp{background-color:green;}
.icon_int_pers.fa-phone{background-color:blue;}

.cell-esito{
    display:inline;
    float:left;
    border-radius:10px;
    padding:5px;
    margin:5px;
    box-sizing: border-box;
    text-align:center;
    font-size:14px;
    overflow:hidden;
    white-space: nowrap;
    text-transform:uppercase;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); 
    width: calc(33% - 10px);
}
.esito-1{border: 1px solid green;color:green;}
.esito-2{border: 1px solid red;color:red;}
.esito-3{border: 1px solid blue;color:blue;}
.esito-4{border: 1px solid silver;color:silver;width: calc(50% - 10px);}
.esito-5{border: 1px solid gold;color:gold;width: calc(50% - 10px);}



.box-contacts::-webkit-scrollbar {
    height: 4px;  /* Altezza della barra di scorrimento */
}
.box-contacts::-webkit-scrollbar-track {
    background: gainsboro;  /* Colore di sfondo della barra di scorrimento */
    border-radius: 2px;  /* Arrotonda gli angoli della traccia */
    border: 2px solid gray;  /* Colore e spessore del bordo della traccia */
}
.box-contacts::-webkit-scrollbar-thumb {
    background-color: var(--primarycolor);  /* Colore del "pollice" (la parte che si muove) */
    border-radius: 2px;  /* Arrotonda gli angoli del pollice */
}
.box-contacts {font-weight:bold;font-size:16px;padding-top:5px;padding-bottom:5px;color:var(--primarycolor);text-align:center;line-height:15px;overflow-x:auto;white-space: nowrap;}
.box-contacts span {font-weight:bold;font-size:12px;color:gray;margin-top:0px;}

.custom_loader {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* Colore grigio chiaro */
    border-top: 5px solid var(--primarycolor); /* Colore blu */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display:none;
    margin:auto;
}

/* Animazione */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.scroll-x {white-space: nowrap;overflow-x:auto;}
.scroll-x::-webkit-scrollbar,.box-contacts::-webkit-scrollbar {
    height: 4px;  /* Altezza della barra di scorrimento */
}
.scroll-x::-webkit-scrollbar-track,.box-contacts::-webkit-scrollbar-track {
    background: gainsboro;  /* Colore di sfondo della barra di scorrimento */
    border-radius: 2px;  /* Arrotonda gli angoli della traccia */
    border: 2px solid gray;  /* Colore e spessore del bordo della traccia */
}
.scroll-x::-webkit-scrollbar-thumb,.box-contacts::-webkit-scrollbar-thumb {
    background-color: var(--primarycolor);  /* Colore del "pollice" (la parte che si muove) */
    border-radius: 2px;  /* Arrotonda gli angoli del pollice */
}