/************* layout  **************/
:root {
    --aw-header-height: 50px;
}

body {
    padding-top: calc(var(--aw-header-height) + 10px);
    height: 100%;
    background-color: #f3f5f9;
}

.navbar { min-height: var(--aw-header-height); }

.navbar .navbar-header .navbar-brand {
    padding: 2px 10px;
    height: var(--aw-header-height);
}

.navbar .navbar-header .navbar-brand .logo {
    margin: unset;
    max-height: 100%;
}

.navbar-nav {
    margin: 5px -10px;
}

@media (min-width: 768px) {
    .navbar-nav { 
        --aw-margin-y: calc((var(--aw-header-height) - 40px) / 2); 
        margin-top: var(--aw-margin-y);
        margin-bottom: var(--aw-margin-y);
    }
}

.navbar-form { 
    --aw-margin-y: calc((var(--aw-header-height) - 32px) / 2); 
    margin-top: var(--aw-margin-y); 
    margin-bottom: var(--aw-margin-y); 
}

@media (min-width: 992px) {
    .modal-xl {
        width: 1170px;
    }
}

.logo {
    margin-top: -12px;
    width: 100%;
}

.info-home {
    line-height: 40px;
}

.ui-autocomplete {
    z-index: 2000;
}

.alert-container {
    position: relative;
}

.alert {
    position: absolute;
    z-index: 10;
    right: 5px;
}

.puntini {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aw-icon {
    float: left;
    margin-right: 0.5em
}

.consuntivo {
    background-color: #8fc984;
}

.preventivo {
    background-color: #cdffc0
}

/*Agenda*/
.box-giornata-home {
}

    .box-giornata-home > .box-azione-home:first-of-type {
        border-top: dashed 1px #c0c0c0
    }

.box-azione-home {
    padding: 7px;
    border-bottom: dashed 1px #c0c0c0;
    position: relative;
}


.drop-item {
}

    .drop-item.overdroppable {
        background-color: #8fc984
    }

/*Planner*/

.verde {
    color: #cdffc0;
}

.rosso {
    color: #ca0404;
}

.day-item-drag {
    float: left;
    margin-right: 5px;
}

    .day-item-drag :hover {
        cursor: move;
    }

.drop-target {
    background-color: #f4fff2;
}

    .drop-target.overdroppable {
        background-color: #8fc984
    }

.planner-gestione {
    border-collapse: separate;
    width: 100%;
    border-spacing: 3px;
    font-size: 12px;
}

    .planner-gestione .day {
        height: 150px;
        padding: 5px;
        vertical-align: top;
    }

        .planner-gestione .day .no-time {
            background-color: #8fc984;
            padding: 5px;
            vertical-align: top;
        }

        .planner-gestione .day .tabella-utenti {
            margin-bottom: 0;
        }

        .planner-gestione .day h6 {
            font-weight: bold;
            background-color: #ced5cd;
            ;
            padding: 5px;
            margin: 0
        }

.planner {
    border-collapse: separate;
    width: 100%;
    border-spacing: 0 3px;
}

table.planner.fixed-header, table.planner.fixed-header td { border: 1px solid #b2414100; }

table.planner.fixed-header thead { display: table; /* to take the same width as tr */ width: calc(100% - 17px); /* - 17px because of the scrollbar width */ }

table.planner.fixed-header tbody { display: block; /* to enable vertical scrolling */ max-height: 82vh; /* e.g. */ overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */ }

.planner-azioni {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.planner-azione {
    padding: 7px 4px;
    margin-bottom: 3px;
}

    .planner-azione:hover {
        background-color: #dcdcdc;
    }

.planner-day-home {
    background-color: #f0f0f0;
    padding: 0;
    vertical-align: top;
}

.planner-day {
    vertical-align: top;
}

.planner-day-home.today, .planner-day.today, .planner-day.today .planner-day-footer {
    background-color: #e0e0e0; /*#d9e7ff*/
}

    /*td*/
    .planner-day.overdroppable {
        background-color: #8fc984
    }

.planner-day-footer {
    border: solid 1px #c0c0c0;
    font-size: 12px;
    padding: 1px 3px;
    margin: 1px;
    position: relative;
}

    .planner-day-footer a:hover {
        text-decoration: none;
    }

    .planner-day-footer i {
        position: absolute;
        right: 3px;
        top: 4px
    }

.planner-slot {
    color: white;
    border: dashed 1px #fff;
    background-color: transparent;
}

.planner-slot-empty {
    margin: 0;
    color: white;
    position: relative;
    padding: 1px;
    background-color: transparent;
    height: 100%
}

.planner-slot-item {
    border-radius: 0px;
    height: 100%;
    padding: 1px 2px;
    position: relative;
    box-shadow: 5px;
}


.planner-text {
    background-color: #f0f0f0;
    color: #333;
    border: solid 1px white;
    border-radius: 0px;
    padding: 1px 2px;
    line-height: 17px;
    overflow: hidden;
}

    .planner-text a {
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

.planner-slot-item:hover .btn-hidden {
    display: block;
}

.planner-slot-item:hover .planner-slot-nascosto {
    display: block;
    position: relative;
    z-index: 1;
}

.planner-slot-nascosto {
    display: none;
}

.planner-legenda {
    line-height: 25px;
    font-size: 16px;
}

.planner-legenda-utente {
    vertical-align: middle;
}



.legenda-stati {
    position: absolute;
    right: 15px;
    top: 15px;
}

.planner-legenda-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 1px;
    vertical-align: middle;
}

.btn-hidden {
    position: absolute;
    top: 1px;
    right: 1px;
    display: none;
}


/************* regole  **************/
.programmata {
    background-color: aquamarine;
}

.clear {
    clear: both;
}

.right-align {
    text-align: right !important
}

.ricorrenza {
    border: 1px dotted #333;
    padding: 4px;
    margin-bottom: 5px;
    position: relative;
}

.noteRicorrenza {
    margin-bottom: 3px;
}

.azioni {
    background-color: #f0f0f0;
    padding: 2px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}

.ricorrenza:hover .azioni {
    display: block;
}

.azioni div.utenti {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
}

    .azioni div.utenti .nome {
        display: inline-block;
        width: 8em;
    }


.box-completa {
    display: none;
    background-color: #ebf1f6;
    padding: 1em 0;
}

.elenco > .azione:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.azione {
    position: relative;
    padding: 5px 0;
}

.Errore {
    font-weight: bold;
    font-size: 7pt;
    color: red;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.BilancioSaldo {
    font-size: 10pt;
    text-align: right;
}

.BilancioGruppi {
    font-size: 10pt;
    text-align: Left;
}

.BilancioConti {
    font-size: 10pt;
    font-style: italic;
    text-align: Left;
}

.BilancioTotale {
    font-size: 10pt;
    background-color: #dcdcdc;
}

.TitoloPagina {
    font-size: 12pt;
}



.crm-box {
    border-radius: 1rem;
    border: 1px solid #ebeff6;
    background-color: #fff;
    margin-bottom: 20px;
    display: block;
    border-spacing: 0;
    box-sizing: border-box;
}

.crm-box-no-border-top {
    border-top: solid 1px transparent;
}

.crm-heading {
    color: #717171;
    padding: 10px 15px;
    border-color: #ebeff6;
    background-color: #fff;
    border-radius: 1rem 1rem 0 0;
    font-weight: 700;
    border-bottom: 1px solid #ebeff6;
}

.crm-box.crm-box-no-border-top .crm-heading{
    border-radius: 0;
}

.crm-body {
    padding: 15px;
    position: relative;
}


.inner-scroll {
    overflow-y: scroll;
    height: 324px;
    overflow-x: hidden;
}


.absolute-box {
    position: absolute;
    top: 0;
    left: 0;
}

.pop-contabilita {
    padding: 5px;
    background-color: #dcdcdc;
}

.titolo-contabilita {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    padding: 5px;
    margin-bottom: 5px;
}

.box-richiesta {
    border: solid 1px transparent;
    background-color: #f3f5f9;
    padding: 3px;
    height: 120px;
    margin-bottom: 10px;
}

    .box-richiesta.scaduto {
        background-color: #fa9212;
    }

.stati-select {
}

    .stati-select input[type=checkbox] {
        margin-right: 5px;
    }

    .stati-select label {
        margin-right: 10px;
        font-weight: normal;
    }

.arancio {
    color: #fa9212;
}

.conversation-row {
    padding: 5px;
    margin-bottom: 8px;
}

.interno {
    background-color: #eef6e8;
    border: 1px solid #8fc984;
    margin-bottom: 4px;
}

    .interno.privato {
        background-color: #fdf760;
        font-weight: bolder;
    }

.utente {
    color: #fa9212;
    display: block;
    font-size: 12px;
}

.hide {
    display: none !important;
}

.current-item {
    background-color: #c0c0c0;
}

table.risposte {
    width: 99%;
    margin: 0 1rem;
}

td.risposte {
    border: 1px solid #dddddd;
    background-color: #f7fef1;
    text-align: left;
    padding: 1rem 1rem 0 1rem;
}

tr.risposte {
    margin-bottom: 1rem;
}

.esterno {
    background-color: #ffffff;
    border: 1px solid #999999;
}

.tempo {
    display: block;
    font-size: 10px;
    float: right;
    font-weight: bold;
}
.tempo.inplanner {
    margin-right:10px;margin-left:10px;background-color:green;padding:2px;color:#fff;border-radius:5px;
}
    .tempo.inplanner:empty {
        display:none
    }
.commenti {
    position: absolute;
    right: 5px;
    top: 5px;
}

.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dettaglio {
    width: 100%;
    overflow: auto;
    max-height: 250px;
}
.list-group-item .dettaglio{
    max-height:initial
}

table.table-nowrap {
    width: 100%
}

    table.table-nowrap td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 3px;
    }

td.table-nowrap-100 {
    width: 100%; /* Extend the cell as much as possible */
    max-width: 0; /* Avoid resizing beyond table width */
}

.bk-item {
    margin-bottom: 5px;
}

.backlogitem-tree {
    padding-left: 15px;
}

    .backlogitem-tree ul {
        padding-left: 15px;
    }


    /*WIDGET CONVERSAZIONI CLIENTI DASHBOARD*/

.conversazioni-widget-home.admin .interno {
    opacity: 0.8;
    border: 1px solid #ccc
}

.conversazioni-widget-home .esterno {
    border: 2px solid #2196f3
}

/*FINE WIDGET CONVERSAZIONI CLIENTI DASHBOARD*/
/*WIDGET ELENCO TICKETS*/

.widget-dashboard{
    min-height:460px
}

.widget-dashboard-ticket-DaConsegnare, .widget-dashboard-ticket-filtro-stato {
    overflow-y: scroll;
    height: 324px;
    overflow-x: hidden;
}
/*FINE WIDGET ELENCO TICKETS*/
.highlight{
    border:3px solid blue
}

.boxCerca .form-control {
    width: 300px!important;
}

.post-success {
    background-color: #4cff00!important;
}