/************************************/
/* HTML tag 
/************************************/

/************************************/
a:hover {
  text-decoration : none;
}
.Opaco
{ position:absolute; left:0; right:0; bottom:0; top:0; 
  overflow:hidden; margin: auto; background-color:#FFFFFF; filter:alpha(opacity=80); opacity:0.8; 
  z-index:1000; 
}
.Wait 
{
    background-image: url(/images/loading3.gif); background-repeat:no-repeat;background-position-y: 75px;
    width:200px; height:200px;
    position:absolute;
    left:50%;  top:35%;
    margin-left:-100px; margin-top:-100px;
    padding-top:128px;
    font-weight:bold; font-size:12px;
}
.Wait Span {display:none;}
.imgmain 
{
    border: 1px solid #E7E7E7;    
    text-align:center;
    width:100%;
}

#imgmain 
{
    border: 1px solid #E7E7E7;    
    text-align:center;
    width:60%;
}
.imgmini 
{ 
    
    text-align:center;
    vertical-align:middle;
}

img {
   border: 0px solid #E7E7E7;
   text-align: center;
}
/************************************/
.divContenitore { width:950px; margin: 0 auto; padding: 0px; text-align: left; }
.divContenitorePhone { width:400px; margin: 0 auto; padding: 0px; text-align: left; }
.divTestata { margin: 0px; }
.divMenu { margin: 0px; font-size: 11px; padding: 2px; }
.divSottoTestata { margin: 0px; vertical-align: top; }
.divLatoSx { vertical-align: top; float: left; width: 210px; padding-left: 5px; }
.divWrapper { float: left; width: 100%; }
.divMain { margin-top: 0px; background-color: #FFFFFF; }
.Pagina { vertical-align: top; background-color: #FFFFFF; margin: 0px 0px 0px 5px; padding: 5px; }
.divSotto { clear: both; padding: 0px; margin: 0px; height:150px; color: #ffffff; text-align: left; }

.divClear { clear: both;}
/************************************/
.Copyright { }
.hand { cursor: pointer; }
.pointer { cursor: pointer; }
.Mini {font-size: 11px;display: inline-block;/* line-height: 1px; */}
.Mini strike {font-size:11px;}
.Linea { padding: 4px 4px 4px 4px; text-align: left; }
.Note { display: block; background-color: #EEEEAA; padding: 2px 2px 2px 2px; color: #000022; text-decoration: none; }
.NoteAVV {
    display: block;
    background-color: #CC1000;
    padding: 2px 2px 2px 2px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: -webkit-center;
}
/************************************/
/* TAB.css */
/************************************/
.tabs {float:left;width:100%;background:#666666;}
.tabs ul {margin:0;padding:5px 5px 0 5px;list-style:none;}
.tabs li {
display:inline;
margin:0;
padding:0;
}
.tabs div {
float:left;

margin:0;
padding:0 0 0 2px;
text-decoration:none;
cursor:pointer;
}
.tabs div span {float:left;display:block;background: #bbb;padding:5px 15px 5px 5px;color:#000000;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs div span {float:none;}
/* End IE5-Mac hack */
.tabs div:hover span {
color:#000000;
}
.tabs div:hover {

}
.tabs div:hover span 
{
	background:#DDDDDD;
	
}

.tabs .current div {

}
.tabs .current div span 
{background: #F8F8F8;font-weight: bold;color: #00336e;}

.tabcontent 
{
	clear:both;
	display:none;
}

.tab0in 
{
	padding: 20px;
	clear:both;
	min-height: 300px;
	background: #fff;
	border: 2px solid #666;
	border-top: 0px;
}



/************************************/
.tabsbox
{
	margin: 10px;
	/* background:#F8F8F8; */
	/* border: 2px solid #666; */
}
/************************************/

/************************************/
/* BOX.css */
/************************************/
div.boxclear { clear: both; }
/************************************/
div.boxesterno   {/* margin: 2px; */padding: 0px 0px 0px 0px;/* background-color: #f7f7f7; */border-radius: 5px;}
div.boxtitolo    {
	font-size: 11px;
	color: #00336e;
	/* background: #00336e; */
	margin: 0px;
	padding: 10px;
	background-color: #f7f7f7;
}
div.boxtitolo h4 {/* font-family:Helvetica; *//* font-size: 13px; *//* height: 18px; */margin: 0;/* padding: 0.75rem; *//* color: #ffffff; *//* font-weight: bold; */color: #da1f24;font-weight: bold;font-size: 20px;/* line-height: 32px; */}
div.boxinterno   {margin: 0;/* padding: 10px; */}
/*div.boxsotto     { height: 1px;background:#a7a6b1; margin: 0; padding: 5px 0px 0px 5px; }*/
/************************************/
/* BOXTESTATA.css */
/************************************/
.boxtestata      {
    /* padding: 0.75rem; */
    background-color: #f3f3f3;
    text-align: left;
    vertical-align: top;
    width: 100%;
    border-bottom: 1px solid #b2b2b2;
    /* margin-bottom: 5px; */
    /* border-radius: 0.75rem; */
    }
.boxtestata h1 {
    color: #00336E;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
}
.boxtestata h3 {
    color: #444444;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
}

.boxtestatain    {/* padding: 10px; */text-align: left;vertical-align: top;}
.BoxTestataBtn   {padding: 0px;background-color: #f3f3f3;text-align: left;vertical-align: top;border-spacing: 0px;}
.boxditta        {padding: 10px;background: #f3f3f3;/* text-align: left; *//* vertical-align: top; *//* width: 185px; */border: 1px solid #EEEEEE;border-radius: 0.5rem;font-size: 0.83rem;}
.boxrichiesta    { border: 1px solid #83A3C3; padding: 0px 0px 0px 0px; background-color: #EEEEEE; text-align: left; vertical-align: top; margin: 10px; }
/************************************/
.Paginazione     {/* border-top: 2px solid #00cc00; *//* background: #f3f3f3; */padding: 1rem;}
.Paginazione span {color: #d60000;}
.BoxRicerca {
	border: 1px solid #cdcdcd;
    padding: 9px;
    margin-bottom: 14px;
    border-radius: 5px;
}

.BoxScelta       {/* background-color: rgba(204, 255, 153, 0.25); */}
.BoxScelta .row      {/* background-color: rgba(204, 255, 153, 0.25); */padding: 0.5em 0em;}

.BoxScheda input[type="text"],
.BoxScheda select
 {
    border-radius: 10px;
    padding: 6px 20px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    min-width: 50px
}
.BoxScelta select,
.BoxScelta input
 {
    /* border-radius: 20px; */
    /* padding: 6px 20px; */
    background: #F3F3F3;
    /* border: none; */
    border: 1px solid #e6e6e6;
    /* padding: 15px 25px; */
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* border-radius: 30px; */
}
.BoxScelta .btn {
    background: #da1f24;
}

.BoxScelta .Button,
 {
    background: #55C1D8;
    font-weight: 500;
    font-size: 0.6875rem;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0.9375rem !important;
    /* padding-left: 2.5rem; */
    padding-right: 2.5rem;
    height: 2.2rem;
    border: none;
}
.catdisp, .catpromo {
  /* background-color: #ff0; */
  float: left;
}


.BoxScelta td    { padding: 2px; /*cellpadding*/ }
.BoxSceltaBtn    { background: #EEEEEE; }
.BoxScheda {
  padding: 7px;
  /* background: #F8F8F8; */
  margin-top: 15px;
}
.BoxSchedaBtn    {/* padding: 8px; *//* background-color: rgba(204, 255, 153, 0.55); */}
/************************************/
.BoxLoginAlto {
        /* float: right; */
    /* position: absolute; */
    /* top: 16px; */
    left: 750px;
    /* width: 300px; */
    /* height: 90px; */
    /* background-color: #e7e7e7; */
    max-width: 20em;
    position: relative;
    top: -92px;
}
                
.categorielink {color:#000000;}
.categorielink a {/* font-size: 1.1em; */font-weight:bold;color: #d60000;/* text-decoration: underline; */}
/************************************/
/* BTN.css */
/************************************/


.Button {
    background: #55C1D8;
    font-weight: 500;
    /* font-size: 0.6875rem; */
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0.9375rem !important;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    height: 3rem;
    border: none;
 }
.ButtonMod {
    border: 1px solid #e6e6e6;
    padding:5px 10px 5px 10px;
    color: #000000;
    background: #ffcc998c;
    font-weight: 500;
    /* text-transform: uppercase; */
    border-radius: 0.9375rem !important;
    margin: 10px;
    /* padding-right: 2.5rem; */
    height: 3rem;
}
.ButtonSel {cursor:pointer;font-size: 1em;border: 1px solid #e6e6e6;padding: 5px 10px 5px 10px;color: #000000;background: #ddffaa;font-weight: 500;/* text-transform: uppercase; */border-radius: 0.9375rem !important;margin: 0.25rem;/* padding-right: 2.5rem; */height: 3rem;}
.BtnCheck {padding:5px 10px 5px 10px;color: #000000;cursor:pointer;font-size: 1em;border: 1px solid #e6e6e6;background: #ddffaa;font-weight: 500;border-radius: 0.9375rem !important;margin: 0.25rem;height: 3rem;}
.BtnCheck label {font-weight: bold;padding-left: 11px;}
.ButtonNo {border: 1px solid #4a4e5a;padding:5px 10px 5px 10px;color: #000000;cursor:pointer;font-size: 1em;border: 1px solid #e6e6e6;padding: 5px 10px 5px 10px;color: #000000;background: #f3f3f3;font-weight: 500;/* text-transform: uppercase; */border-radius: 0.9375rem !important;margin: 0.25rem;/* padding-right: 2.5rem; */height: 3rem;}
.ButtonPrev, .ButtonNext {font-size: 13px;font-weight: bold;background-color: #ffffff;border: 1px solid #55c1d8;color: #55c1d8;cursor: pointer;border-radius: 0.75rem;}
.buttonsfondo { background-color:#000000;}
.ButtonPage {font-size: 13px;font-weight:normal;background-color: #886666;border: 1px solid #666666;color: #ffff;/* cursor: pointer; */border-radius: 0.75rem;}
.ButtonPageCurrent {font-size: 13px;font-weight:bold;background-color: red;border: 1px solid red;color: white;border-radius: 0.75em;}
.ButtonPrev[disabled="disabled"],.ButtonNext[disabled="disabled"] {border-color: #999;/* background: #f3f3f3; */color: #999;}

/************************************/
.btnlista ul { list-style: none; padding: 0; margin: 0px; }
.btnlista li { background-image: url(/images/TreeNullo.gif); background-repeat: no-repeat; padding: 0px 0 0 15px; background-color: #FFFFFF; }
.btnlista li a { padding: 1px 2px 1px 5px; display: block; }
.btnlista a:hover {  }
.btnlista .current a {color: #444444;/* background-color: #f3f3f3; */font-weight: bold;}
/************************************/
.btnlistahoriz { height: 20px; padding: 4px 20px 2px 0px; color: #222222; background-color: #DDDFDD; }
.btnlistahoriz ul { list-style: none; margin: 0 auto; 	padding-left: 20px; padding-right: 20px; }
.btnlistahoriz li {float: left; list-style: none; background-repeat: no-repeat; padding: 1px 10px 1px 16px; }
.btnlistahoriz li a { padding: 1px 2px 1px 5px; display: block; font-weight: normal; }
.btnlistahoriz a:hover { background-color: #F7F6D0; }
.btnlistahoriz .current a { background-color: #F1F9FC; }
/************************************/
.BtnLink { cursor: pointer; }
.Btn img { float: left; padding: 0px 0px 0px 0px; border-width: 0; }
.Btn a {display: block;/* min-height: 16px; *//* padding: 1px 1px 1px 1px; *//* margin: 1px; *//* font-weight: bold; *//* background-color: #e3ffc7; */}
.Btn a:hover {/* display: block; *//* min-height: 16px; *//* padding: 1px 1px 1px 1px; *//* margin: 1px; *//* font-weight: bold; *//* background-color: #e3ffc7; */text-decoration: none;}
/************************************/
.BtnHi img { float: left; padding: 0px 0px 0px 0px; border-width: 0; }
.BtnHi a { display: block; height: 18px; padding: 1px 1px 1px 1px; margin: 1px; font-weight: bold; background-color: #FFFF00; }
.BtnHi a:hover { display: block; height: 18px; padding: 1px 1px 1px 1px; margin: 1px; font-weight: bold; background-color: #b0f9f5; }
.Btn {
    background: #336600;
    color: #ffffff;
    border-radius: 0.25rem !important;
    padding: 0.25rem 0.75rem;
    border: none;
}

 .Btn a {
    color: #ffffff;
    font-size: 13px;
 }

/************************************/
.BtnDim         {display: block;margin-left: 0px;/* background-color: #F1F9FC; *//* height:20px; */}
.BtnDim img     { float: left; padding: 0px 0px 0px 0px; border-width: 0; }
.BtnDim a       {display: block;background: url(/images/treeright.gif) center left no-repeat;padding: 0px 0px 0px 15px;/* background-color: rgba(204, 255, 153, 0.25); */}
.BtnDim a:hover { color: #D60000; display: block; text-decoration: none; }
div.boxsub {padding: 5px 0px 0px 5px;/* border-left: 1px solid #EEEEEE; */margin-left: 5px;margin-bottom: 2px;}
/************************************/
.BtnDimHi        { display: block; padding: 0px; background-color: #E0E0E0; border-bottom: 1px solid #F0E0E0; }
.BtnDimHi img    { float: left; padding: 0px 0px 0px 0px; border-width: 0px; }
.BtnDimHi a      { display: block; margin-left: 15px; background: #FFFFCC; }
.BtnDimHi a:hover{ display: block; margin-left: 15px; background: #FFFF88; }

/* ELENCO */
/************************************/
/* Control how "spaced out" the tree is */
ul current a {color: #D60000;text-decoration: none;}
ul li a:hover {color: #D60000;text-decoration: none;}
ul.elenco {margin: 0px;padding: 0px;font-size: 17px;}
ul.elenco .hover { color: red; cursor: pointer; }
ul.elenco .current {/* background-color:#f3f3f3; */}
ul.elenco table {border-spacing: 0px;border-collapse: collapse;width: auto;}
ul.elenco td { padding: 0px; }
ul.elenco ul { margin-left: 15px; padding: 0px; }
ul.elenco li {margin-left: 0px;padding: 0px;list-style: none;}
/* Provide space for our own "bullet" inside the LI */
ul.elenco li.limg { width: 15px; height: auto; float: left; }
ul.elenco li div { display: block; }
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.elenco li td { height: auto; background: center left no-repeat; }
ul.elenco li td.aperto { width: 15px; float: left; cursor: pointer; background: url(/images/treedown.gif) no-repeat 2px; }
ul.elenco li td.chiuso {width: 15px;float: left;cursor: pointer;background: url(/images/treeright.gif) no-repeat 2px;}
ul.elenco li td.nullo  {width: 15px;float: left;cursor: default;background: url(/images/treenullo.gif) no-repeat 0px;}
/*ul.elenco li a {color:#ffffff}*/
ul.elenco li a:hover {color: #D60000;text-decoration: none;}
ul.elenco .current a {color: #da1f24;/* background-color: #f3f3f3; */font-weight: bold;}

ul.BoxMenuV {margin-left: 20px;padding: 0px;font-size: 17px;margin-bottom: 0px;}
ul.BoxMenuV li {
  list-style-image: url('/images/TreeNullo.gif');
  /* list-style-type: square; */
  /* margin: 8px; */
}

ul.BoxMenuV li span {
  margin: -4px;
}


/* PRODOTTO.css */
/************************************/
.ProdottoDispNum {display: inline-table;width: 40px;height: 8px;/* font-size: 12px; */border-spacing: 0px;padding: 0px 10px 0px 10px;color: #00336e;}
.prod-disp {
  border-spacing: 0px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: 5px;
  font-size: 10px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #666;  
}
.prod-disp:before { 
content: "\f111";

 }
.disp-si { color: green; }
.disp-no { color: red; }
.disp-scarsa {color: #eeee00;}
.disp-in-arrivo { color: #9E9E9E; -webkit-text-stroke-width: 0px;}
.disp-in-arrivo:before { content: "\f0d1"; }

.tx-prezzo {
  font-size: 2rem;
  color: #336600;
}

.slick-dots li button:before {
    font-size: 20px;
}

.TxtLogin {
    border-radius: 20px;
    padding: 6px 20px;
    background-color: #F3F3F3;
    border: 2px solid #e6e6e6;
}    

.TabLista {
    width: 100%;
    margin-bottom: 1rem;
    color: #000;
}

.TabTop {
  color: #00336e;
  font-weight: bold;
  background: #eef;
}

.TabRHi {
  background-color: #f7f7f7;
}


.TabTop td {
  border-bottom: 1px solid #00336e;
}

.TabLista td a {
    /* background: #55c1d8; */
    font-weight: bold;
    color: #00336e;
    /* border-radius: 0.75rem !important; */
    /* padding: 0.25rem 0.75rem; */
    /* border: none; */
}

.TabLista td {
    padding: 0.5em;
    vertical-align: top;
}

table {
  width:100%;
}

.table td {
 padding :0.5em;
 /* border : 1px solid #ddd; */
 vertical-align: top;
}

.right {
  text-align : right;
}

.center {
  text-align : center;
}

.m-auto {
  margin: auto;
}



.table  thead th {
    background-color: #1e1e1e;
    color: #fff;
}

.OpzioniListaProdotti {
    position: relative;
    padding: 0.5rem;
    margin: 0px -.75rem 0;
    border: solid #8888;
    background: #f3f3f3;
    /*padding: 1.5rem;*/
    /* height:12px; */
    margin-right: 0;
    margin-left: 0;
    border-width: 1px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #da1f24;
}

.tot-conteggio {
    background: #888;
    color: #fff;
    text-align: right;
    padding-right: 20px;
    display: none;
}


.OpzioniListaProdotti select,
.OpzioniListaProdotti input
 {
    border-radius: 20px;
    /* padding: 6px 20px; */
    background-color: #00336e;
    border: 1px solid #638bb9;
    /* padding: 15px 25px; */
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* border-radius: 30px; */
    color: #fff;
    /* padding: 5px; */
}

.OpzioniListaProdotti .ButtonCar
 {
    border-radius: 6px;
    padding: 6px 20px;
    background-color: #669900;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    /* font-size: 1em; */
    font-weight: 500;
    font-size: 0.75rem;
}

table.Tabqta {
  width: auto;
  border: none;
  /* background-color: #F3F3F3; */
  margin: auto;
}

table.Tabqta td {
  padding: 1px !important;
  vertical-align: middle;
}

table.Tabqta td {
  padding: 1px !important;
  border:none  !important;
}


#prodotto-singolo .product__table td td {
  border:none  !important;
 
}

.editqta {background-color: #F3F3F3;border-radius: 10px;display: inline-block;max-width: 100px;border: 1px solid #b8b8b8 !important;/* padding: 0.75rem; */padding: 10px 20px;}

.BoxSchedaBtnArticolo {
  text-align: right;
  margin-bottom: 40px;
  padding-right:40px;
}

.btn-acq {
    background: #669900;
    font-weight: 500;
    font-size: 0.6875rem;
    color: #ffffff;
    text-transform: uppercase;
    /* border-radius: 0.9375rem !important; */
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn-acq:hover {
    color: #ffffff;
    background: #004fa8;
}

.table-hover tbody tr:hover {
    /* color: #111; */
    background-color: #ffff001a;
}

.liv-1 {
    color: #036;
    padding-left:  10px !important;
}

.liv-2 {
    color: #009;
    padding-left:  20px !important;
}

.liv-3 {
    color: #06a;
    padding-left:  30px !important;
}

.liv-4 {
    color: #69a;
    padding-left:  40px !important;
}

/* Typeahead */

.Typeahead {
  position: relative;
  *z-index: 1;
  /*
  width: 500px;
  margin: 50px auto 0 auto;
  padding: 15px;
  text-align: left;
  background-color: #0097cf;
  background-image: -moz-linear-gradient(top, #04a2dd, #03739c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04a2dd), to(#03739c));
  background-image: -webkit-linear-gradient(top, #04a2dd, #03739c);
  background-image: -o-linear-gradient(top, #04a2dd, #03739c);
  background-image: linear-gradient(top, #04a2dd, #03739c);
  background-repeat: repeat-x;
  border: 1px solid #024e6a;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 0 2px #111;
     -moz-box-shadow: 0 0 2px #111;
          box-shadow: 0 0 2px #111;
          */
}

.Typeahead-spinner {
  position: absolute;
  top: 7px;
  right: 50px;
  display: none;
  width: 28px;
  height: 28px;
}

.Typeahead-hint,
.Typeahead-input {
  /* text-transform : uppercase; */
}

.Typeahead-hint {
  position: absolute;
  /* top: 0px; */
  /* left: 0; */
  color: #ddccd9;
  /* opacity: 1; */
  background-color: transparent !important;
  width: 75%;
}

.search-main .form-control.Typeahead-hint {
  color: #fbbbbb;
}

.Typeahead-input {
  position: relative;
  background-color: transparent;
  outline: none;
}

Typeahead-hint {
  width: 75%;
}

.Typeahead-menu {
  position: absolute;
  top: 95%;
  left: 2.5%;
  z-index: 100;
  display: none;
  width: 125%;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 0px 0px 1px #000b80;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  }

.Typeahead-menu.is-open {
  display: block;
}

.Typeahead-menu.aperto {
  display: block;
}


.Typeahead-selectable {
  cursor: pointer;
}

.Typeahead-selectable + .Typeahead-selectable {
  border-top: 1px solid #ccd6dd;
}

/* SearchCard */

.SearchCard {
  position: relative;
  padding: 4px;
}

.SearchCard a {
  text-decoration: none;
}


.SearchCard-Img {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 52px;
  height: 52px;
  border: 1px solid #ccd6dd;
  border-radius: 5px;
}

.SearchCard:hover .SearchCard-img {
  border-color: #f5f8fa;
}

.SearchCard-details {
  min-height: 55px;
  padding-left: 60px;
  /* min-width: 400px; */
}

.SearchCard-Nome,
.SearchCard-ID {
  /* display: inline-block; */
}

.SearchCard-Nome {
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
}

.SearchCard-ID {
  color: #03A9F4;
  /* float: right; */
  /* margin-top: 0px; */
  font-size: 10px;
  line-height: 12px;
}

.SearchCard-Descrizione {
  margin-top: 5px;
  font-size: 10px;
  color: #8899a6;
  line-height: 8px;
}

.SearchCard-Prezzo {
  float: right;
  text-align: right;
  /* display: none; */
  bottom: 10px;
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: #8899a6;
  font-weight: 500;
}


.SearchCard:hover,
.SearchCard.is-active {
  color: #fff;
  background: #55acee;
}

.SearchCard:hover .SearchCard-Nome,
.SearchCard:hover .SearchCard-Prezzo,
.SearchCard.is-active .SearchCard-Nome,
.SearchCard.is-active .SearchCard-Prezzo {
  color: #fff;
}

.SearchCard:hover .SearchCard-ID,
.SearchCard:hover .SearchCard-Descrizione,
.SearchCard.is-active .SearchCard-ID,
.SearchCard.is-active .SearchCard-Descrizione {
  color: #eee;
}

/* EmptyMessage */

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 24px;
  
  text-align: center;
  font-size: 12px;
}


.form-control:focus {
    color: #495057;
    background-color: #fffff8;
}

.riga-prodotti .product:hover {
    background-color: #ffffee;
    border-radius: 10px;
}

.riga-prodotti .product:hover .btn{
   background-color:#003366;
   color: #ffffff;
  
}
.riga-prodotti .product:hover .btn:hover {
   background-color:#003366;
   color: #ffff00;
  
}

.promolist {
	background: #2f9916;
    text-transform: inherit !important;
    width: 6rem;
    border-radius: 14px;
    height: 3rem;
	font-weight:700;
}

.novita {
    background: #00336e;
    text-transform: inherit !important;
}

b {
  font-weight: bold !important;
}

.product__dot.offerta {
    left: 0.9375rem;
    background: #d60000;
    top: 0;
}

.paneledit {
    background-color: #E0E7EF;
    padding: 5px;
}

@media (max-width: 768px)
{
    .no-mobile {
        display: none !important;
    }  
    .si-mobile {
        display: block !important;
    }     
    .ButtonPage, .ButtonPageCurrent, .LabelPage {
        display: none !important;
    }  
    
}

@media (min-width: 768px)
{
    .only-mobile {
        display: none !important;
    }  
}

.LabelEvid {
    left: 0.9375rem;
    background: #ddffaa;
    top: 0;
}

.marchio {
  background: #f3f3f3;
  text-align: center;
  margin: 0.5rem;
  line-height: 150px;
  vertical-align: middle;
}
.marchio img {
    padding: 0.5rem !important;
    max-width: 100%;
    height: auto;
}

input[type="radio"] {
  margin: 10px;
}

h4.title {
    color : #00336e;
    border-bottom: 1px solid #B2B2B2;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 1em;
}
.autow img {
    max-width: 100%;
    height: auto;
}

.menuitem__icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    filter: invert(80%);
}
.boxnews {
    margin-bottom: 1em;
    background: #f3f3f3;
    padding-top: 1em;
}


.boxnews a {
    text-decoration: none;
}

.boxnews img {
    width: 100%;
    height: auto;
}
@media (max-width: 576px)
{
  .boxnews img {
      float: left;
      width: 100px;
  }
  
  .boxnews {
      margin: 1em;
  }

}
 table.prodotti-figli  th {
    background: #f3f3f3;  
    padding: 1em;
}

.product__acq {
  text-align : left;
  padding-top: 1.5em;
}

div.sezione-about-1 {
    margin-bottom: 10vh
}

div.sezione-about-1 .col-md-6:first-child {
    position: relative
}

div.sezione-about-1 .col-md-6:first-child:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='326.794' height='214.552' viewBox='0 0 326.794 214.552'%3E%3Cg id='noun_Sea_1450041' transform='translate(-45.917 -28.5)' opacity='0.1'%3E%3Cpath id='Path_13' data-name='Path 13' d='M259.857,60.782a51.649,51.649,0,0,1-39.732-18.873,51.259,51.259,0,0,1-79.464,0,51.259,51.259,0,0,1-79.464,0A51.649,51.649,0,0,1,21.466,60.782h0A4.692,4.692,0,0,1,16.5,55.816a4.692,4.692,0,0,1,4.966-4.966h0A41.038,41.038,0,0,0,56.728,30.983,5.216,5.216,0,0,1,61.2,28.5h0a5.926,5.926,0,0,1,4.47,2.483,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0A5.216,5.216,0,0,1,298.6,28.5h0a5.926,5.926,0,0,1,4.47,2.483,41.038,41.038,0,0,0,35.262,19.866,4.692,4.692,0,0,1,4.966,4.966,4.692,4.692,0,0,1-4.966,4.966A51.649,51.649,0,0,1,298.6,41.909C290.153,54.326,275.75,60.782,259.857,60.782Z' transform='translate(29.417)' fill='%2355c1d8'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M259.857,73.082a51.649,51.649,0,0,1-39.732-18.873,51.259,51.259,0,0,1-79.464,0,51.259,51.259,0,0,1-79.464,0A51.649,51.649,0,0,1,21.466,73.082h0a4.966,4.966,0,1,1,0-9.933h0A41.038,41.038,0,0,0,56.728,43.283,5.216,5.216,0,0,1,61.2,40.8h0a5.926,5.926,0,0,1,4.47,2.483,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0A5.216,5.216,0,0,1,298.6,40.8h0a5.926,5.926,0,0,1,4.47,2.483,41.038,41.038,0,0,0,35.262,19.866,4.966,4.966,0,0,1,0,9.933A51.649,51.649,0,0,1,298.6,54.209C290.153,66.129,275.75,73.082,259.857,73.082Z' transform='translate(29.417 48.788)' fill='%2355c1d8'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M259.857,85.282a51.649,51.649,0,0,1-39.732-18.873,51.259,51.259,0,0,1-79.464,0,51.259,51.259,0,0,1-79.464,0A51.649,51.649,0,0,1,21.466,85.282h0a4.966,4.966,0,1,1,0-9.933h0A41.038,41.038,0,0,0,56.728,55.483,5.216,5.216,0,0,1,61.2,53h0a5.926,5.926,0,0,1,4.47,2.483,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0A5.216,5.216,0,0,1,298.6,53h0a5.926,5.926,0,0,1,4.47,2.483,41.038,41.038,0,0,0,35.262,19.866,4.966,4.966,0,0,1,0,9.933A51.649,51.649,0,0,1,298.6,66.409C290.153,78.329,275.75,85.282,259.857,85.282Z' transform='translate(29.417 97.179)' fill='%2355c1d8'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M259.857,97.482a51.649,51.649,0,0,1-39.732-18.873,51.259,51.259,0,0,1-79.464,0,51.259,51.259,0,0,1-79.464,0A51.649,51.649,0,0,1,21.466,97.482h0a4.966,4.966,0,1,1,0-9.933h0A41.038,41.038,0,0,0,56.728,67.683,5.216,5.216,0,0,1,61.2,65.2h0a5.926,5.926,0,0,1,4.47,2.483,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0,5.1,5.1,0,0,1,8.443,0,41.228,41.228,0,0,0,70.524,0A5.216,5.216,0,0,1,298.6,65.2h0a5.926,5.926,0,0,1,4.47,2.483,41.038,41.038,0,0,0,35.262,19.866,4.966,4.966,0,0,1,0,9.933A51.649,51.649,0,0,1,298.6,78.609C290.153,90.529,275.75,97.482,259.857,97.482Z' transform='translate(29.417 145.57)' fill='%2355c1d8'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 22vw;
    height: 22vh;
    position: absolute;
    right: -8vw;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

div.sezione-about-2 {
    margin-bottom: 10vh
}

div.sezione-about-2 .item {
    padding: 9rem 70px 3rem 8rem;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
    overflow: hidden;
    display: block;
    height: auto;
}

@media (max-width: 780px) {

    div.sezione-about-2 .item {
        padding: 40px
    }

}

.titolo-sezione {
    font-size: 3.75rem;
    line-height: 4.125rem;
    color: #00336e;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold;
}
div.sezione-about-2 .item h5 {
    margin-bottom: 0px;
    position: relative
}

div.sezione-about-2 .item h5::after {
    content: '';
    height: 3px;
    margin-top: 0px;
    background-color: #fff;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
    width: 100%;
    display: block;
    margin-top: -20px
}

div.sezione-about-2 .item.half-width {
    width: 50%;
    margin-left: auto;
    padding: 9rem
}

div.sezione-about-2 .item.half-width h5 {
    margin-bottom: 0px
}

div.sezione-about-2 .item.half-width h5:after {
    display: none
}

div.sezione-about-2 .item.item.height-100 {
    /* height: 62%; */
    padding: 3rem !important;
}

div.sezione-about-2 .item h5 {
    font-size: 3.75rem;
    line-height: 4.125rem;
    color: #fff;
    margin-bottom: 30px;
}

div.sezione-about-2 .item .descrizione {
    font-size: 1.25rem;
    margin-bottom: 40px;
    color: white;
    /* border: 1px solid red; */
    /* text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black; */
    font-weight: bold;
    /* text-transform: capitalize; */
}

.opz-box {
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}
.opz-box a {
  text-decoration: none;
}
.box-profilo:hover h3 {
  color: red;
}

.content-profilo {
  margin-top: 2rem !important;
}

.box-side-left img {
  margin-top: 2rem !important;
}
.prodotto-scheda {
  min-height: 50vh;
}

.btn-vari {
  background: #009688;
  font-weight: 500;
  font-size: 0.6875rem;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 0.9375rem !important;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.btn-vari:hover {
  background: #009688;
}

.product__dot.simili {
  width: 3.875rem;
  height: 3.875rem;
  text-transform: none !important;
  bottom: 0.9375rem;
  top:auto;
  background: #4CAF50;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

#prodotto-singolo .carousel-item.active {
    visibility: visible;
    opacity: 1;
    background: #fff;
}

#prodotto-singolo .carousel {
  position: relative;
}
#prodotto-singolo .carousel-item img {
  /* object-fit: cover; */
  /* width: 100%; */
  /* height: 40vh; */
  /*    -o-object-fit: contain; */
  /* object-fit: contain; */
}
#prodotto-singolo #carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  /* padding: 0 50px; */
  right: 0;
}
#prodotto-singolo #carousel-thumbs  {
  /* background: rgb(5 163 255 / 30%); */
}

#prodotto-singolo #carousel-thumbs .thumb img {
  /* background: rgb(5 163 255 / 30%); */
  border: 1px solid #d5d5d5;
  height: 80px;
  width: 80px;
  object-fit: contain;
}

#prodotto-singolo .carousel {
    height: auto;
    /* min-height: 40vh; */
    background: none;
    /* border: 1px solid #D5D5D5; */
    margin-bottom: auto;
}


#carousel-box-img {
    min-height: 40vh; 
    background: none;
    border: 1px solid #eeeeee; 
 
}

#prodotto-singolo #carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
#prodotto-singolo #carousel-thumbs img:hover {
  border-color: #f14735;
}
#prodotto-singolo #carousel-thumbs .selected img {
  border-color: #fff;
}
#prodotto-singolo .carousel-control-prev,
#prodotto-singolo .carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  #prodotto-singolo .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  #prodotto-singolo .carousel-container #carousel-thumbs {
    /* position: absolute; */
  }

}
@media all and (max-width: 576px) {
  #prodotto-singolo .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
  img {
   max-width: 100%;
  }
}

#prodotto-singolo #myCarousel .carousel-item img {
   border: 1px solid #D5D5D5;
}

#prodotto-singolo #myCarousel .carousel-item img {
  width: 100%;
  height: 40vh;
  object-fit: contain;
  -o-object-fit: contain;
}

#prodotto-singolo .carousel-item:not(.active) {
    visibility: hidden;
    /* opacity: 0; */
    /* -webkit-transition: .6s; */
    /* transition: .6s; */
}
.zoomContainer {
  width: 100%;
}

a.btn-left  {
  width: 100%;
  text-align:left;
  border: 1px solid #b2b2b2;
  /* border-radius: 10px; */
  border-radius: 0.9375rem !important;
  /* padding-left: 2.5rem; */
  padding: 0.5rem 0.75rem;
  position: relative;
  display: block;
  text-decoration: none;
  background: #f3f3f3;
}

.btn-left .badge {
  position: absolute;
  right: 3px;
  padding: 10px 5px;
  border-radius: 50%;
  background: #00336e;
  color: white;
  top: 5px;
}

.btn-left i {
  margin-right: 0.5rem;
}

.costo {
  color: #990000;
}

.btn-cart .badge {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px 8px;
    border-radius: 50%;
    background: #00aa00;
    color: white;
    font-size : 10px;
}

.btn-cart {
    position: relative;
}

.BtnDel {
    border: none;
    color: #000000;
    background-color: transparent;
    margin: 10px;
    width : 24px;
    height : 24px;
    background-image: url("/images/16/Del.gif");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

#contatti {
  /* color:red; */
  margin-bottom: 1rem;
}

div.row,
div.row div.row,
div.row div.row div.row,
div.row div.row div.row div.row 
{
   /* border: 1px solid red;  */
}
div.row div {
  /* border: 1px dotted black; */
}

.align-items-end figure {
    /* margin-left: -33%; */
}

.product-acq {
    background: #f3f3f3;
    border: 1px solid #e0e7ef;
    border-radius: 10px;
}

.btn-primary {
  background: #690;
}
div.lista  {
  padding: 10px;
  border: 1px solid #eee;
}

div.lista.pair {
  background: #f3f3f3;  
}

div.lista div {
    align-items: center;
    height: 100%;  
}

.fileupload {
    border: 1px solid #767676;
    border-radius: 10px;
    background-color: #efefef;
    max-width:300px;
}

/* Newsletter-Reg
   ========================================================================== */
.newsletter-reg {
  padding: 1.5625rem 0.9375rem;
  position: relative;
  background: #00336e;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .newsletter-reg {
    padding: 2.5rem;
  }
}
.newsletter-reg .tx-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  color: #ffffff;
}
@media (min-width: 992px) {
  .newsletter-reg .tx-title {
    font-size: 2.5rem;
  }
}


.newsletter-reg .tx-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #ffffff;
}
.newsletter-reg .tx-text strong {
  font-weight: 500;
}
@media (min-width: 992px) {
  .newsletter-reg .tx-text {
    font-size: 1.1875rem;
  }
}

.newsletter-btn {
    background: #55C1D8;
    font-weight: 500;
    font-size: 0.6875rem;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0.9375rem !important;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.newsletter-reg div 
{
  padding: 0.25rem;
}
.newsletter-reg .validator-msg {
  color:#ff0 !important;
}
input[type=radio] {
	display: none;
}
input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    background-image: none;
    background-color:#f3f3f3;
    color: #444444;
    margin: 2px;
}
 input[type=radio]:checked + label {
   background-image: none;
   background-color: #cccccc;
   color:#444444;
   font-weight:bold;
}

.box-gruppo
{
	color: #880000;
	border-bottom: 1px solid  #ee0000;
	margin-top: 40px;
}
.modal.show {
	display: block;
} 
.modal.show .modal-dialog{
	z-index: 1050;;
} 

.zoom-box-img {
  height:300px;
  /* border: 1px solid red; */
  line-height: 300px;
}
.my-radio-control label {
  color: #fff;
  margin-left: 1.9rem;

}
.my-radio-control {
  /* width: 100%; */
  float: left;
  width: 30px;
}

span[style="color:Red;visibility:hidden;"] {
  display: none;
}

.validator-msg {
  font-size: 0.75rem;
  display: block;
}


.news-img img {
    width: 100%;
    height: auto;
}

.prodotto-scheda table td {
  border: 1px solid #ddd;
}

.faqs ul {
  list-style: url('/template/images/icone/faq.png');
  list-style-position: unset;
  /* padding-top: 20px; */
}
.faqs li {
  margin: 2em 0em 2em 0em;
  background-color: #f3f3f3;
  /* background-clip: border-box; */
  /* border: 1px solid #b2b2b2; */
  border-radius: 0.25rem;
  padding-left:1em;
  /* top: -1em; */
}

.faqs h4 {
  color: #00336e;
  display: inline;
  /* top: -20px; */
}

.btn-info {
  font-weight: 500;
  font-size: 0.6875rem;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  background-color: #565756;
}

.form-login .form-control {
    border-radius: 1.25rem;
    border: 1px solid #b2b2b2;
}

.debug  {
  font-size:0.8rem;
  border: 1px solid #ddd;
  padding: 10px;
}
.debug .info {
  margin-top: 10px;
  background: #eee;
  padding: 10px;
}
.debug h5 {
  font-size:1rem;
  color: navy;
}
.debug .time-alert  {
  background: #f777;
  color: maroon;
  font-weight: bold;
}
.debug .time-warning  {
  background: #ff7;
  font-weight: bold;
}
.debug .time-normal  {
  background: #eee;
  font-weight: bold;
}

.prodotto-scheda .Note {
    display: block;
    background-color: #EEEEAA;
    padding: 2px 2px 2px 2px;
    color: #000022;
    text-decoration: none;
    font-size: 16px;
}

.collapsebtn {
	background: transparent;
    border: none;
    color: #669900;
}

[data-toggle="collapse"] .fa:before {   
  content: "\f107";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "Ricerca \f105";
}