.nav-bar2 {
  width: auto;
  padding: 0.8rem;
  position: relative;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
  /*z-index: 100000;*/
}

.nav-bar3 {
  display: block;
  width: auto;
  padding: 1.4rem;
  position: relative;
  top: 0;
  text-align: center;
  /*z-index: 100000;*/
}

.nav-bar2 .fa-bars {
  display: block;
  padding: 20px;
  color: #fff;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

.menuchiuso-icon-space {
  width: 40px;
  display: inline;
  float: left;
  margin: 13px 10px;
}

/* Icon menu open */
.menuchiuso-icon-open-top {
    content: "";
    display: block;
    position: relative;
    width: 32px;
	height: 4px;
	background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.menuchiuso-icon-open-middle {
    content: "";
    display: block;
    position: relative;
	width: 32px;
	height: 4px;
	background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.menuchiuso-icon-open-bottom {
    content: "";
    display: block;
    width: 32px;
	height: 4px;
    position: relative;
    background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.etichetta {
    bottom: 1px;
	position: relative;
    margin-top: 0px;
    padding-top: 0px;
	font-size: 0.8em;
	color: #0059B3;
}

.visualizza {display: block; right: 100%}
.nascondi {display: none}

.panel-open{ width: 420px; text-align:right; padding-right: 45px; padding-top: 1.8rem; padding-bottom: 1.8rem; background-color: transparent;}

.apri a { color: #424BA6; }
.apri a:hover { color: #008fff; }
.chiudi > a { color: #d90202; }
.chiudi > a:hover { color: #ff0000; }

header nav {
  background: #fff;
  width: 420px;
  height: auto;
  position: fixed;
  right: 100%;
  top : 0;
  overflow-y: scroll;
  height: 100%;
  z-index: 10000;
}

.padre {margin: 0; padding: 60px 0px 0px 0px}

header nav ul .children {margin:0; background: #B8C9DB}

header nav ul .subchildrensx {margin:0; background: #B8C9DB}

header nav ul .subchildrendx {margin:0; background: #B8C9DB}

header nav ul li, header nav ul li ul li {
  display: block;
  width: 100%;
}

.indietro {display: none}

header ul li a { display: block; padding: 15px 20px; font-size: 18px;}

header ul li a:hover { display: block; padding: 15px 20px; background: #d9e6f2!important; }

header ul li span a { padding: 15px 20px; }

header ul li span a:hover { text-decoration: underline; padding: 15px 20px; }

header nav ul li:first-child { border-top: 1px solid #d1d1d1; }

header nav ul li { border-bottom: 1px solid #d1d1d1; }

header nav ul li .colsx {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
  border-top: 1px solid #d1d1d1;
  margin: 0;
}

header nav ul li .coldx {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
  border-top: 1px solid #d1d1d1;
  margin: 0;
}

header nav ul li:hover .colsx { display: none; }
header nav ul li:hover .coldx { display: none; }

header nav ul li .children {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
  border-top: 1px solid #d1d1d1;
}

header nav ul li:hover .children { display: none; }

header nav ul li ul li:first-child { border-top: 0px solid #000000; }

header nav ul li ul li:last-child { border-bottom: 1px solid #000000; }

header nav ul li ul .subchildren li:last-child { border-bottom: 0px solid #000000; }

header nav ul li ul .subchildrensx li:last-child, header nav ul li ul .subchildrendx li:last-child { border-bottom: 0px solid #000000; }

header nav ul li .children span {
  display: inline-block;
  margin-right: 0px;
}

header nav ul li .children a {
  margin-left: 0px;
  padding: 15px 20px;
}

header nav ul li .children a:hover {
  margin-left: 0px;
  padding: 15px 20px;
  background: #ffffff;
}

header nav ul li .subchildrensx a:hover {
  margin-left: 0px;
  padding: 15px 20px;
  background: #ffffff;
}

header nav ul li .subchildrendx a:hover {
  margin-left: 0px;
  padding: 15px 20px;
  background: #ffffff;
}


header nav ul li .fa-angle-down {
  position: relative;
  top: 3px;
}

header nav ul li ul li {
  display: block;
  width: 100%;
}

header ul li ul li a { display: block; padding: 15px 20px; }

header ul li ul li a:hover { display: block; padding: 15px 20px; background: #dedede; }

header nav ul li ul li .subchildren {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
  border-top: 1px solid #d1d1d1;
  margin: 0;
}

header nav ul li ul li .subchildrensx, header nav ul li ul li .subchildrendx {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
  border-top: 1px solid #d1d1d1;
  margin: 0;
}
header nav ul li ul li:hover .subchildrensx, header nav ul li ul li:hover .subchildrendx { display: none; }

header nav ul li ul li:hover .subchildren { display: none; }

header nav ul li ul li .subchildrendx span, header nav ul li ul li .subchildrensx span {
  display: inline-block;
  margin-right: 0px;
}

header nav ul li ul li .subchildren span {
  display: inline-block;
  margin-right: 0px;
}

header nav ul li ul li .children span {
  display: inline-block;
  margin-right: 0px;
}

header nav ul li ul li .children a {
  margin-left: 0px;
  padding: 8px;
}

header nav ul li ul li .children a:hover {
  margin-left: 0px;
  padding: 8px;
  background: #ffffff;
}

header nav ul li ul li .fa-angle-down {
  position: relative;
  top: 3px;
}

.madre {margin: 0; padding: 0px 0px 0px 0px}
#allopen { display: block; }
#allclose { display: none; }
#myInput {margin: 0; border: 1px solid #dedede; border-radius: 3px; box-shadow: inherit; }
#ricercaNodiAmmTrasp {padding: 1%; margin: 0; display: flex; align-items: center;}
header .linkesterno a { padding: 15px 20px; }
header .linkesterno a:hover { background: #ffffff; padding: 15px 20px; }
header nav ul li .hub a {background: #d9e6f2;}
header ul > li .active > a {background: #d9e6f2;}
header nav ul li .hub div {background: #d9e6f2;}
header nav ul .isszero div {background: #f3f3f3;}


@media only screen and (max-width: 40em) {
header nav {
  background: #ffffff;
  width: 200px;
  height: auto;
  position: fixed;
  right: 100%;
  top : 0;
  overflow-y: scroll;
  height: 100%;
  z-index: 10000;
}

.navAmmTrasp {width: 250px;}
.panel-open{ width: 200px; text-align:right; padding-right: 45px }

.nav-bar2 {
  width: auto;
  padding: 0.2rem;
  position: relative;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
}

.menuchiuso-icon-space {
  width: 40px;
  display: inline;
  float: left;
  margin: 13px 5px;
}


.apri a { color: #424BA6; }

/* Icon menu open */
.menuchiuso-icon-open-top {
    content: "";
    display: block;
    position: relative;
    width: 30px;
	height: 4px;
	background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.menuchiuso-icon-open-middle {
    content: "";
    display: block;
    position: relative;
	width: 30px;
	height: 4px;
	background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.menuchiuso-icon-open-bottom {
    content: "";
    display: block;
    width: 30px;
	height: 4px;
    position: relative;
    background-color: #0059B3;
	border-radius: 10px;
	margin: 6px auto;
}

.etichetta {
    bottom: 1px;
	position: relative;
    margin-top: 0px;
    padding-top: 0px;
	font-size: 0.6em;
	color: #0059B3;
}

}

.barralaterale_aperta:after {
    background: black;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 2000;
}

.CloseContainer {
				cursor: pointer;
				padding-bottom: 1.4rem;
				padding-top: 1.4rem;
	}
	.CloseContainer .is-active {
    			background-color: transparent;
				padding: 0 0 0 90%;
	}
	.Close:before {
    			top: .2rem!important;
	}
	.Close:after {
    			top: 0;
	}
	.Close, .Close:after, .Close:before {
				background: #d90202;
				border-radius: 4px;
				content: " ";
				display: block;
				height: .2rem;
				position: relative;
				width: 2rem;
	}

	.Close, .Close:after, .Close:before {
    			-webkit-transition: all .5s ease-in-out;
    			transition: all .5s ease-in-out;
	}

	.Close:after {
    			-webkit-transform: rotate(-45deg);
    			-ms-transform: rotate(-45deg);
    			transform: rotate(-45deg);
	}

	.Close:before {
    			-webkit-transform: rotate(45deg);
    			-ms-transform: rotate(45deg);
   				transform: rotate(45deg);
	}
	.Close, .Close:after, .Close:before {
    			width: 2rem;
	}