@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work Sans');



body, .x-body, .x-panel, .x-btn-inner, .x-form-text  {
  /* font: normal 12px/13px 'Poppins', sans-serif; */
  /* font: normal 12px 'Roboto', sans-serif; */
  /* font: normal 12px/13px 'Lato', sans-serif; */
  /* font: normal 0.8rem/0.85rem 'Open Sans', sans-serif; */
  /* font: normal 13px 'Montserrat', sans-serif; */
  /* font: normal 12px/12px 'Work Sans', sans-serif; */
  /* font: normal 13px 'Open Sans', sans-serif; */
}


@media only screen and (min-width: 1024px) {
  html { zoom: 1.0 }
}

html { 
    height: 100% 
}

body {
   background: no-repeat center center fixed;
   height: 100%; 
   margin: 0; 
   padding: 0;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-image: url(/files/images/sfondo.jpg);
}
.intestazione {
    background-color: #274d3d;
    background-image: url(/files/images/intestazione-logo.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.x-window-default {
    border-color: #000;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-panel-body-default {
    background-color: #f5f6f7;
}

.x-window-header-default-top {
    -moz-border-radius-topleft: 1px;
    background-color: #8BC34A;
}

.x-window-default {
    box-shadow: 5px 5px 30px #000 !important;
    padding: 0px 0px 0px 0px !important;
    background: #fff;
}

.x-window-header-title-default {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma, arial, verdana, sans-serif;
    line-height: 26px;
}
.xuniribbon  {
    background-color: #cbdbef;
}

.xuniribbon .x-tab-bar-default {
    margin-top: 3px;
    background-image: none;
    background-color: #cbdbef;
}

.xuniribbon .x-tab-inner-default
{
    color: #033;
    font-weight: bold;
}
.xuniribbon .x-panel-header-title-default > .x-title-text-default {
    color: #09a;
    /* font-weight:bold; */
}

.xuniribbon .x-tab-default-top {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    /* border-style: none; */
    border-color: #add;
    background-color: transparent;
}

.xuniribbon .x-panel-header {
    background-image: none;
    background: #f4fbfb;

}
.xuniribbon .x-panel-header-default {
    border-width: 1px !important;
    border-width: 0px 1px 0px 0px;
  /*  border-style: none solid none none !important; */
    border-color:#eee !important;
}


.xuniribbon .x-tab.x-tab-active.x-tab-default .x-tab-inner-default  {
    color: #a00;
    font-weight: bold;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default  {
    color: #a00;
    font-weight: bold;
}

.x-tab-default-top {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #add;
    background-color: #eff;
}
.xuniribbon .x-tab-bar-default .x-tab-over {
    background-color:  #eff;
}

.x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default
{
  display: none;   
}

.xuniribbon .x-panel-body-default {
    background: #fff;
    border-color: #eee;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma, arial, verdana, sans-serif;
    border-width: 0px 1px 0px 0px;
    border-style: solid
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
    border-color: #fff;
    background-image: none;
    background-color: transparent;
}

.x-form-text-default {
    color: #000;
    padding: 1px 3px 2px;
    background-color: #fff;
    background-image: url(images/form/text-bg.gif);
    /* font: normal 12px/17px tahoma, arial, verdana, sans-serif; */
    min-height: 20px;
    /* font-size: 14px; */
}

.x-form-trigger {
    background-position: 0 center;
    border: 1px solid #eee;
    height: 20px;
}
.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;
	
}

.x-form-trigger-wrap {
    border-width: 1px !important;
    border-style: solid;
    border-color: #ddd;
    border-bottom-color: #888;
    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #fff;
    height: 22px;
}


.x-form-file-wrap .x-form-trigger-wrap {
    border: 0px none !important;
}


.x-mask {
    filter: alpha(opacity=100);
    opacity: 1.00;
    background-color: rgba(204, 204, 255, 0.5);
    cursor: default;
}

x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-display-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger {
    filter: alpha(opacity=66);
    opacity: .66;
}

.x-grid-item .cell-start,
.x-grid-with-row-lines .x-grid-item-over .cell-start,
.x-grid-item-selected .x-grid-row .cell-start,
.x-grid-item-selected .x-grid-cell-special .cell-start {
    border-color: #aaa; 
    border-width: 0 0 0 1px;
    border-style: solid;
}

.x-grid-item .cell-stop,
.x-grid-with-row-lines .x-grid-item-over .cell-stop,
.x-grid-item-selected .x-grid-row .cell-stop,
.x-grid-item-selected .x-grid-cell-special .cell-stop {
    border-color: #aaa; 
    border-width: 0 1px 0 0;
    border-style: solid;
}

.x-grid-item .cell2 {
    background-color: #fff8ff; 
}

.x-grid-item-alt .cell2 {
    background-color: #faeefa;
}

.x-grid-item .cell3 {
    background-color: #fffff8; 
}

.x-grid-item-alt .cell3 {
    background-color: #fafaee;
}

.x-grid-item-selected .x-grid-row,
.x-grid-item-selected .x-grid-cell-special {
    background-color: none !important;
    background-image: none !important;
    background: #ffa !important;
    color: #000;
}

.x-grid-with-row-lines .x-grid-item-over .cell2,
.x-grid-item-selected .x-grid-row .cell2,
.x-grid-item-selected .x-grid-cell-special .cell2 {
    background: inherit !important;
}


.x-window-header-default .x-window-header-icon {
   visibility: hidden;
}


.x-fieldset {
	background: none;
	border: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: #f0f0f0;
}

.x-fieldset-body {
	margin: 0px 0px 0px 0px;
	border: 1px solid #ddd;
	border-top: 0px solid navy;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.x-fieldset-body .x-autocontainer-outerCt {
	position: relative;
	margin: 1px 0px 0px 10px;
}

 

.x-toolbar-footer {
    background: #c3d4ee;
    margin: 0px;

}

.x-window-header-default .x-tool-img {
    background-color: transparent;
}

.x-slider-thumb {
   z-index: 10000;
}

.slider-bar {
    background-color: #059CA4;
    height: 6px;
    position: relative;
    top: 5px;
    left: 0px;
}

.slider-bar-green {
    background-color: green;
}

.slider-bar-red {
    background-color: red;
}


.x-slider-horz .x-slider-thumb-drag {
    background-position: -30px -30px;
}

.slider10 {
    height: 40px;
    padding-top:6px;
    background-repeat:no-repeat;
    background-image:url(/files/images/slider10gray.png);

}
.slider10 .x-slider-thumb {
    background-image:url(/files/images/slider-thumb.png);
}

.slider10 .x-slider-horz {
 left: 0px;
 top: -5px;
 position: absolute;

   background: url(/files/images/slider10gray.png) repeat scroll  #e7eaea;
}

.slider10 .x-slider-horz, .slider10 .x-slider-horz .x-slider-end, .slider10 .x-slider-horz .x-slider-inner {
   background: none;
}

div.btngridv { display: none; float:right; width:40px }
div.btngridv img { margin: 2px; cursor: pointer}
td.x-grid-cell-selected div.btngridv { display:block }
tr.x-grid-row-focused div.btngridv { display:block }

div.btngridh {display: none;height:20px;font-size: 16px;color: darkred;cursor: pointer;}
div.btngridh img { margin: 2px; cursor: pointer}
div.btngridh i {margin: 1px 5px 0px 0px;}
td.x-grid-cell-selected div.btngridh { display:block }
tr.x-grid-row-focused div.btngridh { display:block }
td.x-grid-item-focused div.btngridh { display:block }
.x-grid-with-col-lines .x-grid-item-selected td.x-grid-item-focused {
    border: 1px black dotted;
  padding-bottom: 0px;
}

.x-tool {
    cursor: pointer
}

.panel-menu .x-tool-img {
  background-image: url(images/tools/tool-sprites.png);
    width: 16px;
    height: 16px;
}
.x-tool-img {
	background-image: url(/files/images/tool15x15.png);
	cursor: pointer;
}

.x-tool-img {
    overflow: hidden;
    width: 15px;
    height: 15px;
    margin: 0;
}
.x-tool-over .x-tool-placeholder,
.x-tool-placeholder {
    visibility: hidden
}


.x-tool-close {
    background-position: 0 0
}
.x-tool-over .x-tool-close {
    background-position: -15px 0
}

.x-tool-minimize {
    background-position: 0 -15px
}
.x-tool-over .x-tool-minimize {
    background-position: -15px -15px
}

.x-tool-maximize {
    background-position: 0 -30px
}
.x-tool-over .x-tool-maximize {
    background-position: -15px -30px
}

.x-tool-restore {
    background-position: 0 -45px
}
.x-tool-over .x-tool-restore {
    background-position:  -15px -45px
}

.x-tool-toggle {
    background-position: 0 -60px
}
.x-tool-over .x-tool-toggle {
    background-position: -15px -60px
}



.x-grid-row-summary .x-grid-cell, .x-grid-row-summary .x-grid-rowwrap, .x-grid-row-summary .x-grid-cell-rowbody {
    border-width:2px 0 0  0;
    border-style: solid;
    border-color: #09A;
    padding: 2px 4px 6px 4px;
    background-color: #f0f9fa !important;
    cursor: pointer;
    font: normal 11px/13px tahoma,arial,verdana,sans-serif;
}

.x-grid-group-hd {
    border-width: 0 0 2px 0;
    border-style: solid;
    padding: 10px 4px 4px 4px;
    background: white;
    cursor: pointer;
    border-color: #09A;
}

.x-grid-group-title {
    color: #045;
}


.x-message-box .x-window-body {
    background-color: #eefffd;
    border-width: 0;
}



.x-boundlist-item {
    padding: 0 3px;
    font: normal 12px tahoma,arial,verdana,sans-serif;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    zoom: 1;
    border-width: 1px;
    border-style: dotted;
    border-color: #eee;
}

.x-panel-header-default {
    background-image: none;
    background-color: #edf2f9;
}


.x-panel-header-text-container-default {
    color: #008;
}

.x-btn-inner-center {
    text-align: left;
    margin-left: 3px;
}


.x-fieldset-header-text {
}


.x-fieldset-header .x-mask {
    background: none;
}

.sede{
  width: 10px;
  height: 10px;
  line-height: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 8px;
  color: #fff;
  text-align:center;
  background: #044;
  /* border-radius: 1px; */
}

.sede-line {
  font-size: 8px;
  color: #044;
}
.sede-line b {
  color: #fff;
  background: #044;
  padding: 0px 3px;
}

.x-form-item-default.x-item-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9;
}

.login .x-panel-body-default {
    box-shadow: 5px 5px 30px #000 !important;
    padding: 0px 0px 0px 0px !important;
    overflow: auto;
    background: url(/files/images/login.jpg) no-repeat center;
    background-color: #fff; 
       
}


#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  20001;
  height:   auto;
  margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
  background: url(/files/images/loading.gif) no-repeat;
  color:      #555;
  font:       bold 13px tahoma,arial,helvetica;
  padding: 18px 60px;
  margin:     0;
  text-align: center;
  height:     auto;
}

.x-mask-msg-text {
    padding: 15px 10px 15px 55px;
    background-image: url(/files/images/loading.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    min-height: 48px;
}


.x-mask-msg {
  background-color: #ffe;
  border-color: #fd9;
}

.x-mask-msg-inner {
    padding: 0 0px;
    border-style: none;
    background: none;
    color: #025;
    font: normal 11px tahoma, arial, verdana, sans-serif;
}


.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: 9px;
  height: 9px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(153 193 93 / 50%);
  border-radius: 3px;
/*  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: #8BC34A !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: #8BC34A;
}


.btn-trasp  .x-btn-icon-el-default-small {
    font-size: 24px;
    height: 24px;
    color: #8BC34A;
    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: #008800;
}


.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: #669966 !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: #8BC34A;
}
.x-toolbar-default.x-toolbar-default-docked-top .x-btn-default-toolbar-small:hover {
    height: 20px;
    border: 1px solid #669966 !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;
}





.x-grid-cell-inner {
    min-height: 10px; 
}




















.noevents{
  pointer-events: none !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;
}

.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; 
}

.xunipanellayout .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;
}

.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;
}
.kb-alert
{
    margin-top: -10px;
    font-size: 8px;
    color: red;
    margin-bottom: 10px;
}
.kb-esterno {
	position: absolute;
	color: maroon;
	top: -1px;
	right: 3px;
	font-size: 8px;
}
.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-ditta b{
  color: #666699;
  
}

.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: -4px;
  margin-left:-5px;
  padding: 2px 5px;
  width:max-content;
}

.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-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;
}



.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;
}


.xunititlepanel img {
    top: 0px;
    position: absolute;
    left: 0px;
}

.xunititleicon {
    font-size: 24px;
    padding: 4px;
    color: #99c15d;
    text-shadow: 1px 1px 4px silver;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #344c3e;
    /* -webkit-text-fill-color: #99c15d; */
}

.foto-grid {
    height: 25px;
    width: 25px;
    text-align:center;
    align-content: center;
}

.foto-grid img {    
    max-height:100%;
    max-width:100%;
}