.x-treelist-nav .x-treelist-row {
    padding-left: 5px;
    padding-right: 0px;
    /* border-bottom: 1px solid; */
}

.x-treelist-nav .x-treelist-item-expandable  ,
.x-treelist-nav .x-treelist-item-selected  ,
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row ,
.x-treelist-nav .x-treelist-item-over > .x-treelist-row {
    background: transparent;
    /* background: red; */
}

.x-treelist-nav .x-treelist-item-expandable .x-treelist-item-over > .x-treelist-row  ,
.x-treelist-nav .x-treelist-item-expandable.x-treelist-item-over  > .x-treelist-row ,
.x-treelist-nav .x-treelist-item-expanded ,
.x-treelist-nav .x-treelist-item-expanded ul ,
.x-treelist-nav .x-treelist-item-expanded   > .x-treelist-row   
{
    /* background-color: transparent !important; */
    background-color: #ddddff !important;
}
.x-treelist-nav .x-treelist-item-selected  {
    /* background-color: transparent !important; */
    background-color: #ffd !important;
}
.x-treelist-nav .x-treelist-item-selected .nodolabel  {
    background-color: #edf2f9 !important;
}

.x-treelist-nav .x-treelist-item-expanded {
/*    border: 1px solid #b4d5ff; */
    border-radius: 5px;
}
.x-treelist-nav .x-treelist-item-expanded > ul {
    border-top: 1px solid #9da9c9;
}
.x-treelist-nav .x-treelist-item-expandable.x-treelist-item-selected > .x-treelist-row ,
.x-treelist-nav ul li .x-treelist-item-selected.x-treelist-item-over > .x-treelist-row ,
.x-treelist-nav ul li .x-treelist-item-selected > .x-treelist-row {/*    background-color: #679 !important; */background-color: transparent !important;/* background-color: #235 !important; */}

.x-treelist-nav .x-treelist-row-over:before, 
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
    display: none;
}

.x-treelist-nav .x-treelist-row.x-treelist-row-over:before, 
.x-treelist-nav .x-treelist-item-expandable .x-treelist-row-over:before, 
.x-treelist-nav .x-treelist-item-expandable .x-treelist-item-selected.x-treelist-item-expandable > .x-treelist-row:before {
    display: block; 
    background-color: #88f;
}
.x-treelist-nav .x-treelist-row.x-treelist-row-over.nodolabel:before
{
   background: transparent;
}


.x-treelist-item-tool.x-tree-node-icon-blank {
  display: none;
}

.x-treelist-nav .nodolabel .x-treelist-item-text {
    color: #556688;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 10px;
    /* height: 36px; */
    /* line-height: 24px; */
}

.x-treelist-nav {
    background-color: #edf2f9;
    background-position: 24px 0%;
    padding: 0 0 0 0;
    overflow-y: auto;
}

.x-treelist-floater {
     left: 35px !important;
     border: 1px solid #4433bb;
     box-shadow: 8px 8px 10px 0px #ddd;
}

.x-treelist-nav .x-treelist-item-text {
   /* color: #5e6e82; */
   color: #223344;
   font-size: 14px;
   /* letter-spacing: 1px; */
   font-weight: 500;
}

.x-treelist-nav .x-treelist-item-tool:hover{
  background-color: #a8d6ff

}
.x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool {
    color: #445588;
    font-size: 13px;
    /* background-color: chartreuse; */
}

.panel-menu .x-panel-header-title-default {
    color: #445588;
    font-size: 17px;
    font-family: tahoma, arial, verdana, sans-serif;
    line-height: 18px;
    font-weight: bold;
}
.panel-menu .x-panel-body-default {
  background-color: #edf2f9;
}

.panel-form .x-window-default {
    border-color: #edf2f9;
}

.x-panel-header-default {
    background-image: none;
    /* background-color: #445588; */
}



.x-treelist-row.nodolabel {
  height: 20px;
}


..x-treelist-nav .x-treelist-row-over {
    background-color: #4f606f
}

.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon {
    color: #232e3c
}

.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text {
    color: #232e3c
}

.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander {
    color: #232e3c
}

.x-treelist-nav .x-treelist-item-text {
    vertical-align: middle;
    display: table-cell;
    white-space: normal;
    height: 20px;
    line-height: normal;
    padding-left: 25px;
    /* border: 1px solid; */
}
.x-treelist-nav .nodolabel .x-treelist-item-text {
    padding-right: 20px;
    /* color:#41cda4; */
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 5px;
    height: 20px;
    background: #edf2f9;
    margin-right: 54px;
}

.x-treelist-nav .nodolabel .x-treelist-item-wrap {
    margin-left: 0px;
    border-bottom: 1px solid #b4d5ff;
    height: 14px;
    margin-right: 10px;
}
    

.x-treelist-nav .x-treelist-item-icon:before, .x-treelist-nav .x-treelist-item-tool:before, .x-treelist-nav .x-treelist-item-expander {
    line-height: 24px;
    /* color: #4466aa; */
}

*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(187 238 221 / 40%);
  border-radius: 10rem;
  border: 1px solid #9da9c9;
}


*::-webkit-scrollbar-track-piece:start {
  background: transparent;
}

*::-webkit-scrollbar-track-piece:end {
  background: transparent;
}


.btn-trasp  {
  background: none !important;
  border: none !important;
  color: #79d0ee !important;
}

.btn-trasp .x-btn-button-center
{
  justify-content: left;
}

.btn-trasp .x-btn-inner {
    font-size: 14px;
    color: white;
    line-height: 14px;
    margin-left: 5px;
}

.btn-trasp .x-btn-inner small {
    font-size: 10px;
    color: #79d0ee;
}


.btn-trasp  .x-btn-icon-el-default-small {
    font-size: 24px;
    height: 24px;
    color: #79d0ee;
    line-height: 28px;
    width: 24px;
}
/*
.x-keyboard-mode .btn-trasp.x-btn-focus.x-btn-default-large,
.x-keyboard-mode .btn-trasp.x-btn-focus.x-btn-default-medium,
.x-keyboard-mode .btn-trasp.x-btn-focus.x-btn-default-small 
*/
.btn-trasp.x-btn-focus ,
.btn-trasp.x-btn-over {
    border-color: none !important;
    background-image: none !important;
    background: none !important;
}
.btn-trasp .x-btn-wrap-default-small.x-btn-split-right:after {
    width: 20px;
    background: none;
    padding-right: 10px;
    content: "\f0d7";
    font: 16px/20px FontAwesome;
}
.x-menu-item-icon-default {
    color: #5a6b8f;
}
.x-menu-item:hover .x-menu-item-icon-default{
    color: #4d37be; 
}
.x-menu-item:hover .x-menu-item-text {
    color: #4d37be; 
}


.paneltopmenu .x-toolbar-default.x-toolbar-default-docked-top {
  border-width: 0px !important;
  margin-top: 0px;
  background: transparent;
}

.paneltopmenu .x-toolbar
{
  background:#f5f6f7;
}
.paneltopmenu .x-btn-inner
{
  color:#f5f6f7;
}
.paneltopmenu .x-toolbar-default.x-toolbar-default-docked-top .x-btn-default-toolbar-small.x-focus {
  border-color: #6655dd !important;
  background: transparent !important;
}
.paneltopmenu .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after
{
    width: 20px;
    background: none;
    padding-right: 10px;
    content: "\f0d7";
    font: 16px/20px FontAwesome;
    color:#79d0ee;
}
.x-toolbar-default.x-toolbar-default-docked-top .x-btn-default-toolbar-small:hover {
    height: 20px;
  border: 1px solid #7766ee !important;
}

.x-treelist-container .x-treelist-item-wrap  {
  margin-left: 10px !important;
  border-left: 1px dotted #9da9c9;
}

.gradient-box  {
  border-radius: 5px;
}
.gradient-white  {
  background: linear-gradient(0deg,#ddd,#fff)!important;
  border-radius: 5px;
}
.gradient-pink  {
  background: linear-gradient(180deg,#32a,#c6d)!important;
  border-radius: 5px;
}
.gradient-blue  {
  background: linear-gradient(0deg,#61c,#27f)!important;
  border-radius: 5px;
}
.gradient-green  {
  background: linear-gradient(0deg,#088,#2f7)!important;
  border-radius: 5px;
}
.gradient-yellow  {
  background: linear-gradient(0deg,#484,#ff0)!important;
  border-radius: 5px;
}
.gradient-red  {
  background: linear-gradient(0deg,#a4a,#f06)!important;
  border-radius: 5px;
}
.gradient-navy  {
  background: linear-gradient(180deg,#04a,#024)!important;
  border-radius: 5px;
}
.gradient-white .x-panel-body-default div[id*=-background]{
  display:none;
}

.gradient-white .x-panel-body-default {
  background: none;
}

.data-calendario {
  /* color:
  white; */
  border: 1px solid #88f;
  background: rgb(255,255,255 , 25%);
  border-radius: 5px;
}

.data-calendario h1 {
  /* color:
  white; */
  margin: -1px auto;
}
.data-calendario h4 {
  color:white;
  margin:0px;
  font-size: 9px;
}

.testo-in-lista b {
 color: yellow 
}

.testo-in-lista small {
 color: #cccccc
}

.testo-in-lista i {
 color: #ffffcc
}

.testo-in-lista {
  font-size: 13px;
}

.testo-in-lista div {
 margin-bottom: 5px;
}



.red {color: red !important;}
.maroon { color: maroon !important;}
.blue { color: blue !important;}
.navy { color: navy !important;}
.green { color: green !important;}
.yellow { color: yellow !important;}
.viola { color: indigo !important;}
.indigo { col1or: indigo !important;}
.gray { color: gray !important;}
.silver { color: silver !important;}
.maschio {
 -webkit-text-stroke: 1px navy;
 color: #aaf;
}
.femmina {
 -webkit-text-stroke: 1px maroon;
 color: #faaa;
}
.bordato {
 -webkit-text-stroke: 1px navy;
 color: #fff;
}

.f16 { font-size: 16px; }
.f20 {font-size: 20px;}
.f24 { font-size: 24px; }



.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 11px;
}
.x-form-text  {
  /* font: normal 12px 'Poppins', sans-serif; */
}

x-form-text-default {
  padding: 1px 3px 0px;
}

.panel-up {
  background: #ffffee; 
  box-shadow: grey 0px 1px 9px 0px; 
}

.x-panel > .x-mask {
/*  filter: alpha(opacity=10); */
/*  opacity: 0.10; */
  background: #fff;
  cursor: default;
}

.xunipanellayout_ .x-panel-body-default {
  border-width: 0px;
  border-style: solid;
}

.xunipanellayout  .x-panel-header-default {
  border-width: 0px 0px 1px 0px  !important;
  border-style: solid !important;
  border-color: #13067a !important;
  background: transparent;
}


.xunipanellayout .x-panel-header-title-default {
  color: #13067a;
  font-size: 12px;
  font-weight: bold;
}

.xunipanellayout  .x-panel-body-default {
    border-radius: 0px 0px 5px 5px;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {opacity: 0;}
}

.blink50 {
  animation: blinker50 2s linear infinite;
}

@keyframes blinker50 {
  25% {opacity: 1;}
  50% {opacity: 0.5;}
  75% {opacity: 1;}
}

.alert-red {
  background:#ee0000;
  border-radius: 2px;
  color:white;
  white-space: initial;
  font-size:x-small;
  padding-left:4px;
  animation: blinker50 2s linear infinite;
}
.alert-red b {
  color:yellow;
}


.x-calendar-days .x-calendar-days-day-column[data-index="6"] ,
.x-calendar-weeks .x-calendar-weeks-cell[data-index="6"] 
{
  background:#ffeeee;
}
.x-calendar-days .x-calendar-days-day-column[data-index="5"] ,
.x-calendar-weeks .x-calendar-weeks-cell[data-index="5"] 
{
  background:#fff8f8;
}

.x-calendar-weeks .x-calendar-weeks-cell {
    border: 1px solid #aaa;
    
}

.x-calendar-weeks .x-calendar-weeks-outside-cell 
 {
  color: #aaa;
  border:none;
  background-color: #f7f9fd !important;
}
.x-calendar-header .x-calendar-header-cell {
    background: #eff2f8;
    border: 1px solid #bfd4fb;
}

.x-calendar-event .x-calendar-event-inner::before {
    font-family: 'Font Awesome 5 Free' !important;
    margin-right: 4px;
}

.x-calendar-event[data-calendarid="1"] .x-calendar-event-inner {
    background: #eeeeee !important;
  color: navy !important;
}
.x-calendar-event[data-calendarid="2"] .x-calendar-event-inner {
    background: #ffd69b !important;   
  color: black !important;
}
.x-calendar-event[data-calendarid="3"] .x-calendar-event-inner {
    background: #ddffdd !important;   
  color: black !important;
}

.x-calendar-event[data-calendarid="4"] .x-calendar-event-inner {
    background: #eeffee !important;   
  color: silver !important;
}


.x-calendar-event[data-calendarid="1"] .x-calendar-event-inner::before {
}
.x-calendar-event[data-calendarid="2"] .x-calendar-event-inner::before {
    content: "\f0f3" !important;
    color: maroon;
  font-size: 9px
}

.x-calendar-event-week-inline.x-calendar-event-inline-title .x-calendar-event-inner {
    max-height: 16px;
}

.x-calendar-event-week-span.x-calendar-event-inline-title .x-calendar-event-inner {
    height: 18px !important;
}


.x-calendar-event-inner {
    white-space: normal !important;
    font-size: 9px !important;
    white-space: wrap !important;
    line-height: 8px !important;
    padding: 0px 0px 0px 3px !important;
}


.x-calendar-event-time {
  color: red;
}

.x-calendar-event.x-calendar-event-day {
 border: 1px solid #2196F3 !important;
    border-radius: 4px;
}
.x-calendar-event.x-calendar-event-day:hover {
 border: 1px solid red !important;
}

.x-calendar-weeks .x-calendar-weeks-overflow {
       background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #ffffff), color-stop(0%, #dddddd));
       background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
       background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
       background-image: -o-linear-gradient(top, #ffffff, #dddddd);
       background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
       background-image: linear-gradient(top, #ffffff, #dddddd);
       color: black !important;
  color:red !important;
}

.x-calendar-panel-switcher .x-btn-pressed {
      background: #ffff00 !important;   
}

.x-calendar-panel-title{
      background: transparent !important;   
  color:#305484;
  font-weight: bold;
}

.x-calendar-weeks-large .x-today-cell-highlight-weeks-day .x-calendar-weeks-day-text,
.x-calendar-header .x-calendar-header-cell.x-today-cell-highlight-day {
    background-color: #ffff00;
}

.mycalendar .x-toolbar-default.x-toolbar-default-docked-top .x-btn-default-toolbar-small {
     background-color: #f0f0f0;
     border: 1px solid #c6d4f7 !important;
}

.boxkanban .x-grid-cell-inner {
    /* position: relative; */
    /* text-overflow: ellipsis; */
    padding: 2px 2px 0px 2px;
}


.kb-evento {
    cursor:pointer;
    margin: 0px -2px !important;
    padding: 3px 5px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #475466;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #DADEE0;
    border-left: 3px solid #AAAACC !important;
    min-height: 40px;
}
.kb-evento.mia {
  border-left: 3px solid #CCAA22 !important;
  color:#001122;
  background:#ffffdd;
}
.stato-a .kb-obj, 
.stato-e .kb-obj, 
.kb-eliminati .kb-evento {
  text-decoration:line-through;
	color:maroon
}

.kb-evento.altro {
  border-left: 3px solid #22AACC !important;
  color: #445566;
}
.kb-evento.evento {
  color: #444466;
  border-left: none;
  background: #f2feef;
}

.kb-evento.nessuno  {
  color: #445566;
}

.kb-evento.scadenza {
  border-left: 3px solid #CC2222 !important;
  color:#001122;
  background:#ffeeee;
}

.kb-evento.richiesta {
  border-left: 3px solid #4CAF50 !important;
  color:#001122;
  background:#EEFFEE;
}

.kb-evento.scadenza.stato-c {
  border-left: 3px solid navy;
  color:#001122;
  background:#eeffee;
}

.kb-evento.documento {
  border-left: 3px solid #356465 !important;
  color:#000000;
  background:#eeffff;
}
.kb-evento.documento .avatar {
  color:#356465;
}
.mia .kb-utente {
  color: #002244;
}

.boxkanban .avatar {
  width: 24px;
  height: 30px;
  position: absolute;
  right: 8px;
  top: 8px;
  text-align: center;
  overflow: hidden;
  background-position: center center;
}
.boxkanban .avatar div {
  font-size:8px;
  color: gray;
}


.kb-evento .kb-ditta{
  font-size: 9px;
  color: gray;
  width: 85%;
  display: block;
  overflow: hidden;
}
.kb-evento .kb-nome {
  font-size: 10px;
  color: black;
  width: 85%;
  display: block;
  overflow: hidden;
}
.kb-evento .kb-obj {
  font-weight:bold;
  text-wrap:wrap;
  font-size: 12px;
  padding-bottom: 12px;
  width: 85%;
}

.kb-evento .kb-utente, .kb-evento .kb-stato {
 font-size: 9px;
 position: absolute;
 right: 10px;
 bottom: 4px;
 padding: 1px;
}
.kb-evento.evento .kb-ditta{
  background: #64a8c8;
  color:white;
  margin-top: -3px;
  margin-left: -5px;
  padding: 2px 7px;
  width:max-content;
}

.kb-evento.altro.promemoria .kb-ditta{
  background: #2e6984;
}
.kb-evento.altro.promemoria {
  border-left: 3px solid #2e6984 !important;
}

.kb-evento.evento.mia .kb-ditta{
  background: #c2ab43;
}


.boxkanban .x-panel-body-default {
  background:inherit;
  border: none;
}

.boxkanban .x-grid-item,
.boxkanban .x-grid-row .x-grid-cell-selected {
  background:inherit !important;
  border: none;
}

.boxkanban .x-grid-with-row-lines .x-grid-item-over + .x-grid-item,
.boxkanban .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
  border: none;
}

.boxkanban .x-grid-with-row-lines .x-grid-item.x-grid-item-over
.kb-evento {
 /* box-shadow: 1px 1px 0px 0px silver; */
}

.boxkanban .x-grid-with-row-lines .x-grid-item.x-grid-item-over
.kb-evento {
  border: 1px solid gray;
}

.boxkanban .x-grid .x-panel-header-default {
  background: none;
  border: none !important;
  border-bottom: 1px solid silver !important;
}

.boxkanban .x-grid .x-panel-header-title-default {
  color: gray;
}

.boxkanban .x-panel-header-title-default {
  color: white;
  font-weight: bold;
}

.boxkanban .x-panel-header-default {
  background: #305484;
  padding: 0px 10px;
}
.boxkanban .x-grid-group-hd {
  background: none;
  padding: 8px 0px 2px 5px;
  border-width: 0 0 1px 0;
}
.x-grid-group-title {
  font-size: 10px;
  /* color: #5d9fbd; */
}

.kb-fatto .x-panel-header-default {
  background: #004400;
}
.kb-posticipi .x-panel-header-default {
  background: #305484;
}
.kb-allegati .x-panel-header-default {
  background: #002244;
}
.kb-da-fare-no .x-panel-header-default {
  background: #503bb6;
}
.kb-da-fare-si .x-panel-header-default {
  background: green;
}
.kb-eliminati .x-panel-header-default {
  background: red;
}

.kb-attivita .x-panel-header-default {
  background: green;
}
.kb-pratiche .x-panel-header-default {
  background: #503bb6;
}
.kb-documenti .x-panel-header-default {
  background: #006666;
}
.kb-scadenze .x-panel-header-default {
  background: maroon;
}

.kb-fatto .x-panel-body-default {
  background: #f7fff7;
}
.kb-da-fare-no .x-panel-body-default {
  background: #f7f7f7;
}
.kb-da-fare-si .x-panel-body-default {
  background: #f7ffff;
}
.kb-eliminati .x-panel-body-default {
  background: #fff7f7;
}

.kb-attivita .x-panel-body-default {
  background: #f7fff7;
}
.kb-pratiche .x-panel-body-default {
  background: #f7f7f7;
}
.kb-documenti .x-panel-body-default {
  background: #f7ffff;
}
.kb-scadenze .x-panel-body-default {
  background: #fff7f7;
}

.x-window-body {
 font: normal 12px tahoma, arial, helvetica, sans-serif;
}

.stato-a .kb-stato, .stato-e .kb-stato {
  color:red;
}
 
.stato-l .kb-stato, .stato-l .avatar {
  color: green;
}

.stato-c .kb-stato, .stato-c .avatar {
  color: navy;
}


.stato-c .kb-stato:after {
  color: green;
  content: ' \f560' !important;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.stato-a .kb-evento:after ,
.stato-e .kb-utente:after,
.stato-a .kb-stato:after ,
.stato-e .kb-stato:after {
  color: maroon;
  content: ' \f00d' !important;
  font-size: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}


.kb-evento.richiesta .kb-stato {
  font-size:11px;
  font-weight: bold;
  /* color: #407e23; */
}

.stato-r .avatar{
  color:red;
}
.stato-r .kb-stato {
  font-size:9px !important;
  color:red;
}
.stato-r {
  border-left: 3px solid red;
  background:#EEFFAA !important;
}

.kb-alert
{
    margin-top: -10px;
    font-size: 8px;
    color: red;
    margin-bottom: 10px;
}
.kb-esterno {
	position: absolute;
	color: red;
	top: 0px;
	right: 3px;
	font-size: 8px;
	text-transform: uppercase;
}




.view-html {
	padding: 20px
}

.view-html table td {
	padding: 5px
}

.view-html table th {
	color: navy;
	border-bottom: 1px solid navy;
}

.view-html table td {
	border-bottom: 1px solid silver;
}

.view-html b {
	color: navy;
}
.view-html strong {
	color: maroon;
}

.view-html .right {
	text-align: right;
}

.view-html tr:nth-child(even) {
	background: #eee
}

.docnote {
	font-size: x-small;
	line-height: 10px;
	margin: 0px;
	color: #666699;
	text-wrap: wrap;
}

.x-form-trigger-add {
    width: 18px;
    background:none;
    border-width: 0 0 1px;
    border-color: none;
    border-style: solid;
    padding-top:10px
}

.x-form-trigger-add:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    content: '\f055' !important;
    color: green;
	
}