:root { --visibile-online-color: #4caf50; }

.visibile-online .img-user { position: relative }
.visibile-online .img-user img { border: 4px solid var(--visibile-online-color); }
.visibile-online .img-user .icona-online { position: absolute; top: -15px; right: -6px; font-size: 28px; color: var(--visibile-online-color) }
.media-heading.visibile-online { color: var(--visibile-online-color) }

/* --- generale --- */
label {
    font-weight: 600;
}

/* --- inizio :: ATTIVITA IN SVILUPPO --- */
.azioneDaMeAMe { background-color: #ADE1F7; }

.azioneDaMeAdAltro { background-color: #FF9326; }

.azioneDaAltroAMe { background-color: #3874F5; }

.azioneDaAltroAdAltro { background-color: #AAAAAA; }

.legendaAssegnazione i.azioneDaMeAMe {color: #ADE1F7;}

.legendaAssegnazione i.azioneDaMeAdAltro { color: #FF9326; }

.legendaAssegnazione i.azioneDaAltroAMe { color: #3874F5; }

.legendaAssegnazione i.azioneDaAltroAdAltro { color: #AAAAAA; }
/* --- fine :: ATTIVITA IN SVILUPPO --- */

/* --- inizio :: DASHBOARD --- */
.dWidget { background-color: #dbdbdb; margin-bottom: 30px; text-align: center; padding-bottom: 10px; }

.dWidget h3 { background-color: #efefef; }

.dWidget.active { background-color: rgba(46,255,63,0.3); }

.dWidget a { color: #333; }

.contenutoWidget { height: 330px; overflow-y: auto; }

.widget.maximized {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: .9rem;
}
.widget.maximized .contenutoWidget { height: auto; overflow-y: visible; }

.grigliaDashboard li.max { z-index: 9999 !important; }

.grigliaDashboard .widget-header .icon { float: left; vertical-align: middle; margin-left: 1%; font-size: 20px; }

.grigliaDashboard .widget-header .icon-richiesta:before { content: '\e929'; }

.grigliaDashboard .widget-header .icon-workitem:before { content: '\eabc'; }

.grigliaDashboard .widget-header .icon-contratto:before { content: '\e972'; }

.grigliaDashboard .widget-header .icon-preventivo:before { content: '\ea64'; }

.grigliaDashboard .widget-header input[type=text], .grigliaDashboard .widget-header .titolo { vertical-align: middle; border: none; float: left; font-weight: bold; font-size: 16px; padding: 5px; width: 90%; }

.grigliaDashboard .widget-header input[type=text]:focus, .grigliaDashboard .widget-header .titolo:focus { background-color: #ededed; }

.grigliaDashboard .widget-content .cerca { float: left; width: 70%; }

.grigliaDashboard .widget-content .filtro { float: right; width: 30%; padding-top: 10px; text-align: center; }

.grigliaDashboard .col-lg-8.col-md-8 .widget-content .cerca { float: left; width: 80%; }

.grigliaDashboard .col-lg-8.col-md-8 .widget-content .filtro { float: right; width: 20%; padding-top: 10px; text-align: center; }

.grigliaDashboard .col-lg-12.col-md-12 .widget-content .cerca { float: left; width: 90%; }

.grigliaDashboard .col-lg-12.col-md-12 .widget-content .filtro { float: right; width: 10%; padding-top: 10px; text-align: center; }

.grigliaDashboard .widget-content .todo-list { overflow: hidden; }


.tablebudget thead tr:first-child th { background-color: #D9E9FB; font-weight: bold; }

.tablebudget thead tr th { background-color: #f2f2f2; color: #555; }

.tablebudget td, .tablebudget th { border: 1px solid #ccc; font-size: 12px; }
/*.tablebudget tr:nth-child(2n+1) td { background-color: #fff; }
.tablebudget tr td { background-color: #efefef; }*/
.tablebudget tr td { background-color: #fff; }

.tablebudget tr:last-child td { /*background-color:#ddd9c4*/ background-color: #D9E9FB; font-weight: bold; }

.grigliaDashboard .tablebudgetcontainer { height: 255px; overflow-y: auto; }

.grigliaDashboard .tableleadcontainer { height: 255px; overflow-y: auto; }

.tableLead thead tr th, .tableLead tbody tr.penalizzazioni td { background-color: #D9E9FB; color: #555; }

.tableLead td, .tableLead th { border: 1px solid #ccc; font-size: 12px; }

.tableLead tr.agente td { background-color: #fff; }

.tableLead tr.empty td { background-color: #efefef; }

.grigliaDashboard .widget-header input[type="text"], .grigliaDashboard .widget-header .titolo { color: #727272; /*color: white;*/ padding-left: 10px; display: block; background-color: transparent !important; }

.widget-semaforo { /*height: calc(100% + 20px);*/ height: 100%; background-color: #F5F5F5; /*margin: -10px;*/ }

.wrap-semaforo .semaforo { background-image: url(/images/semaforo_sfuocato.png); background-position: center; background-repeat: no-repeat; background-size: 100%; width: 50px; height: 50px; display: inline-block; position: relative; }

.wrap-semaforo .semaforo::before { content: " "; display: inline-block; position: absolute; width: 23%; height: 23%; left: 39%; border-radius: 50%; }

.wrap-semaforo.rosso .semaforo::before { background-color: #D9534F; top: 13%; }

.wrap-semaforo.arancione .semaforo::before { background-color: #ffc600; top: 39%; }

.wrap-semaforo.verde .semaforo::before, .wrap-semaforo .semaforo::before { background-color: #5CB85C; top: 66%; }

.wrap-semaforo.verde, .wrap-semaforo { background-color: #5CB85C; border: 1px solid #5CB85C; padding: 10px; }

.wrap-semaforo.rosso { background-color: #D9534F; border-color: #D9534F; }

.wrap-semaforo.arancione { background-color: #ffc600; border-color: #ffc600; }

.wrap-semaforo .numero { color: white; float: right; font-size: 52px; line-height: 1; }

.wrap-semaforo + .testo { padding: 10px; font-size: 20px; line-height: 1.2; max-height: 234px; overflow-y: auto; }

.wrap-semaforo + .testo .verde { color: #5CB85C; }

.wrap-semaforo + .testo .rosso { color: #D9534F }

.wrap-semaforo + .testo .arancio { color: #ffc600 }
.portlets .riga-colorata.yellow { background-color: rgba(250, 255, 54, 0.5); }

.portlets .riga-colorata.red { background-color: rgba(255, 186, 186, 0.5); }

.widget .widget-header .additional-btn{
    opacity: 0;
}
.widget .widget-header .additional-btn .additional-btn-btn{
    color: #ccc!important;
}
.widget .widget-header:hover .additional-btn{
    opacity: 100;
}

.widget-knobs .testo-centro { position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); font-size: 16px; line-height: 16px; }
.widget-knobs .titolo { font-size: 23px }
.widget-knobs .wrap-knob { position: relative }

/* --- fine :: DASHBOARD --- */


/* -- inizio :: Appuntamenti agenti --- */
.agenda-rapida-appuntamentoexchange {
    color: #3a87ad !important;
    border: 1px solid #3a87ad;
}
.agenda-rapida-todo {
    color: orange !important;
    border: 1px solid orange;
}
#updates-list .icon-wrapper {
    border-radius: 50px;
    font-size: 14px;
    width: 24px;
    line-height: 25px;
    text-align: center;
    height: 24px;
    margin-right: 10px;
    float: left;
    color: #555;
    display: inline-block;
}
[class^="agenda-rapida-"]:before, [class*=" agenda-rapida-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
}
.agenda-rapida-appuntamentoexchange:before {
    content: '\eb24';
}
.agenda-rapida-todo:before {
    content: '\eb45';
}
/* -- fine :: Appuntamenti agenti --- */


/* -- inizio :: mail attività sospese --- */
#anteprimaPanel { display: none; position: fixed; top: 63px; right: 0; left: 60%; bottom: 0; z-index: 50; background-color: #fff; opacity: 1; box-shadow: #333 -5px 5px 1rem; }

.introduzione { font-size: 18px; }

#riepilogo { margin-bottom: 20px; height: 669px; }

#riepilogo h3 { font-size: 20px; }

#riepilogo h4 { font-size: 16px; }

#riepilogo ul li { font-weight: normal; }


#template-wrapper { background-color: lightslategray; padding: 7px; height: 559px; overflow-y: auto; }

#template-wrapper .box-mail { margin: 8px; background: #f0f0f0; position: relative; height: 30px; }

#template-wrapper .box-mail h4 { margin-top: 5px; margin-left: 20px; margin-bottom: 0; font-weight: bold; padding: 0px; font-size: 14px; }

#template-wrapper .box-mail span { margin-left: 20px; font-size: 13px; }

#template-wrapper .box-mail:hover { background: #d0d0d0; }

#template-wrapper .box-mail .icon-mail-1 { position: absolute; top: 7px; left: 5px; }

.mail-template .box-mail .glyphicon-remove { position: absolute; top: 9px; right: 8px; color: red; font-size: 16px; }

.mail-template .box-mail:hover .remove-wrapper { display: block; }

.mail-template .box-mail .remove-wrapper { display: none; }

#template-wrapper .glyphicon-remove:hover { font-size: 25px; }

#template-wrapper .box-mail .testo { padding-left: 10px; position: absolute; width: 100%; height: 100%; overflow: hidden }

.button-aggiorna-lista { background-color: lightblue; width: 100px; color: white; }
/* -- fine :: mail attività sospese --- */

/*TELERIK TILE LAYOUT*/
.riordina-widgets-dashboard .k-tilelayout-item-header.k-card-header {
   background-color:#ADE1F7;
   color:#222;
}

.riordina-widgets-dashboard .k-tilelayout-item-body {
   
}


table.table-risultati-anagrafica tr:not(.tr-separe) {
    border: 1px solid #65BBD6;
    border-left: 10px solid #65BBD6
}
table.table-risultati-anagrafica tr:not(.tr-separe):hover {
    border-color: #0071c1;
    background-color: rgb(0 113 194 / 10%);
    cursor: pointer;
}
table.table-risultati-anagrafica tr:not(.tr-separe) td:not([rowspan="1"]) { 
    border-left: 1px solid #65BBD6;
    border-right: 1px solid #65BBD6;
}


table.table-risultati-anagrafica tr.tr-non-autorizzato {
    border: 1px solid #ffbd4f;
    border-left: 10px solid #ffbd4f
}

    table.table-risultati-anagrafica tr.tr-non-autorizzato:hover {
        border-color: red;
        cursor: pointer
    }

    /* --- inizio :: contratti --- */    
    .insolutoPagato_False { background-color: #FC7389 !important; color: #333; }
    .insolutoPagato_True { background-color: #BDFAB6 !important; color: #333; }
    .iconaPagato_False { background-color: #FC7389 !important; color: #FC7389 !important; }
    .iconaPagato_True { background-color: #BDFAB6 !important; color: #BDFAB6 !important; }