/* *{
	-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:#D91A15 !important;
	--rgbred:rgb(217,26,21,0.6) !important;
	--light_red:#f6685e !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;
	--transparent:var(--transparent) !important;
	--grey: #F5F5F5 !important;
	
	--yellow:yellow;
	--light_yellow:	#ffff66 !important;
  }
  .red{
	color:var(--red) !important;
}
.w_100{
	width:100% !important;
}
.align_center{
	text-align: center;
}
.disp_rosso{
	background-color: #f26359 !important;} 
.disp_arancione{
	background-color: #f29d59 !important;} 
.disp_giallo{
	background-color: #FFFF66 !important;} 
.disp_green{
	background-color: #6AA84F !important;}
.disp_white{
	background-color: white !important;}

	.disp_rosso,.disp_arancione,.disp_giallo,.disp_green,.disp_white{
		border:1px solid black;
	}
	
  .disabled{
	display:none !important;
  }
  .right{
	float:right;
}
  .left{
	float:left;
}
  .center{
	text-align:center;
}
  .pad_15{
	padding:15px !important;
}
.b_black{
	border:1px solid black !important;
}
.mar_15{
  margin:15px !important;
}
.pad_10{
  padding:10px !important;
}
.pad_5{
  padding:5px !important;
}
.pad_0{
	padding:0px !important;
}
.pad_l_0{
	padding-left:0px !important;
}
.pad_r_0{
  padding-right:0px !important;
}
.pad_t_b{
	padding-bottom:10px;
	padding-top:10px;
}
.pad_t_20{
  padding-top:20px !important;
}
  .margin_0{
	margin:0px !important;
}
.curs_p{
	cursor:pointer !important;
}
  .w100{
	width:100%;
}
  .bold{
	font-weight: bold !important;
}
  .upper{
	text-transform: uppercase;
}
.row_cat{
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid black;
	position:relative !important;
}
.head_txt{
	color:var(--grigio_chiaro) !important;
}
.txt_style{
	background-color:transparent !important;
	border:0px !important;
	border-bottom:1px solid var(--grigio_chiaro) !important;
}
.head_cat_rad{
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.row_cat.active{
	background-color:var(--rgbred) !important;
}
  .btn-primary {
    color: #fff;
    background-color: var(--principale) !important;
}

  /*color*/
  .color_standard{
	color:var(--principale) !important;
  }
  
  .back_trasp{
	background-color: transparent !important;
  }
  .backcolor_standard{
	background-color:var(--principale) !important;
  }
  .backcolor_red{
	background-color:var(--red) !important;
  }
  .backcolor_lightred{
	background-color:var(--light_red) !important;
  }
  .backcolor_grey{
	background-color:var(--grey) !important;
  }
  .backcolor_lightgrey{
	background-color:var(--grigio_light) !important;
  }
  .border_grey{
	border:1px solid var(--grey) !important;
  }
  .color_nero{
	color:var(--nero) !important;
  }
  .color_white{
	color:var(--white) !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: rgb(0 0 0 / 30%) 0 1px 3px !important;
  }
  .logo{	
	width: 226px;
	height: 51px;
	background: url("../../../images/logo_home.png");
	background-size:100%;	
	background-repeat: no-repeat;

	margin-top: 2px;
	/* margin-left: 10px; */
  }
  .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;
}

/*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(--transparent) !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;
  }


/*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;
}


  /*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(--light_red) !important;
	color:var(--nero) !important;
}
.page-breadcrumb.breadcrumb{
  background-color:var(--grigio) !important;
}
.page-breadcrumb.breadcrumb:hover{
  background-color:var(--light_red) !important;
  color:var(--nero) !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: 150px !important;
		height: 44px !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;
	}
	
	.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;
}