/** new color **/
a,button{color:#77777a;}
#destra .main-menu{background:#77777a}
.main-menu li{border-top: 1px solid rgba(255,255,255,.1);}
.main-menu li.banner{background:#77777a;}

/** login new width **/
.ib.mw300.w30p{max-width:250px}

table.table th,.bg-dark{background-color:#555 !important}
#head{border-bottom:20px solid #555;}

.main-menu li.banner .links{border-top: 1px solid rgba(255,255,255,.1);}
.main-menu li.banner .links a{background:rgba(255,255,255,.1);line-height:30px;border-radius:2px}
.main-menu a:hover{background: rgba(255,255,255,.3)}

.menu.inline{border-bottom:1px solid #77777a}
.inline a.tab{padding:10px 20px;border:1px solid #77777a;color:#77777a;}

.tasks h2.title{font-size:14px;border-color:#77777a;}

.selectab.active{color:#fff;background:#77777a}

.preview.selected:before{border:1px solid #77777a;color:#77777a;}

.dialog h2.title{background:#77777a;}

.b1{border:1px solid rgba(0,0,0,0)}
.bgrey{border-color:rgba(0,0,0,.3)}

/** ticket **/
.ticket .date,.tickets a.tab:hover, a.tab.active{color:#77777a}
.ticket.ticket-1{border-color:#77777a !important}
.ticket.ticket-1 .date{background:#77777a}

.bg-brown,.bg-blue,.action_update{background-color:#77777a !important;}

.bg-app{background-color:#77777a !important;}


tr.einvoice1 td.status{border:2px solid #77777a}

.text-adv,.adv{color:#77777a}
.text-brown{color:#77777a}


.chosen-container .chosen-results li.highlighted{background-color:#77777a;}
.chosen-container-active .chosen-choices{border:1px solid #77777a;}
.fc-border-separate thead tr{background:#77777a}
.fc-state-highlight .fc-day-number{font-weight:bold;color:#77777a;font-size:16px}
.jqte_focused{border-color:#77777a;box-shadow:0 0 10px #77777a; -webkit-box-shadow:0 0 10px #77777a; -moz-box-shadow:0 0 10px #77777a}
.jqte_editor li:before, div[data-content] li:before{background:#77777a;}

/* new green **/
.bg-green,.status_5,.btn.bg-brown,.btn.bg-blue,.selectab.active,.dialog.special h2.title{background-color:#2a9c56 !important}
.green, .text-green, table.table tbody tr.selected .checkbox input::after{color:#2a9c56 !important}

h2.title .bg-brown,.bg-blue,.action_update{background-color:#77777a !important;}

.bg-orange{background-color:#2a9c56 !important}
.orange,.text-orange{color:#2a9c56 !important}

.red,.text-red{color:#b64645 !important;}
.bg-red:not(tr){background-color: #b64645 !important;}

/** new yellow **/
.yellow, .text-yellow{color:#f7d455 !important;}
.bg-yellow{background-color:#f7d455 !important;}

/** fastlink **/
a.fastlink h2{color:#77777a;}
a.fastlink{border-left:3px solid #2a9c56}
a.fastlink img{width:70px}

/*.alert a{color:#2a9c56 !important;}*/

table.table tbody tr:nth-child(2n+1){background:rgba(0,0,0,.006)}
table.table tbody tr.worked1:nth-child(2n+1),table.table tbody tr.active:nth-child(2n+1){background:rgba(0,255,0,.15)}
table.table tbody tr:hover {background: rgba(200,250,200,.1) !important;}
table.table tbody tr td.end.rel{height:50px}
table.table table.table th{background: #f6f6f6 !important;}

td a{color:#2a9c56}
td a.ico.fa:not(.text-dark){color:#2a9c56}
td a.ico.fa.fa-edit,td a.ico.fa.fa-check1{color:#2a9c56}
td.pf2.red{color:#aaa !important;padding:10px}
td.pf2.red:hover{background:#fff}
/*td a.truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
td a:hover {
    overflow: unset;
    -webkit-line-clamp: none;
    line-clamp: none;
}*/

td.status{text-transform: uppercase;}

.controls .fa-download{margin-left:10px}

.tabs .menu a i{text-align:center}
.minified .tabs .menu a i{margin:0}
.left a.tab{border-radius:4px}

h2.title{margin:0 0 10px;}
.dialog h2.title{padding-right:40px}
.dialog h2.bback a.fl-right{margin-right:0}

#filters{
    background: none;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%);
    border:0;
}

#filters .label h2.ib{
    text-overflow: ellipsis;
    /* Needed to make it work */
    overflow: hidden;
    white-space: nowrap;
}

.jqte{margin:0 !important}
.wrap{word-wrap: break-word;}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.h100p{height:100%}

.dialog h2.title{padding-right:40px}

.activities-list .bg-overlay{background:rgba(0,0,0,.35);color:#fff}
.activities-list .btn{border:2px solid rgba(0,0,0,0)}
.bg-overlay.active{background:#2a9c56 !important;color:#fff}
.activities-list .btn.active{border-color:#2a9c56}
a.ico.loading{background:rgba(0,0,0,.1) !important;}
td a.ico.ipayment.fa:not(.text-dark){color:#fff !important;}

.datatable .controls{min-height:31px !important;display: inline-block;width: 100%;box-sizing: border-box;}
.datatable .controls .limit{font-size:0}
input.calendar{padding-right:20px}
.tooltip hr{border:1px solid #eee}
table .w-auto {width:1%;white-space:nowrap;}
.fc-button{height:auto}

#sinistra{position: fixed;top: 0;bottom: 0;left: 0;margin-left: 0;height: 100%;background: #fff;z-index: 11;width: 225px;border-right:1px solid #ddd;overflow:hidden}
#sinistra .main-menu{width:225px}
#destra{padding-top:40px;}
#head{position:fixed;top:0;left:0;z-index:10;width:100%;background:#eee;border-width:1px}
#head .btn, #head .btn .ico.fa{line-height:40px;height:40px}
#head .btn .ico{width:40px}
#menu{background: #555;overflow-y: scroll;scrollbar-width: thin;scrollbar-color: #888 #555;min-height: 120px;}
body.hair{background:#fff}
.content{margin:0;padding:5px}
.dialog .content{padding:0}
h2.title{border-width:1px;margin-bottom:0}
.margin-left{margin-left:225px}
.anim{transition-property:background-color,border,opacity,bottom,right,margin-right,margin-left,width;}
#destra form.fixed h2.title.edit{top:40px;left:225px;}
#destra form.m5{margin:0}
.tooltip{min-width: auto}

.main-menu a.active{background: rgba(255,255,255,.2)}
.main-menu a i{width:50px;line-height:36px}
.main-menu a i, .main-menu li, .main-menu a, .main-menu li li a{margin:0 !important;padding:0 !important;}


body.minimize .margin-left,
body.minimize #destra,
body.minimize #destra form.fixed h2.title.edit{margin-left:50px;left:0}
body.minimize #sinistra{width:50px}
body.minimize #sinistra:not(:hover) .mhide{display:none}
body.minimize #sinistra:hover{width:225px}
body.minimize [data-menu] .fa.fa-chevron-left:before{content:"\f054"}
[data-user] [data-value]{max-width:100px;overflow:hidden;text-overflow: ellipsis;max-height: 40px;}
[data-notifies] .messages{position:absolute;top:3px;left:24px;line-height:14px;background:#b64645;border-radius:7px;font-size:10px;padding:0 4px}
/* Badge */
.badge {display: inline-block;padding: .25em .4em;position:absolute;top:-5px;right:-5px;line-height: 1;font-size:10px;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 4px;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

@media screen and (max-width: 750px) {

    #operatore a.logout{padding-left:10px !important;}
    
    .a-center-sm{text-align:center}
    .imglogo{margin:20px 0 0 0;width:80%}
    .main-menu .w33p{width:33.3%}
    #menu .isnew .w70p{width:50%}
    .margin-left{margin-left:0px}
    #head .margin-left .fl-left{float:right}
    #head .btn b{display:none}
    #head .btn{padding-right:0}
    body #sinistra{margin-left:-225px}
    body.minimize #sinistra{width:225px;margin-left:0}
    .mhide{display:none}
}