/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */

body {
/*font:80% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;*/
}


.active{
	border:0;
}
a {
color_orig:#505050;
color:#000000;
font-weight:bold;
/*font-size: 1.3em;*/
line-height: 1.7em;
text-decoration:none;
}

a:hover {
color:#000000;
color_orig:#808080;
text-decoration:underline;
}

 select.form-control{width:auto;height:auto}
iframe{background-color:#ffffff}
/*** Main container ***/

#container {
/*background:#f0f0f0 url(img/bodybg.jpg) repeat-x;*/
color:#303030;
margin:0;
padding:0;
text-align:left;
display:flex;
width:100%;
}

/*** Header section ***/

#sitename {
color:#000;
/* margin:0 10px 10px; */
position:absolute;
right:0;
width:100%;
background-color: #fff;
transition: all 0.3s;
min-height:150px;
z-index:999;
font-size:0.9rem;
}
#sitename.active{
width:83.4%;
	
}

#sitename #logo_testata {
border:0px solid #b0b0b0;
}

#sitename a {
color:#891613;
}


#sitename img,#sitenamealt img {
border:0px solid #b0b0b0;
zzzfloat:left;
zzzmargin:5px 15px 6px;
zzzpadding:5px;
}

#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin-right:2px;
padding:0;

}

#sitename h1 {
font:100% Verdana,Tahoma,Arial,sans-serif;
font-size:1.6em;
padding-top:20px;
letter-spacing:0px;
}

#sitename h2 {
font:100% Verdana,Tahoma,Arial,sans-serif;
font-size:1.1em;
letter-spacing:0px;
}

#sitename p {
font-size:1.2em;
line-height:1.4em;
 margin:0 0 16px 0px;

}

#sitename span{	
	background-color:#891613;
}
#sitename span a,
#sitename span i{
	color:#ffffff;
}
#sitename p i{
	color:#000000;
}
/*
#sitename zzzh1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
padding-top:20px;
}

#sitename zzzh2 {
font-size:1.1em;
margin:0 0 20px;
}

#sitename zzzp {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
*/
#usermenu li:hover
{
	background:#891613;
}

#usermenu li:hover a
{
	color:#ffffff;
}

/*** Horizontal menu ***/

#mainmenu ul {
font-size:0.8rem;
margin:0;
}

#mainmenu li a,
#mainmenu li i
{
	color:#000000;
}

#mainmenu li a{
display:block;	
padding-top: 10px;	
padding-bottom: 10px;
text-transform:uppercase;
text-decoration:none;

}

#mainmenu li:hover {
background:#891613;
text-decoration:none;
}
#mainmenu li:hover a,
#mainmenu li:hover i
{
	color:#ffffff; 
}

#mainmenu li.current a,
#mainmenu li.current i
 { color:#ffffff; }

#mainmenu li.current {
background:#891613;
}

/*** Content wrap ***/

#wrap {
position:absolute;
right:0;	
top:200px;
/*clear:both;*/
font-size:0.9em;
/*padding:0;*/
width:100%;
transition: all 0.3s;
background-image: linear-gradient(#f0f0f024,#9b9999a8);
}
#wrap.active{
width:83.4%;
}


#main{
	min-height:calc(100vh - 260px);
}
/*** Sidebars ***/
/*
#leftside,#rightside,#sitename {
margin:0;
padding:0px 5px 10px 5px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:5px;
}
*/

#description{color:#891613;margin-top:7%;margin-bottom:3%;font-size: 2.5rem }
.index-card{ }
.index-card h4{color:#891613;}
.index-card p{color: #000000}
.index-card i{color:grey}
#mail-to{margin-top:3%; border-top: 2px solid grey; border-bottom: 2px solid grey; color: grey;font-weight: 600;font-size: 1.1rem}
#div_presentazione img{ max-width:100%;}
#div_presentazione span{font-weight:700; font-size:1.3rem;}

.dataTables_processing{
	background: transparent !important;
	border: 0px;
}

#waitModal{color:#555}
.modal-backdrop.show{opacity: .8;}
/*.modal-dialog{margin-top:30%}*/

#circle {
    position: relative;
    /*transform: translate(-50%,-50%);*/
    margin:auto;
	width: 80px;
    height: 80px;	
}

.loader {
    width: calc(100% - 0px);
	height: calc(100% - 0px);
	border: 8px solid #ffffff;
	border-top: 8px solid #891613;
	border-radius: 50%;
	animation: rotate 2s linear infinite;
}
@keyframes rotate {
100% {transform: rotate(360deg);}
} 


#leftside h1,#rightside h1{
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p{
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
/*border:1px solid #909090;*/
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
margin:auto;
min-height:400px;
}

div#content table {width:100%}
/*div#content table tr table tr:nth-child(even){background-color: #f0e4e4}
div#content table tr table tr:nth-child(odd){background-color: #ffffff}
*/
#contentalt {margin:0 195px 0 20px;}

#content a,#content a:hover { color:#000;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color_orig:#606060;
color:#000000;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content h5,#contentalt h5 {
font-size:1.0em;
margin-bottom:10px;
}

#content img,#contentalt img {
border:0px solid #b0b0b0;
float:left;
zzzmargin:5px 15px 6px;
padding:5px;
}

#content .comm_copy{
	text-align:center;
	font-size:0.7em;
	padding: 5px;
	text-transform: uppercase;  	
}
#content .comm_copy i{font-size:5em;}
#content .comm_copy i,span{color:#891613;}


#table_cart td{
	text-align:center;
	
}
/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
position:relative;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.UPPERsearchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
text-transform: uppercase;  
}


/*css input file*/
.file_input_textbox
{	
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	margin:0 4px 0 0;
	width:45px;
	/*float: left;*/
}

.file_input_div
{
	position: relative; 
	width: 45px; 
	height: 23px; 
	overflow: hidden;
}

.file_input_button
{
	width: 40px; 
	position: absolute; 
	top: 0px;
	background-color: #D4D0C8;
	color: #000000;
	border-style: solid;
	border-color: #7A7874;
	border-width: 1px;
	margin-top: 2px;
}

.file_input_hidden
{
	font-size: 40px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
	
}
/*fine css input file*/

.searchfile {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:170px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Menu a tre livelli a sinistra ***/

#pmenu {
position:fixed;
font-size:1rem;
width: 16.6%;
background-color:#272822;
height:100vh;
left:0;
top:0;
margin-left: -16.6%;
transition: all 0.3s;
overflow-y:scroll;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}

#pmenu .collapse
{
	background-color:#484846;
}

#pmenu::-webkit-scrollbar { width: 0 !important }

#pmenu.active {
	margin-left: 0;	    
}

#pmenu a {
display:block; 
/*height:35px;*/
text-transform:uppercase;  
color: #CFD8DC;
width:100%;
padding-left:10px;
}
#pmenu ul {width:100%;padding-inline-start:0;margin:0;text-align:left;font-size:0.8rem; }

#pmenu ul li {position:relative;border:0px solid #f0f0f0;width:100%;}
#pmenu ul li:hover{background-color:#891613}

#pmenu ul li a:visited { text-decoration:none;}
#pmenu ul li a {display:block;text-decoration:none; width:100%;padding:10px 0 10px 15px}
#pmenu li ul {display: none;} 
#pmenu li:hover > ul#a3 {display:block; position:absolute; margin-top:-22px; left:150px; text-align:left;}
#pmenu li:hover > ul#a3b {display:block; position:absolute; margin-top:-22px; left:150px; text-align:left;} 
#pmenu .bold {font-weight:bold;}

@media (max-width: 768px) {
	#pmenu {
		font-size:0.9rem;
		width: 30%;
		margin-left: -30%;
		
	}
	#pmenu ul{
		font-size:0.7rem
	}
	
	#wrap{top:350px;}
	#wrap.active{width:70%;}
	#sitename{font-size:0.6rem;text-align:center}
	#sitename.active{width:70%;}
	.form-control,#content .btn{font-size:0.5rem!important}
	
}
@media (min-width: 768px) {
	#mainmenu .collapse:not(.show){display:flex}
}	

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/

/* Immagini variabili gestite da foglio di stile */
.td_linguetta_media { 
/*background-image:url('layout/img/bg-detail-middle-header.gif');*/
background-image:url('img/bg-detail-middle-header.gif');
background-repeat:no-repeat;
}
.td_linguetta_large { 
/*background-image:url('layout/img/bg-detail-middle-header.gif');*/
background-image: none; /* url('img/bg-detail-middle-header_large.gif'); */
background-repeat:no-repeat;
}
color:#891613; 
font-weight:bold; 
font-size:1.3em; 
margin: -3px -0px;
}
.td_linguetta_corta { 
/*background-image:url('layout/img/bg-detail-middle-header.gif');*/
background-image:url('img/bg-detail-middle-title.gif');
background-repeat:no-repeat;
}
.div_linguetta_corta { 
color:#891613; 
font-weight:bold; 
font-size:1.2em; 
margin:-1px -0px;
}
.a_link_skprod { 
color:#891613;
font-weight:bold; 
font-size:1.2em;
}
.td_iniziale_marchi { 
background-image:url('img/bg-detail-middle-initial.gif');
background-repeat: no-repeat;
}
.div_iniziale_marchi { 
color:#008000; 
savcolor:#07A13F; 
margin:3px 10px;
}
/* Immagini variabili gestite da foglio di stile */

/* allinemento grafica carrello */

/* Colore righe tabella */
 tr[id^="rigatab_"]{ background-color: #f0e4e4}  
 tr[id*="$"]{background-color: #ffffff}
 
table#tab_scadenze{font-size:0.8rem}


/*override datatable*/
.page-item.active .page-link {background-color: #891613;border-color:#891613;}
table#orders{font-size:0.7rem}
table#orders .subTable{font-size:0.6rem}
table#orders button{font-size:0.5rem}
table#orders thead input{width:100%;margin-top:10px}
#orders_wrapper .active a{color:#ffffff}
#orders_wrapper li:hover{background:none}
 

@media (max-width: 768px) {


	table#orders{font-size:0.45rem;}
	table#orders .subTable{font-size:0.35rem}
	table#orders td,table#orders th{padding: 3px}
	#content table{ font-size:0.45rem;}
}
 
 /* Aumenta la spaziatura delle Macrocategorie */
.td_linguetta_large {margin-top:5%;}