/* *{
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} */

body{
	--prova:orange !important;
	
	--rgb_principale: 0, 0, 255;
	--principale:rgb(0, 0, 0) !important;/*rgb(0, 0, 255) !important;*/
	--white:white !important;
	--red:#e02222 !important;
	--grigio:#3d3933 !important;
	--grigio_chiaro:#999999 !important;
	--grigio_ultra_chiaro:#dfdfdf !important;
	--grigio_light:#ccc !important;
	--grigio_quasi_bianco:#fafafa !important;
	--celeste: #00A7E1 !important;
	--nero:black !important;
	--grigio_sel:#b7b7b7 !important;
	
	--yellow:yellow;
  }

  /*color*/
  .color_standard{
	color:var(--principale) !important;
  }
  .color_nero{
	color:var(--nero) !important;
  }
  .color_grigio{
	color:var(--grigio) !important;
  }
  .btn.red{
	background-color:var(--red) !important;
	color:var(--white) !important;
  }

  /*buttons*/
  .button_gen_1{
	background-color:var(--principale) !important;
	color:var(--white) !important;
  }
  #box-ricerca div#custom-search-input a{
	color:var(--red) !important;
  }
  #box-ricerca div#custom-search-input li.li-categories a{
	color:var(--nero) !important;
  }
  .input-group-btn .fa-search{
	color:var(--principale) !important; 
  }
  #box-ricerca .fa-calendar, #box-ricerca .fa-angle-down{
	color:var(--white) !important;  
  }
  
  /*#box-ricerca div#custom-search-input .fa{
	color:var(--white) !important;
  }*/
  #box-ricerca div#custom-search-input .fa-user,#box-ricerca div#custom-search-input .fa-archive{
	color:var(--red) !important;
  }

  /*header*/
  .header{
	height: 64px !important;
	background-color:var(--white) !important;
	box-shadow: 0px 2px 15px var(--nero) !important;
  }
  .logo{	
	width: 70px;
    height: 60px;
    background: url(../../../images/logo_home.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 30px;
  }
  .header_wrap{
	background-color:var(--white) !important;
	height: 64px;
	box-shadow: var(--grigio_chiaro) 0 1px 3px !important;
  }
  .badge{
	background-color: var(--principale) !important; /*colore sfondo scritta badge*/
	color: var(--white) !important; /*colore scritta badge*/
  }
  .badge_icon{
	color: var(--grigio) !important; /*colore icona badge*/
  }
.user_wrap{
	color: var(--principale) !important;
}
.user_icon{
	color: var(--grigio) !important;
}
.user_icon_menu{
	color: var(--principale) !important;
}
.page-content .page-breadcrumb.breadcrumb{
	margin-top:0px !important;
}

/*footer*/
.footer{
	background-color: var(--grigio_ultra_chiaro) !important;
}
.footer_button{
	background-color: var(--principale) !important;
}
.footer_button > .fa, ul.page-sidebar-menu > .menu_wrap > ul.sub-menu a .arrow:before, ul.page-sidebar-menu > .menu_wrap > ul.sub-menu a .arrow.open:before{
	/* background-color: var(--white) !important; */
	color: var(--white) !important;
}
.footer_utenti_attivi{
	color: var(--principale) !important;
}
.footer_apra{
	color: var(--red) !important;
}

/*menu a sinistra*/
ul.page-sidebar-menu > li:hover > a{
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu > li.open > a,ul.page-sidebar-menu > li.open > a > span,ul.page-sidebar-menu > li.open > a > i, ul.page-sidebar-menu > li.open{
	color: var(--white) !important;
}
ul.page-sidebar-menu > li.open > a > .arrow:before,
ul.page-sidebar-menu > li.open > a > .arrow.open:before {
	color: var(--white) !important;
}

ul.page-sidebar-menu > li > a:hover{
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu > li > a:hover {
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu > li > a:hover >i, ul.page-sidebar-menu > li > a:hover > span{
	color: var(--white) !important;
}
ul.page-sidebar-menu > li.active > a > i, ul.page-sidebar-menu > li.active:hover > a > i {
	color: var(--white) !important;
}
ul.page-sidebar-menu > li.active{
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu > li.active > a > .title{
	color: var(--white) !important;
}
ul.page-sidebar-menu > li > a > .title{
	color: var(--principale) !important;
}
ul.page-sidebar-menu > li > a > .arrow:before,
ul.page-sidebar-menu > li > a > .arrow.open:before {
	color: var(--principale) !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before, 
ul.page-sidebar-menu > li.active > a .arrow.open:before {
	color: var(--white) !important;
}
ul.page-sidebar-menu ul.sub-menu > li > a {
	color: var(--principale) !important;
}
ul.page-sidebar-menu ul.sub-menu > li > a:hover {
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu ul.sub-menu > li.active > a,
ul.page-sidebar-menu ul.sub-menu > li > a:hover {
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
	color: var(--grigio_light) !important;
}
ul.page-sidebar-menu > li.active > ul.sub-menu {
	background-color: var(--white) !important;
	color: var(--grigio_chiaro) !important;
}
ul.page-sidebar-menu ul.sub-menu > li.active > a,
ul.page-sidebar-menu ul.sub-menu > li > a:hover,
ul.page-sidebar-menu ul.sub-menu > li.open > a {
	background-color: var(--principale) !important;
	color: var(--white) !important;
}
/*sottomenu del menu a sinistra*/
ul.page-sidebar-menu ul.sub-menu > li > a{
	color: var(--principale) !important;
}
ul.page-sidebar-menu ul.sub-menu > li > a i {
	color: var(--grigio_chiaro) !important;
}
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
	background-color: var(--white) !important;
}

/*sotto menu delle azioni nelle pagine*/
.dropdown-menu{
	border: 1px solid var(--grigio_chiaro) !important;
}
.dropdown-menu .fa, .dropdown-menu, .dropdown-submenu.li-categories .fa{
	color:var(--principale) !important;
}

/*icona apertura e chiusura menu*/
.menu_icon, .menu_icon_in, .menu_icon_l {
	width: 35px;
	height: 35px;
	position: relative;
	margin: 15px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	color: var(--grigio_chiaro) !important;
	margin-left: 10px;
	margin-top: 20px;
	background-color: var(--white) !important;
  }
  
  .menu_icon span, .menu_icon_in span, .menu_icon_l span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--principale) !important;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
  }
  
  
  /* Icon 4 */
  .menu_icon_in{
	width:36px;
	margin-top: 10px;
    margin-right: -20px;
	background: transparent !important;
    top: 0px;
    left: calc(-80% - 5px);
    height: 54px;
    background-color: transparent !important;
    margin-left: 20px !important;
	position: fixed;
	display:none !important;
	z-index: 0 !important;
}
.menu_icon_in span{
	background-color:transparent !important;
}
.menu_icon_in.open span{
	background-color:var(--principale) !important;
}
.menu_icon_in.open{
  	left: calc(80% - 12px);
  	z-index: 999 !important;
	position: fixed;
	display:block !important;
}

  .menu_icon span:nth-child(1), .menu_icon_in span:nth-child(1), .menu_icon_l span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
  }
  
  .menu_icon span:nth-child(2), .menu_icon_in span:nth-child(2), .menu_icon_l span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
  }
  
  .menu_icon span:nth-child(3), .menu_icon_in span:nth-child(3), .menu_icon_l span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
  }
  
  .menu_icon.open span:nth-child(1), .menu_icon_in.open span:nth-child(1), .menu_icon_l.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 5px;
  }
  
  .menu_icon.open span:nth-child(2), .menu_icon_in.open span:nth-child(2), .menu_icon_l.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
  }
  .menu_icon.open span:nth-child(3), .menu_icon_in.open span:nth-child(3), .menu_icon_l.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 20px;
	left: 5px;
  }


  /*style sito*/
  .page-title{ /*titolo pagine*/
	color:var(--nero) !important;
  }
  .page-title small{
	color:var(--grigio_chiaro) !important;
  }
  .portlet-title{ /*intestazioni tabelle di contenuto*/
	background-color:var(--principale) !important;
	color:var(--white) !important;
  }
  #box-ricerca{
	background-color:var(--grigio_quasi_bianco) !important;
  }
  .page-breadcrumb.breadcrumb.active{
	background-color:var(--red) !important;
}
.page-breadcrumb.breadcrumb{
  background-color:var(--principale) !important;
}
.page-breadcrumb.breadcrumb:hover{
  background-color:var(--red) !important;
}
  .breadcrumb-mobile{
	background-color:var(--principale) !important;
  }
  .breadcrumb-mobile > button{
	background-color:var(--principale) !important;
	border:0px !important;
  }

  .breadcrumb.action{
	background-color:var(--principale) !important;
  }
  .breadcrumb.action > li > .fa, .breadcrumb.action > li > span{
	color:var(--white) !important;
  }

  .breadcrumb.search{
	background-color:var(--red) !important;
  }
  .breadcrumb.search > li > .fa, .breadcrumb.search > li > span{
	color:var(--white) !important;
  }

  .btnWiki, .btnWiki > .fa, .btnWiki:hover{
	color:var(--red) !important;
  }
  div#custom-search-input button.dropdown-toggle {
    color: var(--principale) !important;
  }
  #catalogTitle{
	color: var(--red) !important;
  }

  .w3-overlay{
	  z-index:997 !important;
  }
  #myOverlay{
	  width:0px;
	  background-color:rgba(0,0,0,0);
  }
  .w3-sidebar{
	z-index:998 !important;
  }

  /*elenco prodotti*/
  .art_container_catalogo:hover {
	border: 1px solid var(--principale) !important;
  }
  
  /*style mobile e tablet*/
  @media screen and (max-width: 991px) {
	.btnWiki{
		display:none;
	}

	.nav.navbar-nav.pull-right{
		clear:both !important;
		float:right !important;
		margin:0px !important;
	}

	.logo{
		width: 100px !important;
		height: 47px !important;
		background: url(../../../images/logo_home.png) 0 0;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		margin: 0px;
		padding: 0px;
	}
	.header .navbar-brand{
		margin: 0px !important;
		position: absolute;
		width: auto !important;
		left: calc(50% - 85px);
		padding: 7px !important;
	}
	.header .navbar-toggle{
		float: left;
		padding: 0px !important;
		height: 24px;
		position: relative !important;
		margin: 15px;
	}
	.menu_icon.open span:nth-child(3), .menu_icon_in.open span:nth-child(3){
		top: 24px;
	}
	.header{
		height: 54px !important;
	}
	.header.nav.navbar-nav {
		display:none !important;
	}
	.menu_logout{
		display:block !important;
	}
	.nav.navbar-nav.pull-right {
		display:none !important;
	}
  }
  .menu_lat{
	-webkit-transition: .5s ease-in-out !important;
	-moz-transition: .5s ease-in-out !important;
	-o-transition: .5s ease-in-out !important;
	transition: .5s ease-in-out !important;
  }
  .art-title{
	  height:25px !important;
	  overflow: hidden;
	  width: 100%;
	  float: left;
  }
  .art_disp{
	  margin:0px !important;
	  margin-right:5px !important;
  }
  
	
/*card catalogo*/
.art_container > p {
	padding: 9px;
	padding-bottom:0px;	
	height: 100% !important;
}
.caption{margin-top:0px !Important;padding-top:0px !Important;}
.caption > .art-title{margin-top:0px !Important;}
.art_container {
	/* max-height: 465px !important; */
	box-shadow: 1px 1px 2px #333;
	float: left !important;		
	height: 100% !important;
}
img.art-thumb{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
@media screen and  (min-width: 430px) and (max-width: 767px)  {
	.prima_caption > .info {
		font-size:10px !important;
		margin-top:5px;
	}
	/* .prima_caption{
		width:40% !important;
		float:left;
		margin-bottom:2%;
	} */
	.prima_caption > * {
		width:100% !important;
		float:left;
	}
	/* .seconda_caption{
		width:60% !important;
		float: right;			
		margin-top: 20px;
	} */
	div button.btn-cart{
		margin-top:15px !important;
	}
}
@media screen and  (min-width: 910px) and (max-width: 991px)  {
	.prima_caption > .info {
		font-size:10px !important;
		margin-top:5px;
	}
	.prima_caption{
		/* width:40% !important; */
		float:left;
		margin-bottom:2%;
	}
	.prima_caption > * {
		width:100% !important;
		float:left;
	}
	.seconda_caption{
		/* width:60% !important; */
		float: right;			
		margin-top: 20px;
	}
	div button.btn-cart{
		margin-top:15px !important;
	}
}
@media screen and  (min-width: 1891px)   {
	.prima_caption > .info {
		margin-top:5px;
	}
	.prima_caption{
		/* width:40% !important; */
		float:left;
		margin-bottom:2%;
	}
	.prima_caption > * {
		width:100% !important;
		float:left;
	}
	.seconda_caption{
		/* width:60% !important; */
		float: right;			
		margin-top: 20px;
	}
	div button.btn-cart{
		margin-top:15px !important;
	}
}

/* Tooltip container */
i.fa-info-circle {
position: relative;
display: inline-block;
width:100%;
float:left; 
color:#ce8d48;
}

/* Tooltip text */
i.fa-info-circle .tooltiptext {
visibility: hidden;
width: 200px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;

/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
i.fa-info-circle:hover .tooltiptext {
visibility: visible;
padding:10px;
}