body {
    margin: 0px;
    padding: 0px;
}

#cbSoloAttivi{
    margin-left:10px;
}

.toolbar_agenda {
    margin: 0 auto 10px auto;
    padding-bottom: 10px;
    vertical-align: top;
}

.toolbar_agenda.mobile > #pnlToolbarPromemoriaApt{
    float: none;
}

.toolbar_agenda fieldset {
    margin-bottom: 10px;
}
    
.toolbar_agenda fieldset, .toolbar_agenda fieldset > div {
    float: left;
}

.toolbar_agenda.mobile fieldset > div {
    padding: 10px;
}

.toolbar_agenda.mobile {
    width: 100%;
    border-right: 0;
}

#tdContenuto_agenda {
    padding: 0px;
    vertical-align: top;
}


.appuntamentoDaSARA {
    background-color: rgba(229,239,255,0.69) !important; /*Azzurrino*/
}
.appuntamentoDaDEMO {
    background-color: rgba(183,255,183,0.59) !important; /*Verdolino*/
}

.navbar_agenda, .navbarMobile_agenda {
    white-space: nowrap;
    border-bottom: 1px solid #E9E9E9;
    background-color: #F8F8F8;
}

.fieldSetCalendarioDesktop {
    float: left;
}

/* Stili override per il layout mobile*/
.navbarMobile_agenda {
    position: fixed;
    width: 100%;
    z-index:5;
}

.fieldSetCalendarioMobile {
    margin: 0 auto;
    width: 100px;
    border: 0;
}

#tdContenuto_agenda.mobile {
    min-width: 250px;
}

/* Fine stili override per il layout mobile*/

/*lnkFiltri*/

#lnkCaricaAgenda {
    display: block;
    margin: 10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
}

.lnkFiltro_agenda {
    border-width: 1px;
    border-left-width: 3px;
    border-style: solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    padding: 3px;
    color: #6D6E71 !important;
    margin: 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
}

    .lnkFiltro_agenda i:first-child {
        margin-right: 5px;
    }

    .pnlAptSettimana
    {
        margin-top:1px;
        min-width:96%;
    }

        #lnkATQ, .tooltiptextAgenda.ATQ_agenda, .pnlAptSettimana.ATQ_agenda, .pnlAptMese.ATQ_agenda, .tdCompatta_agenda.compattaOrizzontale.ATQ_agenda {
            border-color: #F8C705;
        }

        #lnkPressoCliente, .tooltiptextAgenda.PressoCliente_agenda, .pnlAptSettimana.PressoCliente_agenda, .pnlAptMese.PressoCliente_agenda, .tdCompatta_agenda.compattaOrizzontale.PressoCliente_agenda {
            border-color: #869dff;
        }

        #lnkProgetto, .tooltiptextAgenda.Progetto_agenda, .pnlAptSettimana.Progetto_agenda, .pnlAptMese.Progetto_agenda, .tdCompatta_agenda.compattaOrizzontale.Progetto_agenda {
            border-color: #1976D2;
        }

        #lnkFuoriSedePAS, .tooltiptextAgenda.FuoriSedePAS_agenda, .pnlAptSettimana.FuoriSedePAS_agenda, .pnlAptMese.FuoriSedePAS_agenda, .tdCompatta_agenda.compattaOrizzontale.FuoriSedePAS_agenda {
            border-color: #FFFF99;
        }

        #lnkAssente, .tooltiptextAgenda.Assente_agenda, .pnlAptSettimana.Assente_agenda, .pnlAptMese.Assente_agenda, .tdCompatta_agenda.compattaOrizzontale.Assente_agenda {
            border-color: #FF9999;
        }

        #lnkInternoPAS, .tooltiptextAgenda.InternoPAS_agenda, .pnlAptSettimana.InternoPAS_agenda, .pnlAptMese.InternoPAS_agenda, .tdCompatta_agenda.compattaOrizzontale.InternoPAS_agenda {
            border-color: #B7FFB7;
        }

        #lnkLocalService, .tooltiptextAgenda.LocalService_agenda, .pnlAptSettimana.LocalService_agenda, .pnlAptMese.LocalService_agenda, .tdCompatta_agenda.compattaOrizzontale.LocalService_agenda {
            border-color: #00FFB9;
        }

.scheduleContainer > .tooltiptextAgenda {
    border-bottom: 1px solid #FFF !important;
}

#lnkAltro, .pnlAptMese.Altro_agenda {
    border-color: #6D6E71;
}

#lnkDeselezionaFiltri, .pnlAptMese.causaleDeselezionata, .pnlAptSettimana.causaleDeselezionata, .pnlAptMese.causaleDeselezionata, .tdCompatta_agenda.compattaOrizzontale.causaleDeselezionata {
    border-color: #cecfd0;
}

        .tdCompatta_agenda.compattaOrizzontale.noDettaglioVisibile {
            border-color: #BBB;
        }

        .NonGestito_agenda {
            border-color: violet;
            background-color: darkviolet;
        }

        .tdCompatta_agenda.causaleDeselezionata {
            background-color: #cecfd0 !important;
        }


#pnlFiltriCalendario > table {
    width: 100%;
    z-index:5;
}

    #tdToolbar {
        width: 40px;
    }

    #tdScorrimento {
        width: 80px;
    }

    #pnlScorriCalendario.mobile {
        padding: 2px;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

#lblMeseAnnoCorrenti {
    display: block;
    text-align: left;
    margin-top: 5px;
    white-space:nowrap;
}

/*
#tdVista_agenda.mobile > a {
    display:none;
}*/

#tdVista_agenda {
    width: 48%;
    text-align: right;
}

    #lnkMenu, #tdVista_agenda > a {
        display: inline-block;
    }

    #tdVista_agenda > a {
        margin: 0px;
    }

.tooltiptextAgenda.Altro_agenda, .pnlAptSettimana.Altro_agenda {
    border-color: #6D6E71;
}
#lnkAltro, .tooltiptextAgenda.Altro_agenda, .tdCompatta_agenda.compattaOrizzontale.Altro_agenda, .pnlAptSettimana.Altro_agenda {
    border-style: dashed !important;
}

/*Background-colors */
.tblCompatta_agenda, .compattaAgendaContainer {
    background-color: #F8F8F8;
}

.compattaAgendaContainer{
}

.compattaAgendaIntestazionePeriodo {
    display: grid;
    border-bottom: 1px solid #CCC;
    font-weight:bold;
}


.tdCompatta_agenda.ATQ_agenda, .pnlAptElenco div.ATQ_agenda {
    background-color: #F8C705;
}

.pnlAptSettimana.ATQ_agenda::-webkit-scrollbar-thumb {
    background-color: #F8C705;
}

.tdCompatta_agenda.PressoCliente_agenda, .pnlAptElenco div.PressoCliente_agenda {
    background-color: #869dff;
}

.pnlAptSettimana.PressoCliente_agenda::-webkit-scrollbar-thumb {
    background-color: #869dff;
}

.tdCompatta_agenda.Progetto_agenda, .pnlAptElenco div.Progetto_agenda {
    background-color: #1976D2;
}

.pnlAptSettimana.Progetto_agenda::-webkit-scrollbar-thumb {
    background-color: #1976D2;
}

.tdCompatta_agenda.FuoriSedePAS_agenda, .pnlAptElenco div.FuoriSedePAS_agenda {
    background-color: #FFFF99;
}

.pnlAptSettimana.FuoriSedePAS_agenda::-webkit-scrollbar-thumb {
    background-color: #FFFF99;
}

.tdCompatta_agenda.Assente_agenda, .pnlAptElenco div.Assente_agenda {
    background-color: #FF9999;
}

.pnlAptSettimana.Assente_agenda::-webkit-scrollbar-thumb {
    background-color: #FF9999;
}

.tdCompatta_agenda.InternoPAS_agenda, .pnlAptElenco div.InternoPAS_agenda {
    background-color: #B7FFB7;
}

.pnlAptSettimana.InternoPAS_agenda::-webkit-scrollbar-thumb {
    background-color: #B7FFB7;
}

.tdCompatta_agenda.LocalService_agenda, .pnlAptElenco div.LocalService_agenda {
    background-color: #00FFB9;
}

.pnlAptSettimana.LocalService_agenda::-webkit-scrollbar-thumb {
    background-color: #00FFB9;
}

.tdCompatta_agenda.Altro_agenda {
    background-color: #FFF8F8;
    /*border: 1px dashed #CCC;*/
}

.tdCompatta_agenda.noDettaglioVisibile{
    background-color: #BBB;
}


#pnlTempo table {
    width: 100%;
    border-collapse: collapse;
    height: 30px;
}

#pnlTempo .tdGiorno, .lstMese .tdGiorno, .lstMeseMobile .tdGiorno {
    vertical-align: top;
    text-align: center;
    width:50px;
}
.lnkExpandTempo {
    width: calc(100% - 10px);
    display: block;
    position: absolute;
    height: 30px;
}

    .lnkExpandTempo:hover {
        box-shadow: -2px 2px 1px 1px rgba(150,148,150,0.36);
        width: 100%;
        display: block;
    }

.tdCompatta_agenda.Tempo{
    border-left: 0.5px inset #CCC;
    border-right: 0.5px inset #CCC;
}

.lstTempo td {
    border: 1px solid #CCC;
    font-size: 24px;
}

#pnlTempo #tblGrigliaOrari, #tblGrigliaOrariTempo, table.compattaOrizzontale {
    width:100%;
    /*border: 0.5px solid #CCC;
    border-collapse: collapse;*/
}

td.compattaOrizzontale {
    height: 14px;
    padding: 3px 0 !important;
    border: 1px solid #FFF;
}

    td.compattaOrizzontale.pausaPranzo {
        background-color: #FFF;
        border-style: dashed;
        border-width: 1px;
    }


.divInfoImmediata {
    font-size: 0.6rem;
    line-height: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
}

.trDettaglioAgendaTempo{
    border-bottom:1px dotted #9e9e9e !important;
}

/*Fine colori background*/
.pnlAptSettimana.ATQ_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #FFF8E1;
    cursor: default;
}
.pnlAptSettimana.PressoCliente_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #E8EAF6;
    cursor: default;
}
.pnlAptSettimana.Progetto_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #E3F2FD;
    cursor: default;
}
.pnlAptSettimana.FuoriSedePAS_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #FFFDE7;
    cursor: default;
}
.pnlAptSettimana.Assente_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #FFEBEE;
    cursor: default;
}
.pnlAptSettimana.InternoPAS_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #F1F8E9;
    cursor: default;
}

.pnlAptSettimana.LocalService_agenda::-webkit-scrollbar-thumb:hover {
    background-color: #E0F2F1;
    cursor:default;
}


.tblQuadri_agenda {
    position:relative;
    margin-top: 15px;
    min-width: min-content;
    width:100%;
    display:table;
    margin-bottom: 50px;
}

    .tblQuadri_agenda th, #lblMeseAnnoCorrenti {
        font-size: 1.8rem;
        font-variant: small-caps;
        text-transform: capitalize;
        font-weight: bold;
    }

    .tblQuadri_agenda th, #tdToolbar, #tdScorrimento {
        text-align: center;
    }

    .tdQuadro_agenda, .tdQuadroSettimana_agenda {
        text-align: left;
        vertical-align: top;
        margin: 5px 15px;
        position: relative;
    }

    .tdQuadro_agenda {
        height: 150px;
    }

    .spanProprietarioAgendaSettimanale
    {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90px;
        text-align: left;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        font-size: 1.2rem;
    }

a.lnkInserisciApt_agenda {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
}

.tdQuadro_agenda > a.lnkInserisciApt_agenda {
    top: 40px;
}

.tdQuadroSettimana_agenda {
    height: calc(100vh - 57px);
}

/*.tdQuadroSettimana_agenda .lnkInserisciApt_agenda {

}

.lnkInserisciApt_agenda:hover {
    background-color: aquamarine;
}*/

.divQuadroHeader_agenda {
    cursor: default;
    height: 25px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 4px 0 6px 15px;
    font-size: 22px;
    font-weight: bold;
}

.tdQuadro_agenda.Festivo, .tdQuadroSettimana_agenda.Festivo {
    background-color: #E1E2E1; /*grigio*/
}

    .tdQuadro_agenda.Festivo .divQuadroHeader_agenda, .tdQuadroSettimana_agenda.Festivo .divQuadroHeader_agenda {
        background-color: #d50000; /*rosso*/
        color: #FFF;
    }

        .tdQuadro_agenda.Festivo .divQuadroHeader_agenda > a {
            color: #FFF;
        }

        .tdQuadro_agenda.Lavorativo, .tdQuadroSettimana_agenda.Lavorativo {
            background-color: #F5F5F6; /*bianco sporco*/
        }

            .tdQuadro_agenda.Lavorativo .divQuadroHeader_agenda > a {
                color: #000;
            }

            .tdQuadro_agenda.Lavorativo {
                width: calc(calc(100% - 8.5%) / 5);
            }


.tdQuadroSettimana_agenda.Lavorativo {
    width: calc(calc(100% - 90px) / 5);
}

    .tdQuadro_agenda.Lavorativo .divQuadroHeader_agenda, .tdQuadroSettimana_agenda.Lavorativo .divQuadroHeader_agenda {
        background-color: #b3e5fc; /*azzurro*/
        color: #000;
    }

.pnlAptSettimana {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-width: 1px;
    border-left-width: 5px;
    border-style: solid;
    background-color: #FFF;
    position: absolute;
    overflow-y: scroll;
}

    .pnlAptSettimana::-webkit-scrollbar {
        width: 5px;
    }

    /* Track
    .pnlAptSettimana::-webkit-scrollbar-track { //barra
        background-color:#FFF;
    } */

.pnlAptMese {
    border-bottom: 1px dotted #CCC !important;
    border-left-width: 2px;
    border-left-style: solid;
    position:relative;
}

.pnlAptSettimana, .pnlAptMese {
    z-index: 3;
}

#pnlCompatta, .lstMese {
    /*border:1px solid #E9E9E9;*/
    margin-top: 10px;
}

    #pnlCompatta table,
    .compattaAgendaContainer {
        width: 99%;
        margin: auto;
        border: 1px solid #CCC;
        border-spacing: 1px;
    }


        #pnlCompatta table th, 
        .compattaAgendaIntestazione > div {
            font-size: 12px;
            border-bottom: 1px solid #CCC;
        }

        .thCompattaInfoGiorno{
            text-transform:capitalize;
        }

.tdCompatta_agenda {
    font-size: 6pt;
    font-family: Small Fonts;
    padding: 0px;
    color: #000;
}

.tdProprietarioCompatta {
    vertical-align: top;
    border-bottom: 1px solid #CCC;
}

    .tdProprietarioCompatta p {
        margin-top: 0;
        font-size: large;
    }

        .tdProprietarioCompatta p > span {
            margin-top: 10px;
            font-size: 12px;
            display: block;
        }


        .tdProprietarioCompatta a{
            margin-left:10px;
        }

.infoDiritti {
    display: none;
}

.infoDiritti.active {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 80%;
    z-index: 1000;
    position: absolute;
    border:1px solid #982b2f;
    width: fit-content;
    display:block;
}



.tdCompatta_agenda.LavorativoCompatta {
    background: rgba(129,204,144,0.59) /*Azzurrino: #E4F2F9*/
}

    .tdCompatta_agenda.FestivoCompatta {
        background-color: rgba(110,110,110,0.73); /* rosa un po' trasparente #d24c4c70; */
        color: #000;
    }

.thCompattaFestivo {
    color: #FFF;
    background-color: #6e6e6e; /*grigio... #d24c4c rosa che somiglia troppo ad assente*/
}

.thCompattaLavorativo {
    color: #FFF;
    background-color: #5f9269;
}
    /*Stile per slot alto 1*/
    .tdCompatta_agenda div.height1 {
        height: 16px;
    }

.tdCompatta_agenda.aptConfermatoPAS div.height1 /* (altezza) - bordoConfermatoPAS*/ {
    height: calc(16px - (2px * 2));
}

.tdCompatta_agenda div.aptConfermatoCliente.height1,
.tdCompatta_agenda div.aptConfermatoClienteAuto.height1,
.tdCompatta_agenda div.aptRifiutatoCliente.height1,
.tdCompatta_agenda div.aptAnnullatoCliente.height1
/* altezza - bordoConfermatoCliente*/ {
    height: calc(16px - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height1,
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height1,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height1
/* altezza - bordoConfermatoPAS - bordoConfermatoCliente*/ {
    height: calc(16px - (2px * 2) - (1px * 2));
}

    /*Stile per slot alto 2 */
    .tdCompatta_agenda div.height2 { /*altezza * rowspan + borderspacing*/
        height: calc((16px * 2) + (1px * (2 - 1))); /*1px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height2 /* (altezza * rowspan) + (borderspacing * (rowspan-1))*/ {
        height: calc((16px * 2) + (1px * (2 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height2,
.tdCompatta_agenda div.aptConfermatoClienteAuto.height2,
.tdCompatta_agenda div.aptRifiutatoCliente.height2,
.tdCompatta_agenda div.aptAnnullatoCliente.height2 /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/ {
    height: calc((16px * 2) + (1px * (2 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height2,
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height2,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height2 /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/ {
    height: calc((16px * 2) + (1px * (2 - 1)) - (2px * 2) - (1px * 2));
}

    /*Stile per slot alto 3*/
    .tdCompatta_agenda div.height3 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 3) + (1px * (3 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height3 /* (altezza * rowspan) + (borderspacing * (rowspan-1))*/ {
        height: calc((16px * 3) + (1px * (3 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height3, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height3,
.tdCompatta_agenda div.aptRifiutatoCliente.height3,
.tdCompatta_agenda div.aptAnnullatoCliente.height3 {
    height: calc((16px * 3) + (1px * (3 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height3, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height3,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height3 {
    height: calc((16px * 3) + (1px * (3 - 1)) - (2px * 2) - (1px * 2));
}


    /*Stile per slot alto 4*/
    .tdCompatta_agenda div.height4 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 4) + (1px * (4 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height4 /* (altezza * rowspan) + (borderspacing * (rowspan-1))*/ {
        height: calc((16px * 4) + (1px * (4 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height4, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height4,
.tdCompatta_agenda div.aptRifiutatoCliente.height4,
.tdCompatta_agenda div.aptAnnullatoCliente.height4 {
    height: calc((16px * 4) + (1px * (4 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height4, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height4,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height4 {
    height: calc((16px * 4) + (1px * (4 - 1)) - (2px * 2) - (1px * 2));
}


    /*Stile per slot alto 5*/
    .tdCompatta_agenda div.height5 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 5) + (1px * (5 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height5 {
        height: calc((16px * 5) + (1px * (5 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height5, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height5,
.tdCompatta_agenda div.aptRifiutatoCliente.height5,
.tdCompatta_agenda div.aptAnnullatoCliente.height5 {
    height: calc((16px * 5) + (1px * (5 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height5, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height5,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height5 {
    height: calc((16px * 5) + (1px * (5 - 1)) - (2px * 2) - (1px * 2));
}


    /*Stile per slot alto 6*/
    .tdCompatta_agenda div.height6 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 6) + (1px * (6 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height6 {
        height: calc((16px * 6) + (1px * (6 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height6, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height6,
.tdCompatta_agenda div.aptRifiutatoCliente.height6,
.tdCompatta_agenda div.aptAnnullatoCliente.height6 {
    height: calc((16px * 6) + (1px * (6 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height6, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height6,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height6 {
    height: calc((16px * 6) + (1px * (6 - 1)) - (2px * 2) - (1px * 2));
}


    /*Stile per slot alto 7*/
    .tdCompatta_agenda div.height7 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 7) + (1px * (7 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height7 {
        height: calc((16px * 7) + (1px * (7 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height7, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height7
.tdCompatta_agenda div.aptRifiutatoCliente.height7,
.tdCompatta_agenda div.aptAnnullatoCliente.height7 {
    height: calc((16px * 7) + (1px * (7 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height7, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height7,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height7 {
    height: calc((16px * 7) + (1px * (7 - 1)) - (2px * 2) - (1px * 2));
}

    /*Stile per slot alto 8*/
    .tdCompatta_agenda div.height8 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
        height: calc((16px * 8) + (1px * (8 - 1))); /*2px border-spacing*/
    }

    .tdCompatta_agenda.aptConfermatoPAS div.height8 {
        height: calc((16px * 8) + (1px * (8 - 1)) - (2px * 2));
    }

.tdCompatta_agenda div.aptConfermatoCliente.height8, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptConfermatoClienteAuto.height8,
.tdCompatta_agenda div.aptRifiutatoCliente.height8,
.tdCompatta_agenda div.aptAnnullatoCliente.height8 {
    height: calc((16px * 8) + (1px * (8 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height8, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoClienteAuto.height8,
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height8 {
    height: calc((16px * 8) + (1px * (8 - 1)) - (2px * 2) - (1px * 2));
}

/*Stile per slot alto 9*/
.tdCompatta_agenda div.height9 { /*altezza * rowspan + (borderspacing * (rowspan-1))*/
    height: calc((16px * 9) + (1px * (9 - 1))); /*2px border-spacing*/
}

.tdCompatta_agenda.aptConfermatoPAS div.height9 {
    height: calc((16px * 9) + (1px * (9 - 1)) - (2px * 2));
}

.tdCompatta_agenda div.aptConfermatoCliente.height9,
.tdCompatta_agenda div.aptConfermatoClienteAuto.height9, /* (altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoCliente*/
.tdCompatta_agenda div.aptRifiutatoCliente.height9,
.tdCompatta_agenda div.aptAnnullatoCliente.height9 {
    height: calc((16px * 9) + (1px * (9 - 1)) - (1px * 2));
}

.tdCompatta_agenda.aptConfermatoPAS div.aptConfermatoCliente.height9, /*(altezza * rowspan) + (borderspacing * (rowspan-1)) - bordoConfermatoPAS - bordoConfermatoCliente*/
.tdCompatta_agenda.aptConfermatoPAS div.aptAnnullatoCliente.height9 {
    height: calc((16px * 9) + (1px * (9 - 1)) - (2px * 2) - (1px * 2));
}


.trFasciaOraria:nth-child(9n+10) > td.FestivoCompatta {
    border-bottom: 1px solid #CCC;
}

.pnlApt {
    border-bottom: 1px inset #FFF;
}

.aptConfermatoPAS {
    border: 2px inset #666;
}

.aptConfermatoPAS.micro_agenda {
    width: 12px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
}

.aptConfermatoCliente {
    border: 2px solid lightgreen;
    line-height: 9px;
    min-width: 15px;
}

.aptConfermatoClienteAuto {
    border: 2px dashed lightgreen;
    line-height: 9px;
    min-width:15px;
}

.aptConfermatoCliente.micro_agenda, .aptConfermatoClienteAuto.micro_agenda, .aptRifiutatoCliente.micro_agenda, .aptAnnullatoCliente.micro_agenda {
    height: 9px;
}

.aptRifiutatoCliente, .aptAnnullatoCliente {
    border: 2px solid orangered;
    line-height: 9px;
    min-width: 15px;
}

.Cliccabile {
    text-align: center;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly;
}

    .Cliccabile:hover {
        cursor: pointer;
        /*box-shadow: inset 0 0 0 1px #982b2f;*/
    }

.CliccabileMese:hover {
    cursor: pointer;
}


.Inseribile:hover, .InseribileMese:hover, .lnkInserisciApt_agenda:hover {
    cursor: copy;
}

#pnlContainer_agenda {
    border-spacing: 0;
    width: calc(100% - 15px);
    margin: auto;
}

    #pnlContainer_agenda.mobile {
        width: 100%;
        margin: 0;
    }

.lstMeseMobile, .lstTempoMobile {
    width: 100%;
}


.divCampoApt {
    /*margin: 7px 14px 7px 7px;*/
    font-size:smaller;
}

.pnlAppuntamento {
    max-width: 700px;
    margin-bottom: 50px;
    background-color: #FFF;
    border: 1px solid #CCC;
    z-index: 100;
    padding: 10px;
    padding-top: 0;
    position: fixed;
    left: calc((100% - 702px) / 2);
    top: 5px;
    height: 95%;
    overflow-y: scroll;
}

    .pnlAppuntamento.mobile {
        position: static; /*default value*/
        left: 0;
        right: 0;
        padding:0;
        height:auto;
        overflow-y:visible;
    }


    .pnlAppuntamento table {
        border-bottom: 1px solid #CCC;
        border-collapse: collapse;
        margin: 5px 0px;
    }

    .pnlAppuntamento .cellaStep {
        vertical-align: middle;
        text-align: center;
        padding: 5px;
    }

    .pnlAppuntamento .rigaSeparatore {
        border-bottom: 1px solid #CCC;
    }

        .pnlAppuntamento .rigaSeparatore td {
            padding: 5px;
        }

.btnFiltroVeloce {
    color: #982b2f;
    background-color: #FFF;
    padding: 3px 6px 3px 3px;
    /*display:inline-flex;*/
}

.btnFiltroVeloce i {
    padding:3px;
}

    .btnFiltroVeloce:hover {
        background-color: #FFEBEE;
    }

    .ggSettimana.Lavorativo{
        width: calc(calc(91.5% - 90px) / 5);
    }

    .ggSettimana.Lavorativo > span {
        min-width: 123px;
        display: inline-block;
    }

    .ggSettimana.Festivo{
        width: 4.25%;
    }

.tdGrigliaOrari {
    width: 90px;
    vertical-align: top;
    padding-top: 35px;
}

.tblOrariSett {
    opacity: 0.8;
    position:absolute;
    z-index: 1;
}

    .tblOrariSett td[rowspan="2"] {
        text-align: right;
        font-size: 48px;
        line-height: 57px;
        padding: 1px;
        width: 50px;
    }

    .tblOrariSett tr:nth-child(1n +1) {
        font-size: 24px;
        line-height: 24px;
    }

    .tblOrariSett tr:nth-child(2n +1) {
        border-top: 1px solid #6D6E71;
    }

    .tblOrariSett tr:nth-child(2n) {
        border-top: 1px dotted #6D6E71;
    }

    .tblOrariSett:last-child {
        border-bottom: 1px solid #6D6E71;
    }

    .pnlAptMese .infoBase {
        display: none;
    }

/*Stili tooltip per agenda compatta*/


.tooltipAgenda {
    position: relative;
    font-family: sans-serif;
    text-align: left;
}


    .tooltipAgenda .tooltiptextAgenda {
        border-width: 1px;
        border-style: solid;
        min-width: 180px;
        max-width: 350px;
        font-size: 11px;
        visibility: hidden;
        background-color: #f8f8f8;
        color: #6D6E71;
        border-radius: 3px;
        padding: 5px 3px;
        position: absolute;
        z-index: 1;
        top: 100%;
        right: -5px;
        opacity: 0;
    }

.trFasciaOraria > td:nth-child(-n+5).tooltipAgenda .tooltiptextAgenda {
    right: auto;
}

.tooltipAgenda .tooltiptextAgenda::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 8px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f8f8f8 transparent;
}

.tooltiptextAgenda.Altro_agenda::before, .tooltiptextAgenda.FuoriSedePAS_agenda::before {
    border-bottom-color: #6D6E71;
}

.trFasciaOraria > td:nth-child(-n+5).tooltipAgenda .tooltiptextAgenda::before {
    right: auto;
}

            .tooltipAgenda:hover .tooltiptextAgenda {
                visibility: visible;
                opacity: 1;
            }

/*.tooltiptextAgenda button {
    padding: 0 8px;
    background-color: #FFF;
}*/

a.tooltipButtonAgenda {
    color: #982b2f !important;
}

.tooltiptextAgenda button, a.tooltipButtonAgenda {
    color: #982b2f;
    cursor: pointer;
    margin: 8px;
}

.btnPinTooltip > i {
    transform: rotate(90deg);
}

.btnPinTooltip[class$="selected"] > i {
    transform: none;
    border-bottom: 2px solid #982b2f;
}

#pnlDettaglioAppuntamento > #pnlSfogliaClienti,
#pnlDettaglioAppuntamento > #pnlSfogliaProspect,
#pnlDettaglioAppuntamento > #pnlSfogliaTicket,
#pnlDettaglioAppuntamento > #pnlSfogliaPrezziInterventi {
    padding: 5px;
    overflow-x: scroll;
}

span.nomeCampo, li.nomeCampo {
    font-weight: bold;
}

a[title="Scheda cliente"], a[title="Scheda prospect"] {
    z-index: 4;
}

.divCampoApt > i.material-icons:first-child,
.divCampoAptIndentato > i.material-icons:first-child {
    font-size: 16px;
}

.divCampoApt > i.material-icons + span.nomeCampo {
    /*margin: 0px 5px 0px 21px;*/
}

.divCampoApt > i.material-icons + span + span.nomeCampo {
    /*margin: 0px 5px;*/
}

.divCampoApt > span.txt.txtModificabile.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 83%;
}

.divCampoAptIndentato > span.txt.txtModificabile.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 89%;
}

.pnlAptMese .infoBreve_agenda {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pnlAptSettimana td:first-child
{
    vertical-align:top;
}

.pnlAptSettimana .lnkExpand_agenda, .nascondiRiga_agenda {
    display: none;
}

ul.infoPostIt {
    list-style: none;
    margin: 0;
    padding:5px;
}


.pnlBottoniAppuntamento_agenda{
    margin-top:10px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
}

#pnlBottoniTop > a {
    padding: 8px;
}
 
.flex-container_agenda > div {
    margin: 2px 20px 2px 2px;
    display: inline-block;
}

    .pnlStepContainer_agenda
    {
        margin-bottom: 20px;
        padding:3px;
    }

.pnlStep_agenda {
    border: 1px solid #E6E6E6;
    padding: 0 10px;
}

.pnlAppuntamento.mobile > .pnlStep_agenda {
    padding: 0 2px;
}

    .pnlStep_agenda > table > tbody > tr > td > h2 {
        width: 10px;
        word-wrap: break-word;
        line-height: 0.9em;
        font-size: 1.4em;
        margin: 0;
        color: #982b2f;
        text-align: center;
    }

    .pnlStep_agenda > table > tbody > tr > td:first-child
    {
        width:30px;
    }

    .pnlStep_agenda > table > tbody > tr.mobile,
        .pnlStep_agenda > table > tbody > tr.mobile > td {
        display: block;
    }

    .pnlStep_agenda > table > tbody > tr.mobile > td > h2 {
        word-wrap:normal;
    }

    .lstTempoMobile .trGrigliaTemporale {
        /*position: fixed;*/
        background-color: #FFF;
        z-index: 5;
    }

/*
.lstTempoMobile tr:nth-child(2) td
{
    padding-top:40px;
}*/

.lstMese tr > td.tdGiorno {
    border-bottom: 1px solid #9e9e9e;
}

.listaOrizzontale {
    display: inline-block;
    padding-left:0;
    margin:0;
}

.listaOrizzontale li {
    display: inline;
    margin-right: 10px;
}

.divCampoAptIndentato {
    display: block;
    margin-left: 45px;
    margin-bottom: 5px;
}

/*timeline*/
.timeline_agenda {
    list-style-type: none;
    display: flex;
    overflow-x: scroll;
    
}
.timeline_agenda li {
    transition: all 200ms ease-in;
}

    .timeline_agenda .timestamp {
        margin-bottom: 20px;
        padding: 0px 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-weight: 100;
        min-height: 64px;
    }

.timeline_agenda li.complete .status {
    border-top: 2px solid #982b2f;
}

    .timeline_agenda li.complete .status::before {
        background-color: #982b2f;
        border: none;
        transition: all 200ms ease-in;
    }

    .timeline_agenda li.complete .status h4 {
        color: #982b2f;
    }

    .timeline_agenda h4::before {
        content: '';
        border: 1px solid #982b2f;
        position: relative;
        top: -17px;
        transition: all 200ms ease-in;
    }

    #lblInserito, #lblModificato, #lblConfermato, #lblVisionato{
        text-align:right;
        display:inline-table;

    }

    /*stili esclusivi dell'agenda con orari*/

    .calendarHead {
        display: grid;
        grid-gap: 1px;
        margin-left: calc(10% + 35px);
        margin-bottom: 1px;
    }

        .calendarHead > span {
            text-align: center;
            font-weight: bold;
        }

        .calendarHead > span,
        .calendarBody > .gridContainer > .slotGrid > div {
            min-width: 16px;
        }

    .calendarBody {
        display: grid;
        grid-template-columns: minmax(100px, 10%) 35px auto;
    }

    .agendaOwner {
        font-size: 1.2rem;
    }


    .timeGrid {
        display: inline-grid;
        align-items: center;
        text-align: right;
        position: relative;
        top: -10px;
        padding-right: 5px;
    }

    .slotGrid {
        display: inline-grid;
        grid-auto-flow: column;
        grid-gap: 1px;
        width: 100%;
    }

    .columnGrid {
        position: relative;
        top: -100%;
        display: inline-grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr); /*tutte le colonne della stessa larghezza*/
        grid-gap: 0 1px;
        width: 100%;
        margin-top: 1px;
    }

    .scheduleContainer {
        display: grid;
        grid-auto-flow: column;
    }

    /*
            .pnlApt.aptPrecisoFine{
                border-bottom:0;
            }*/

    .Cliccabile {
        display: grid;
    }