img {
	border:none;
}

select {
    /*display: block;*/
	min-width: max-content;
    padding: 6px 32px 6px 9px;
    font-size: 13px;
    /*font-weight: 400;
    line-height: 1.5;*/
    color: #212529;
    background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  	background-repeat: no-repeat;
  	background-position: right 0.75rem center;
  	background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
}

input[type=checkbox] {
    border-radius: 0.25em;
	width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
	box-sizing: border-box;
	cursor: pointer;
}

input[type=checkbox]:checked {
    accent-color: rgba(2, 42, 59, 0.25); 
	border-color: rgba(2, 42, 59, 0.25);
}

input[type=checkbox]:active, input[type=checkbox]:focus,
input[type=checkbox]:focus-visible {
	accent-color: rgba(2, 42, 59, 0.25); 
	cursor: pointer;
}

/* Bottoni */
input[type=button], input[type=submit], input[type=reset], button  {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 16px;
    background: rgba(248, 193, 2, 1);
	color:#ffffff;
	border-style: none;
	/*border-color: #000000;
	border-width: 1px;
	border-radius: 5px;*/
	padding: 6px 9px 6px 9px;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover {
	background: rgb(2, 42, 59); 
	cursor: pointer;
}

input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, button:disabled {
	background: rgba(255, 199, 0, 0.25); 
	cursor: none;
}

/* Campi di testo */
input[type=text], textarea {
    padding: 0.25rem 0.5rem;
	font-size: .875rem;
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid #ced4da;
	border-radius: 0.25rem!important;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type=text]:active, input[type=text]:focus,
input[type=text]:focus-visible,
textarea:active, textarea:focus, textarea:focus-visible {
	border-color: rgba(252, 90, 51, 0.5);
    box-shadow: 0 0 0 0.25rem rgba(104, 102, 101, 0.25);
}

input[type="text"][disabled],
select[disabled],
input[type=checkbox][disabled] {
    /*opacity: 0.5;  Rende la casella più trasparente */
	background-color: #f0f0f0;
    color: #a0a0a0;
    cursor: not-allowed;
}


table {
	/*font-family: 'Open Sans', Helvetica, sans-serif; */
	font-size: 15px;
}

table td {
	text-align:left; 
	vertical-align: top; 
	padding: 1px 3px 1px 3px;
}

table .amount {
	text-align:right; 
}

table .qtyfmt {
	text-align:right; 
}

/*table .totalfmt {
	font-weight: bold; 
}*/

a:active, a:hover, a:link, a:visited {
	text-decoration: none;
	color:rgba(2, 42, 59, 1); /*#39b1cc;*/
}

.simbottone {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 16px;
    background: rgba(248, 193, 2 , 1);
	border-style: none;
	/*border-width: 1px;
	border-color: #000000;
	border-radius: 5px; */
	padding: 6px 9px 6px 9px;
	color:#ffffff;
}

.simbottone:hover {
	background: rgba( 2, 42, 59, 1); 
	/*font-weight: bold;*/
	cursor: pointer;
}

/* tabella generale */
.tablegen {
	font-size: 15px;
	white-space: nowrap;
	margin: 0px 0px 0px 0px; 
	border-collapse: collapse;
	width: 100%;
}
.tablegen td {
	padding: 1px 3px 1px 3px;
	vertical-align: top;
}
/* tabella prima riga */
.tableintest {
	font-size: 15px;
	white-space: nowrap;
	margin: 0px 0px 0px 0px; 
	border-collapse: collapse;
	width: 100%;
	white-space: nowrap; 
}
.tableintest td {
	padding: 0px 2px 0px 2px;
	/*padding: 0px 2px 0px 2px;*/
	vertical-align: middle;
	text-align:right;
}

/* Font piccoli */
.fontsmall {
	font-size: 10px;
}

/* Classi per pager */
.pager {
	font-size: 15px;
	width: 100%;
	background: rgba(252, 90, 51, 0.25);
	white-space: nowrap;
	/*padding: 0px 0px 0px 0px;*/
}
.pager td {
	padding: 6px 6px 6px 6px;
	vertical-align: middle;
	text-align: center;
}
.pagercurpage {
	font-size: 18px;
	font-weight: bold;
}

/* Classi per spazio in alto a sx*/
.infosx {
	width: 100%;
	background: #ffffff;
	font-size: 13px;
	vertical-align: middle;
	white-space: nowrap;
}
.infosx td {
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	text-align: right;
}
/* Classi per ricerca */
.ricacli {
	background: #ffffff;
	font-size: 13px;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}
.ricart {
	background: #ffffff;
	font-size: 13px;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}

.scrollToTop {
	width:50px; 
	height:20px;
	padding:10px; 
	text-align:center; 
	background: transparent;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position:fixed;
	bottom:80px;
	right:80px;
	display:none;
	border: 1px solid;
	/*background: url('arrow_up.png') no-repeat 0px 20px;*/
}
.scrollToTop:hover{
	text-decoration:none;
}

/* tabella elenchi con solo una intestaz */
.elenchi1intest {
	margin: 0px 0px 0px 0px; 
	border-collapse: collapse;
	width: 100%;	
	background-color:transparent;
}
.elenchi1intest td {
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	background-color:transparent;
}

.elenchi1intest tr:nth-child(1), .elenchi1intest tr:nth-child(1):hover, 
.elenchi2intest tr:nth-child(1), .elenchi2intest tr:nth-child(1):hover,
.elenchi2intest tr:nth-child(2), .elenchi2intest tr:nth-child(2):hover {
    background-color: rgba(2, 42, 59, 1);
    font-weight: bold;
    color:rgba(255, 255, 255, 1);
}

.elenchi1intest tr:nth-child(1) a, .elenchi2intest tr:nth-child(1) a {
    color:rgba(255, 255, 255, 1);
}

.elenchi1intest tr, .elenchi2intest tr  {
	background-color: rgba(255, 255, 255, 1);
}

.elenchi1intest tr:hover, .elenchi2intest tr:hover {
	background-color: rgba(248, 193, 2, 0.50);
}

/* tabella elenchi con 2 righe intestaz */
.elenchi2intest {
	margin: 0px 0px 0px 0px; 
	border-collapse: collapse;
	width: 100%;	
	background-color:transparent;
}
.elenchi2intest td {
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	background-color:transparent;
}
/*
.elenchi2intest tr:nth-child(1)  {
    background-color: rgba(2, 42, 59, 0.25);
    font-weight: bold;
    color:#000000;
}

.elenchi2intest tr:nth-child(2)  {
    background-color: rgba(2, 42, 59, 0.25);
    font-weight: bold;
    color:#000000;
}

.elenchi2intest tr:nth-child(2) a {
    color:rgba(252, 90, 51, 0.25);
}

.elenchi2intest tr:nth-child(2n+4)  {
    background-color: #ffffff;
}

.elenchi2intest tr:nth-child(2n+3) {
    background-color: #ffffff;
}
*/
.elenchiintest_center {
	text-align:center; 
}

.elenchiintest_right {
	text-align:right; 
}

.tabselstati {
	margin: 0px 0px 0px 0px; 
	border-collapse: collapse;
	background-color:transparent;
}
.tabselstati td {
	padding: 4px 4px 4px 4px;
	vertical-align: top;
	background-color:transparent;
}

.tabselstati tr {
    background-color: rgba(2, 42, 59, 0.10);   
    color:#000000;
}

.dimens_img {
    max-width: 100%;
    max-height:100%;
    margin: 0 auto;
    display:block;
}

.preferitoimg {
	height: 25;
	width: 25;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.scheda-discount{
    color: #888;
    font-size: 16px;
    text-decoration: line-through;
}

.scheda-price{
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
}

.scheda-articleinfo {
    border: 0.1em solid rgba(7, 126, 8, 0.25);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*border-radius: 8px;*/
    padding: 10px;
}

.scheda-imgsmall {
    border: 0.1em solid rgba(7, 126, 8, 0.25);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: white;
}

.custom-scrollbar {
	overflow: auto;
}

#vpo_note_promo {
    font-weight: 500;
}

#vpo_insart_veloce {
	font-weight: 600;
    border-top-style: solid;
	border-width: 1px;
	padding: 5px 0px;
}

/* Cards per configuratore */
/* Riquadro tipo cardnel det */
.conf-det {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
    width:90%;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

/* Info articolo prima di img */
.conf-tit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;	
    background-color: rgba(2, 42, 59, 1);
    color: #ffffff;
	/*border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(2, 42, 59, 0.55), 0 2px 5px 0 rgba(0, 0, 0, 0.19);*/
	padding:5px 0px 5px 0px;
	text-align: center;
}

/* Tabella elenco det */
.conf-list {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* Sottotitoli dett */
.conf-list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background: rgba(248, 193, 2 , 1);
	padding: 3px 3px 3px 3px;
}

/* Descrizioni dett */
.conf-list-voice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 2px 2px 2px 15px;
}

/* valori dett */
.conf-list-value {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: right;
	padding: 2px 5px 2px 2px;
}

/* Totale dett */
.conf-list-tot {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;	
    background-color: rgba(2, 42, 59, 1);
    color: #ffffff;
	padding:5px 2px 5px 10px;
}

/* valori totale dett */
.conf-list-tot-value {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;	
    background-color: rgba(2, 42, 59, 1);
    color: #ffffff;
	padding:5px 5px 5px 2px;
	text-align: right;
}

/* Tabella elenco det abil e disabil */
.conf-mod-list {
	font-family: Arial, Helvetica, sans-serif;
}

/* Titolo livello in conf */
.conf-mod-tit-liv {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;	
    background-color: rgba(2, 42, 59, 1);
    color: #ffffff;
	padding:5px 0px 5px 0px;
	text-align: center;
}

/* Dettagli conf */
.conf-mod-input-liv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background: rgba(248, 193, 2 , 1);
	padding: 3px 3px 3px 3px;
}

/* Dettagli conf disab */
.conf-mod-input-liv-disab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: rgb(180, 180, 180);
	padding: 3px 3px 3px 3px;
}

/* Sotto Dettagli conf */
.conf-mod-input-liv-det {
	vertical-align: middle;
}

.conf-mod-input-liv-det-right {
	vertical-align: middle;
	text-align: right;
}

.conf-mod-input-liv-row_disab {
	background-color: rgb(230, 230, 230);
}

.conf-mod-input-err {
	background: rgba(248, 193, 2 , 1);
}