.container-header .grid-child{
  background: #FFFFFF;
  padding:0px !important;
}
.float-end{
/*Ho rimosso il tasto modifica da amministratore su fron-end*/
	display:none;
}
.grid-child{
  margin-top:-13px;
  background: #fff;
}

.container-topbar{
  background:white;
}
.container-header{
 background: #da2128;
}
.nav-item{
  color:black;
  font-weight: bold;
}
.tabellaHomePrv {
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
}

.tabellaHomePrv td,table th {
    padding-left: 15px
}

.tabellaHomePrv thead tr {
    background: #bfbcbc
}

.tabellaHomePrv tbody tr {
    height: 50px
}
.tabellaHomePrv tbody tr:nth-child(even) {background: #ededed} 

.tabellaHomePrv tbody tr:last-child {
    border: 0
}

tbody tr {
    font-size: 15px;
    color: black;
    font-weight: unset
}
tbody tr:hover {
   /* cursor: pointer*/
}
.ricercaAzienda {
  /*background-image: url('/css/searchicon.png');*/
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
}

ul.tree, ul.tree ul {

     list-style-type: none;
	background: url(/images/vline_red4.png) repeat-y;
     margin: 0;
     padding: 0;
   }

   ul.tree ul {
     margin-left: 166px;
   }

   ul.tree li {
     margin-left: 42px;
     background: url(/images/hline_red4.png) no-repeat;
     margin-bottom:7px;
   }
.bottoneFunzioniNodo{
	/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 35%, rgba(201,201,201,1) 100%);*/
	box-shadow: 2px 2px 2px #000000;
	border-radius: 8px;
	width:70px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top: 15%;
	margin-left:23%;
  background: linear-gradient(
    45deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%
  );
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.2s ease-in-out;

}
.bottoneFunzioniNodo:hover{
	background: linear-gradient(45deg, #da2128 5%, #fff 10%, #cc9999 30%, #da2128 50%, #cc9999 70%, #fff 80%, #da2128 95%);
}
.espandiNodo{
	cursor:pointer;
	border: 1px black;
	width: 110%;
	margin-bottom: -10px;
	margin-left: -20px;
	border-radius: 0px 0px 7px 7px;
}
.topNodo{
  background: white;
    width: 398px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: -19px;
    margin-top: -5px;
	border-bottom: solid 3.5px #cc0007;
	padding-bottom: 5px;
    height:40px;
}
.nomeNodo{
	margin-left: 8%;
	font-size:28px;
}
.ironContainer{
	margin-top:1%;
	margin-left:1%;
	margin-right:1%;
	width:400px;
	border: solid 1px #b2b2b2;
	padding: 5px 20px;
	color:black;
	box-shadow: 3px 3px 2px #888888;
	border-radius: 10px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 35%, rgba(201,201,201,1) 100%)
}
.visualizzaAlbero{
 cursor:pointer;
  width: 111%;
  border-radius: 0px 0px 10px 10px;
  margin-bottom: -1%;
  margin-left: -19px;
  background: white;
  height:20px;
  box-shadow:2px 2px 3px 2px #872b2b;
   background: linear-gradient(
    45deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%
  );
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.visualizzaAlbero:hover{
  background: #ccc;
}
.myButton{
	background-color: #da2128;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px #bbb;
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 7px 15px;
	color:white;
	cursor:pointer;
	font-family: 'Raleway', sans-serif;
	box-shadow: 2px 2px 2px #888888;
}
.myButton2{
	color:#000;
	background: linear-gradient(
    45deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%
  );
	border-radius:10px;
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none;
}
.myButton2:hover{
	background: linear-gradient(45deg, #da2128 5%, #fff 10%, #cc9999 30%, #da2128 50%, #cc9999 70%, #fff 80%, #da2128 95%);
}
.mod-custom{
  width:100%;
}
.bottonHeader {
  background-image: linear-gradient(to bottom, #9F262F, #da2128);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:200px;
}
.bottonHeader:hover{
  background: linear-gradient(to bottom, red, #da2128);
}
.bottonHeader:active{
  background:green;
}
.bottonFunctionChart {
  background-image: linear-gradient(to bottom, #9F262F, #da2128);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 2px 20px 2px 20px;
  text-decoration: none;

  float: right;
}
.bottonFunctionChart:hover{
  background: linear-gradient(to bottom, red, #da2128);
}
.tabellaHeaderInfo{
  text-align:center;
  border-radius: 15px;
  margin-top:-4px;
  background: linear-gradient(to bottom, #b7b7b7, #666666);
  border: 3px ridge #da2128;
  border-collapse:initial;
  width:100%;
}
.tabellaHeaderInfo tr{
  text-align:center;
  font-size:16px;
  color:white;
}

.navBar{
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
    background: linear-gradient(45deg, #999 5%, #fff 10%, #ccc 30%, #ddd 50%, #ccc 70%, #fff 80%, #999 95%);
    border-radius: 0px 0px 15px 15px;
    width: 100%;
    margin-bottom:-13px;
}
.carbon{
  background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  border-radius:15px;
}
.iron{
   background: linear-gradient(
    45deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%
  );
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
  border-radius:15px;
}
.periodoAnalisi {
    font-size: 25px;
    color: #da2128;
    font-weight:700;
    text-align: center;

  }
.bottoneDati{
  cursor:pointer;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  background: white;
  height:20px;
  box-shadow:2px 2px 3px 2px #872b2b;
   background: linear-gradient(
    45deg,
    #999 5%,
    #fff 10%,
    #ccc 30%,
    #ddd 50%,
    #ccc 70%,
    #fff 80%,
    #999 95%
  );
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  text-align:center;
  /*margin-left:15px;*/
  margin-bottom:4px;
  color:#da2128;
}
.bottoneDati:hover{
    background: gray;
}
#analisiAvanzata {
    display: none;
    margin: auto;
    position: relative;
    text-align: center;
}
.tabAnalisiDati{
  width:100%;
 /* margin:10px 15px 0px 15px;*/
  text-align:center;
  border: solid 1px #b2b2b2;
  border-radius:10px;
  box-shadow:3px 3px 2px #888888;
}
.tabAnalisiDati tr{
  cursor:default !important;
}
.testoDisplay{
  background: #d1d1cb;
  color:#545452;
  height:40px;
  border:5px ridge #919191;
  font-size:25px;
  padding-bottom:40px;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
  border-radius:10px;
  font-weight:600;
}
.bordoDisplay{
  width:100%;
  margin-bottom:10px;
  margin-top:10px;
}
.radioGraficoVirtuale{
	width:25px;
	height:30px;
	cursor:pointer;
}
.myTooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.myTooltip .myTooltipText {
  visibility: hidden;
  width: 400px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.myTooltip:hover .myTooltipText {
  visibility: visible;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
////////////////////////////////////////////////////////////////////MOBILE ////////////////////////////////////////
.TabellaMobile{
	width:100%;
}
.TabellaMobile th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
}
.TabellaMobile{
	width:100%;
}
.TabellaMobile th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
}
.TabellaMobile2{
	width:100%;
	text-align:center;
}
.TabellaMobile2 th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
}
.TabellaMobile2{
	width:100%;
}
.TabellaMobile2 th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
	border:1px solid white;
}
.TabellaMobile2 tr:nth-child(odd){ background-color:#e5e5e5 }
.periodoAnalisiMobile{
	font-size:18px;
	text-align:center;
    color: #da2128;
    font-weight: bold;
    margin-bottom: 0.5%;
}
.testoDisplayMobile{
	background: black;
    color: green;
	text-shadow:none;
	padding:2% 3% 3% 3%;
}
.fa:active{
	color:#999 !important;
}
.boordoDisplayMobile{
	border-color: white;padding:7px 7px 7px 7px;font-size: 20px !important;background: #bbb;border-radius: 5px;
}
.TabellaMobile3{
	/*font-family:'Raleway', sans-serif !important;
	font-weight:600;*/
	width:100%;
	text-align:center;

}
.TabellaMobile3 td{
	border-color: white;padding:7px 7px 7px 7px;font-size: 18px !important;background: #bbb;border-radius: 5px;
}
.TabellaMobile3 th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
}
.TabellaMobile3{
	width:100%;
}
.TabellaMobile3 th{
	border-bottom: 1px solid #d6d6d6;
	background:#bbb;
	border:1px solid white;
}
.TabellaMobile3 tr:nth-child(odd){ background-color:#e5e5e5 }
.periodoAnalisiMobile{
	font-size:18px;
	text-align:center;
    color: #da2128;
    font-weight: 537;
    margin-bottom: 0.5%;
}
.ui-icon-minus:after { top:0.2em!important;}
.ui-icon-plus:after { top:0.2em!important;}