html {height:100%;
	 background-color: #8babc4;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     overflow: auto}
	 
body {font-size: 14pt; 
     font-family: "Segoe UI", arial, sans-serif;
	 background-color: transparent;	 
	/* -webkit-touch-callout: none; */
	 }

/************ INIZIO DATATABLE CUSTOMIZATION **************************/
.rowSearchDatatable { margin-right: 0px; margin-left: 0px; height: 35px;}
.exceldatatableButton {margin-right: 15px !important;}
.col1-customDatatable, .col3-customDatatable {width: 50%; position: relative; min-height: 1px; float: left;}
.col2-customDatatable {position: relative; min-height: 1px; float: right;}
.col4-customDatatable {width: 50%; position: relative; min-height: 1px; float: right;}
.col5-customDatatable {position: relative; min-height: 1px; float: right;}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {background-color: #A2D3F6;}
table.dataTable td {font-size: 14px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

tfoot {display: table-header-group;}
tfoot input {width: 100%;
         padding: 3px;
         box-sizing: border-box;}
		 
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
   background-image: url(../images/sort_both.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_asc {
   background-image: url(../images/sort_asc.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_desc {
   background-image: url(../images/sort_desc.png);
   background-repeat: no-repeat;
   background-position: center right;
}		 

.dataTables_wrapper
.dataTables_processing {position: absolute;
                        background: none;
						border: none;
}


.dataTables_processing {position: absolute;
                        margin-top: 0px !important;
                        margin-left: 0px !important;
                        left: 50%;
                        top: 50%;
                        z-index: 10002;
					    border: 2px ridge rgb(93,123,146);
					    border-radius: 5px						
}

.custom_processing {position: absolute;
                    left: 50%;
                    top: 50%;
                    z-index: 10002;
                    display: none;
                    font-size: 16px;
                    background-color: white;
					text-align: center;
					padding: 16px 0px 16px 0px;
					width: 200px;
					border: 2px ridge rgb(93,123,146);
					border-radius: 5px
}

.elab_processing {position: absolute;
                  left: 50%;
                  top: 50%;
                  z-index: 10002;
                  display: none;
}

.zoomColumn {width: 20px;}
.idColumn {width: 50px;}
.dateColumn {width: 70px;}
.datefullColumn {width: 110px;}
.categoriaColumn {width: 170px;}

.buttons-excel{padding-top: 2px !important; padding-bottom:2px !important}

.dataTableStyle {border: 2px ridge rgb(93,123,146)}

td.details-control {background: url('../images/details_open.png') no-repeat center center; cursor: pointer;}
tr.shown td.details-control {background: url('../images/details_close.png') no-repeat center center;}

.connectedSortable tr, .ui-sortable-helper {cursor: move;}
.connectedSortable tr:first-child {cursor: default;}

/************ FINE DATATABLE CUSTOMIZATION **************************/

td.highlight {background-color: #FFFFC2 !important;}

select {font-size: 16px; font-family: "Segoe UI", arial, sans-serif;border-radius:3px}
select.form-control.input-sm {padding-top: 0px;}

.chosen-container {font-size: 16px; font-family: "Segoe UI", arial, sans-serif;}
.chosen-container-single .chosen-single {background: white; border: 1px solid #ccc;}
.form-control[readonly] {background-color: white;}
.chosen-disabled {opacity: 1 !important;}
.chosen-container-single .chosen-single input:disabled {cursor: not-allowed !important;}
.chosen-container-active.chosen-with-drop .chosen-single {background-image: none;}
.chosen-container-single .chosen-single {height: 26.855px; box-shadow: none; -webkit-box-shadow: none;}

td[name=label] {font-size: 16px;
               font-family: "Segoe UI", arial, sans-serif;
			   font-weight: bold;
			   line-height:23px;
			   float: left;
			   width: 150px;
			   margin-left: 20px;				 
}

td[name=labelMap] {font-size: 16px;
                  font-family: "Segoe UI", arial, sans-serif;
			      font-weight: bold;
			      line-height:23px;
			      float: left;
				  width: 80px;					  
			      margin-left: 20px;				  
}	

td[name=labelFree] {font-size: 16px;
                  font-family: "Segoe UI", arial, sans-serif;
			      font-weight: bold;
			      line-height:23px;
			      float: left;					  
			      margin-left: 20px;				  
}

td[name=datadisplay] {font-size: 16px;
                     font-family: "Segoe UI", arial, sans-serif;
			         line-height:23px;
			         float: left;				 
			         margin-left: 20px;				 
}				 

.tooltip-inner {background:#fff;
               color: #444;
               -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
               -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
               box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);}
													   
p {display: block !important; margin: 1em !important;}

hr {border-top: 1px solid #333;}

.popover {max-width: 100%;}

.popover-title {font-weight: bold; text-align: center;}

#msgerr {color: red;}

span[name=errore] {font-size: 12px;
                  font-family: "Segoe UI", arial, sans-serif;
				  color: red;
				  margin-left:190px;}

span[name=erroreModal] {font-size: 12px;
                        font-family: "Segoe UI", arial, sans-serif;
				        color: red;
				        margin-left:110px;}

div[name=blank] {height: 10px;}

span[name=label] {font-size: 16px;
                 font-family: "Segoe UI", arial, sans-serif;
				 font-weight: bold;
				 line-height:23px;
				 float: left;
				 width: 170px;
				 margin-left: 20px;
}

span[name=labelFree] {font-size: 16px;
                     font-family: "Segoe UI", arial, sans-serif;
				     font-weight: bold;
				     line-height:23px;
				     margin-left: 20px;		
				     margin-right: 20px;					 
}

span[name=labelButtonRow] {font-size: 16px;
                          font-family: "Segoe UI", arial, sans-serif;
				          line-height:34px;
						  float: right;						  
}

span[name=labelCliente] {font-size: 24px;
                        font-family: "Segoe UI", arial, sans-serif;
				        font-weight: bold;
				        float: left;				     
				        margin-left: 20px;
}

span[name=zoom] {cursor: pointer;}

input[type=checkbox] {cursor: pointer;}					 

input  {font-size: 16px;
      font-family: "Segoe UI", arial, sans-serif;
	  padding-left: 5px;
	  border: 1px solid #ccc;
	  border-radius: 5px;
}

input[name=username], 
input[name=password] {width: 40%;
                    padding: 10px;
                    border: 1px solid #ccc;
                    padding-left: 5px;
                    font-size: 16px;
                    font-family: "Segoe UI", arial, sans-serif;
}

input[name=submit] {width: 15%;
                  background-color: rgb(93,123,146);
                  color: #fff;
                  border: 2px solid rgb(93,123,146);
                  padding: 10px;
                  font-size: 20px;
                  cursor: pointer;
                  border-radius: 5px;
                  margin-bottom: 15px;
}   
   
#onclick {cursor:pointer; cursor:hand;}

.pointer  {cursor:pointer}
.pointer2:hover  {cursor:pointer; text-decoration:underline}

.btnForm  {margin-top:-25px; margin-right:10px; float:right; width: 70px}
.btnForm2  {margin-top:-33px; margin-right:215px; float:right}
.btnInterv {margin-left:-30px; font-size:10pt; width: 60px}

.input-readonly {cursor:not-allowed; opacity:1}

.form-control {font-size: 12pt; color: #000000}

.spanRow {margin-left:20px; font-size:14px}

a[href$='.pdf'] {padding: 5px 0 5px 20px; background: transparent url(../images/icon_pdf.gif) no-repeat center left;}

a:link, a:visited {text-decoration: none; font-weight: normal;}

a:hover {text-decoration: underline; color:rgb(93,123,146)}
		 
#riquadroLogin{margin-top:16%;
               padding:20px;
		       font-size:12pt;
		       position: relative;
			   display: inline-block;
			   text-align: center;
	           background-color: white;
	           border: 4px ridge rgb(0255,165,0);
	           border-radius: 6px;		  
	           box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.4);}
				
#riquadroScrollVert{font-size:12pt;		
                    height: calc(100vh - 94.5px);
                    overflow: auto;		  
		            box-sizing:content-box;
				    background-color: #e6f0ff}				
				 
#dataTableScrollVert{font-size:12pt;
                     margin-bottom:10px;
                     overflow: auto;	
                     overflow-x: hidden;				 
		             box-sizing:content-box;}					 

#riquadroScrollGantt{margin-bottom:10px;
		             font-size:9pt;				    
			         height: calc(100vh - 119px);
					 width: calc(100vw - 270px);
                     min-width: 500px;					 
                    /* overflow: auto*/
					 }	
					 
#modalScrollVert{margin:3px 0 0;                
		         font-size:12pt;				    
			     height: calc(100vh - 170px);			
                 overflow: auto;		  
		         box-sizing:content-box;
				 background-color: #e6f0ff}	
					
#dataTableDiv{font-size:12pt;	
              overflow: auto;			 
		      box-sizing:content-box;}

#dataTableDiv2{font-size:12pt;	
               overflow: auto;			 
		       box-sizing:content-box;}	

#dataTableDiv3{font-size:12pt;	
               overflow: auto;			 
		       box-sizing:content-box;}	

#dataTableDiv4{font-size:12pt;	
               overflow: auto;			 
		       box-sizing:content-box;}

#dataTableDiv5{font-size:12pt;	
               overflow: auto;			 
		       box-sizing:content-box;}

#dataTableDiv6{font-size:12pt;	
               overflow: auto;			 
		       box-sizing:content-box;}				   
   
h4 {font-family: "Segoe UI", arial, sans-serif; font-size:18px; font-weight: 700;} 

h5 {width: 40%;
   background-color: rgb(93,123,146);
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 10px 10px;
   padding: 15px;
   font-size: 22px;}

/* PERSONALIZZAZIONE MODAL APPUNTAMENTO */	
span[name=labelAgenda] {font-size: 16px;
                       font-family: "Segoe UI", arial, sans-serif;
				       font-weight: bold;
				       line-height:23px;
				       float: left;
				       width: 110px;}				   

label[name=labelAgenda] {font-size: 16px; margin-top:-5px; font-weight: normal;}
						   
label[name=summernote] {font-size: 16px; width: 100px}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {background-color: white;}
.note-editable { font-family: Calibri; font-size: 11pt !important}
							   
input.combobox.form-control {padding-top: 1px;
                           padding-left: 5px;
						   padding-right: 5px;
						   padding-bottom: 5px;
						   font-size: 16px}
	
.form-control {height: 28px}
.modal-header {background-color: #f7f7f7; border-radius: 10px 10px 0px 0px;}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

div.input-append.input-group {width: 348px}
div.note-editable p {margin: 0 !important}
div.form-group {margin-bottom: 0px}
div.note-editor.note-frame.panel {margin-bottom: 0px}
.note-editor.note-frame .note-editing-area .note-editable {font-size: 14px}
div.note-toolbar-wrapper.panel-default{height: auto !important}

span.input-group-addon {padding-top: 0px; padding-bottom: 0px}
div.form-group.note-form-group.note-group-select-from-files {margin-left: 0px; margin-right: 0px}
div.form-group.note-group-image-url {margin-left: 0px; margin-right: 0px}
div.form-group.note-form-group.row-fluid {margin-left: 0px; margin-right: 0px}
	
.spanZoom {font-size: 16px; font-family: "Segoe UI", arial, sans-serif;}	
span[name=labelAgendaZoom] {font-size: 16px;
                           font-family: "Segoe UI", arial, sans-serif;
				           font-weight: bold;
						   margin-top: 1px;
				           line-height: 25px;
				           float: left;
				           width: 110px;}
							   
/* AGENDA APPUNTAMENTI */	
		  
#calendar {font-size:13px;
           margin-top:10px;       
	       height: calc(100vh - 70px);
           overflow: auto;	
           overflow-x: hidden;				 
		   box-sizing:content-box;}

.fc-mon {background-color: #ffffe6;}
.fc-tue {background-color: #ffffe6;}
.fc-wed {background-color: #ffffe6;}
.fc-thu {background-color: #ffffe6;}
.fc-fri {background-color: #ffffe6;}
.fc-sat {background-color: #ffece6;}
.fc-sun {background-color: #ffece6;}
.fc-today{background-color: #ffebcc !important; border-color: #000 !important;}
thead.fc-head, td.fc-axis{border-color: #000; background-color: #f5f5f0 !important;}
.fc-day-header{background-color: #f5f5f0 !important;}
td.fc-time.fc-widget-content, td.fc-axis.fc-widget-content {font-weight: bold; font-size: 17px;border-color: #000 !important;}
.fc-widget-header{border-color: #000 !important;}
.fc-widget-content{border-color: #000 !important;}
.fc-time-grid .fc-slats td {border-bottom: 1px solid black;}
a.fc-more {font-size: 14px; font-weight: bold;} /* Scritta "Altri" in vista mese */
.fc-day-number {font-size: 14px; font-weight: bold;} /* Numero giorno in vista mese */

/* Lascia uno spazio per poter inserire l'appuntamento con il mouse */
.fc-ltr .fc-time-grid .fc-event-container  {margin: 0 7% 0 2px !important; border: 5px}

.tooltipAgenda {max-width: 400px;
               height: auto;
			   border-style: solid;
			   border-width: 1px;
			   border-radius: 1px 1px 1px 1px;	
	           box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.4);
			   background: #FFFFFF;
			   position: absolute;
			   z-index: 10001;
			   padding: 5px 5px 5px 5px;
			   font-size: 14px;}
	
.moreBorder {border-width: 3px; border-radius: 7px;}
.scadenzeBorder {width: 40px; border-width: 3px; border-radius: 7px; text-align: center;}

.callpast {border-radius: 3px; 
          padding-left: 2px; 
		  padding-right: 3px; 
		  background-color: #e60000; 
		  color: white; 		 
		  margin-right: 5px; 
		  cursor: default;}
		  
.callday {border-radius: 3px; 
         padding-left: 3px; 
		 padding-right: 3px; 
		 background-color: #009933; 
		 color: white;  
		 cursor: default}
		 
/* GANTT */	
		 
.gantt {
    width: 100%;
    margin: 15px auto;
    border: 7px solid #ccc;
    position: relative;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
        border-radius: 6px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.gantt:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.fn-gantt {
    width: 100%;
}

.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.fn-gantt .fn-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fn-gantt .row {
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0;
}

/* === LEFT PANEL === */

.fn-gantt .leftPanel {
    float: left;
    width: 225px;
    overflow: hidden;
    border-right: 1px solid #DDD;
    position: relative;
    z-index: 20;
}

.fn-gantt .leftPanel .fn-label {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #484A4D;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fn-gantt .leftPanel .row {
    border-bottom: 1px solid #DDD;
}
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    float: left;
    height: 24px;
    width: 50%;
    background-color: #f6f6f6;
}

.fn-gantt .leftPanel .name {
    font-weight: bold;
}

.fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
    width: 100%;
}

.fn-gantt .leftPanel .spacer {
    background-color: #f6f6f6;
    width: 100%;
}

/* === RIGHT PANEL === */

.fn-gantt .rightPanel {
    overflow: hidden;
}

.fn-gantt .dataPanel {
    margin-left: 0;
    outline: 1px solid #DDD;
    background-image: url(../images/grid.png);
    background-repeat: repeat;
    position: relative;
}

.fn-gantt .row.header {
    margin-right: -1px;
    width: 100%;
}

.fn-gantt .day, .fn-gantt .date {
    overflow: visible;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}

.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
    height: 24px;
    text-align: center;
}

.fn-gantt .sa, .fn-gantt .sn {
    color: #939496;
    background-color: #f5f5f5;
    text-align: center;
}

.fn-gantt .wd {
    background-color: #f6f6f6;
    text-align: center;
}

.fn-gantt .holiday {
    background-color: #ffd263;
    height: 24px;
}

.fn-gantt .today {
    background-color: #fff8da;
    height: 24px;
    font-weight: bold;
    text-align: center;
}

.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    float: left;
    overflow: hidden;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 24px;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}

.fn-gantt-hint {
    border: 5px solid #edc332;
    background-color: #fff5d4;
    padding: 10px;
    position: absolute;
    display: none;
    z-index: 11;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

.fn-gantt .bar {
    background-color: #D0E4FD;
    height: 18px;
    margin: 0 3px 3px 0;
    position: absolute;
    z-index: 10;
    text-align: center;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.fn-gantt .bar .fn-label {
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    color: #414B57 !important;
    text-align: center;
    font-size: 11px;
}

.fn-gantt .ganttRed {
    background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
    color: #78436D !important;
}

.fn-gantt .ganttGreen {
    background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
    color: #778461 !important;
}

.fn-gantt .ganttOrange {
    background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
    color: #714715 !important;
}

/* === BOTTOM NAVIGATION === */

.fn-gantt .bottom {
    clear: both;
    background-color: #f6f6f6;
    width: 100%;
}
.fn-gantt .navigate {
    border-top: 1px solid #DDD;
    padding: 10px 0 10px 225px;
}

.fn-gantt .navigate .nav-slider {
    height: 20px;
    display: inline-block;
}

.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
    text-align: center;
    height: 20px;
    display: inline-block;
}

.fn-gantt .navigate .nav-slider-left {
    float: left;
}

.fn-gantt .navigate .nav-slider-right {
    float: right;
}

.fn-gantt .navigate .nav-slider-content {
    text-align: left;
    width: 160px;
    height: 20px;
    display: inline-block;
    margin: 0 10px;
}

.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
    position: absolute;
    display: block;
}

.fn-gantt .navigate .nav-slider-bar {
    width: 155px;
    height: 6px;
    background-color: #838688;
    margin: 8px 0 0 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.fn-gantt .navigate .nav-slider-button {
    width: 17px;
    height: 60px;
    background: url(../images/slider_handle.png) center center no-repeat;
    left: 0;
    top: 0;
    margin: -26px 0 0 0;
    cursor: pointer;
}

.fn-gantt .navigate .page-number {
    display: inline-block;
    font-size: 10px;
    height: 20px;
}

.fn-gantt .navigate .page-number span {
    color: #666666;
    margin: 0 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
    text-decoration: none;
}

.fn-gantt .nav-link {
    margin: 0 3px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0;
    background: #595959 url(../images/icon_sprite.png) !important;
    border: 1px solid #454546;
    cursor: pointer;
    vertical-align: top;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
        border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.fn-gantt .nav-link:active {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
        box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
}

.fn-gantt .navigate .nav-page-back {
    background-position: 1px 0 !important;
    margin: 0;
}

.fn-gantt .navigate .nav-page-next {
    background-position: 1px -16px !important;
    margin-right: 15px;
}

.fn-gantt .navigate .nav-slider .nav-page-next {
    margin-right: 5px;
}

.fn-gantt .navigate .nav-begin {
    background-position: 1px -112px !important;
}

.fn-gantt .navigate .nav-prev-week {
    background-position: 1px -128px !important;
}

.fn-gantt .navigate .nav-prev-day {
    background-position: 1px -48px !important;
}

.fn-gantt .navigate .nav-next-day {
    background-position: 1px -64px !important;
}

.fn-gantt .navigate .nav-next-week {
    background-position: 1px -160px !important;
}

.fn-gantt .navigate .nav-end {
    background-position: 1px -144px !important;
}

.fn-gantt .navigate .nav-zoomOut {
    background-position: 1px -96px !important;
}

.fn-gantt .navigate .nav-zoomIn {
    background-position: 1px -80px !important;
    margin-left: 15px;
}

.fn-gantt .navigate .nav-now {
    background-position: 1px -32px !important;
}

.fn-gantt .navigate .nav-slider .nav-now {
    margin-right: 5px;
}

.fn-gantt-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 );
    background: rgba(0,0,0,0.75);
    cursor: wait;
    z-index: 30;
}
.fn-gantt-loader-spinner span {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 1em;
    line-height: 1em;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.row:after {
    clear: both;
}

@media (orientation:landscape) and (max-device-height: 599px) {
  #colonnaMenu{display:none;}
  #verticalMenu{width:1px;}
}