/* 

*/
/* TABELLA COLORI:
verde: #538e21
marrone-header tabella: #533318
blu H1: #0F6589;


Bordi arrotondati:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

*/


/* IcoMoon Font Face Definition
================================================================================================= */
@font-face {
  font-family: 'icomoon';
  src: url('../../fonts/icomoon/icomoon.eot');
  src: url('../../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('../../fonts/icomoon/icomoon.woff') format('woff'), url('../../fonts/icomoon/icomoon.ttf') format('truetype'), url('../../fonts/icomoon/icomoon.svg?#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
    background-color: #FFFFFF;
    /*background:#f4f4f4 url("../images/backgrounds/bkg2.jpg") repeat; */
    color: #333;
    font-size: 12px;
    font: 0.7em/1.6em Tahoma,Arial,sans-serif;
    line-height: 18px;
    margin: 0;
    padding: 0;
    
    font-family: 'Roboto', sans-serif;
}

#closetop{background-color:transparent;height:15px;margin-top:10px;}
#closebottom{background-color:transparent; background-repeat: no-repeat; background-position: 0px -16px; height:15px;margin-bottom:10px;}



/* links */
a {color: #533318; text-decoration: none;border: none;}
a:hover {text-decoration: underline;}
span a{background-color:inherit;color:inherit;font-weight:700;text-decoration:none;}
img {
    /*rounded corners */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border:none;
    vertical-align: middle;
}
.icon{
    margin-left: 3px;
    margin-right: 3px;
}
/* headings */
h1 {
    font: bold 2.5em "Arial",Sans-Serif;
    letter-spacing: -1px;
    margin: 0;
    color: #444444;
}
h2 {

    color: #009b3d;
	text-transform: uppercase;
    font: bold 2em Arial,Sans-Serif;
    margin: 0;
    padding: 0;
}
h1 a, h2 a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #2B2B2B;
    text-decoration: none;
}
h1 a:hover, h2 a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #2B2B2B;
}
.title { color: #808080; background: #fff; }

h3 {
    margin: 0px;
    font-size:120%;
    color: #009b3d;
    width: 100%;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
    margin: 0px;
    font-size:105%;
    color: #333;
    width: 100%;
	font-weight: bold;
	text-transform: uppercase;
}



a.no-underline{text-decoration:none;}

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(../images/css/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* header */
#header { height: 65px;background-color: white;
    border-top-left-radius: 10px;
    
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;

}
#header h1{background-color:inherit;color:#505050;float:left;font-size:14px;margin:5px;width:350px;}
#header h1 a{background-color:inherit;color:#505050;text-decoration:none;}
#header p{float:right;font-weight:700;line-height:1.0em;margin:8px 3px;text-align:center;}

#left-subtitle{float:left;padding-left: 1em;}
#right-subtitle{float:right;margin-right: 2.5em;}



#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
    margin: 0 auto;
}


#wrapper {
    background-color: transparent;
    margin-top: 10px;
}


#content-wrapper {
    background-color: white;
    padding-left: 1em;
    padding-right: 1em;

    
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomleft: 10px;

}


#access {
    background: none repeat scroll 0 0 #000000;
    float: left;
    margin: 0 auto;
}


/* content holder */
#content { margin: 10px auto;  }


/* horizontal tabbed menu */	
.key { text-decoration: underline; }

/* search form */
#search { 
    float: left;
    clear: both;
    color: #000;
    background: #fff url(../images/css/searchbg.gif) no-repeat;
    padding: 14px 0 20px 5px;
    width: 500px;
    margin: 5px 0 0 0;
}
#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(../images/css/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(../images/css/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}


/* left side */

.calendar { height: 50px; float: left; background: #fff url(../images/css/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
.calendar p { padding: 0; margin: 0; }
.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }



a.pagelink{background-color:inherit;color:#533318;font-weight:700;text-decoration:none;}
a.pagelink:hover{background-color:inherit;color:#533318;text-decoration:underline;}
a.pagelink img{border:0;}

.image { float: left; margin: 0 9px 3px 0; width:240px; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }


/* --------------------------------------------------------- */
.largebutton {

    margin-left:80px;
    margin-right:80px;
    background-color: #dedede;
    border:1px solid #666666;
    padding:10px;
    text-align:center;
    vertical-align: baseline;

    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 20px/100% Arial, Helvetica, sans-serif bold;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);


    margin-top:10px;
    margin-bottom:10px;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;

}

.largebutton:hover {background-color: #dedede;font-size:24px;color: #111;margin-top:6px;margin-bottom:5px;}
.largebutton a {text-decoration:none;text-transform:uppercase;color: #777;}
.largebutton:hover  a{color: #333;}


.largebutton2 {
    margin-left:80px;
    margin-right:80px;
    background-color: #dedede;
    border:1px solid #666666;
    padding:10px;
    text-align:center;
    /*vertical-align: baseline;*/

    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 18px/100% Arial, Helvetica, sans-serif bold;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);

    height: 22px;
    margin-top:10px;
    margin-bottom:10px;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
}

.largebutton2:hover {background-color: #dedede;color: #111;}
.largebutton2 a {text-decoration:none;text-transform:uppercase;color: #777;}
.largebutton2:hover  a{color: #333;}



.id-store{
    font-size:8px;
    color:#808080;
    margin-right:5px;
}

.record-modified td {
    background-color:green;
}




.stonepro_mainpage {
    text-align:center;

}



/*     pagine doppiamente derivate..   */
#sub-container{
    width: 100%;
}

.title-menu-left{
    font-weight: bold;
    color:gray;
    margin-top: 4px;
}

#menu-left li a {
    padding-left: 5px;
}

#menu-left {
    float:left;
    width: 18%;
    padding-right: 1rem;
}
#sub-content {
    width: 78%;
    float:left;
    border-left: 1px dotted #02374F;
    padding-left: 1rem;
    padding-right: 1rem;
}

#site-description a {
    margin-left: 10px;
    margin-right:10px;
}


.aggiungi-nuovi-ul li a {
   display: inline-block;

   height: 28px;
   width: 100%;
   font-size: 14px;
   text-transform: lowercase;
}

.aggiungi-nuovi-ul li a:hover img { 
    margin-right:10px;
    width:20px;
}




.aggiungi-nuovi-ul li a:hover {
    font-size: 15px;
    font-weight: bold;
}


/*
+++++++++++++++ table class="site-table"
*/
/* Palette moderna con variabili CSS (mantiene blu/teal e verde) */
:root {
    --site-table-header-bg: #245b74;
    --site-table-header-text: #ffffff;
    --site-table-accent: #2c6317;
    --site-table-border: #e2e8f0;
    --site-table-row-odd-bg: #FAFAFC;
    --site-table-row-hover-bg: rgba(208, 238, 255, 0.40);
    --site-table-row-selected-bg: #adfba0;
}

table.site-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid var(--site-table-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
}

table.site-table th,
table.site-table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--site-table-border);
}

table.site-table th {
    background-color: var(--site-table-header-bg);
    color: var(--site-table-header-text);
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 1;
}

table.site-table th:first-child { position: sticky; top: 0; }
table.site-table th:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: var(--site-table-accent);
}

table.site-table th:last-child { border-right: none; }

table.site-table tr:last-child td { border-bottom: none; }

table.site-table tr.odd td { background-color: var(--site-table-row-odd-bg); }

table.site-table tr.sel td { background-color: var(--site-table-row-selected-bg); color: #111; }

table.site-table tr td,
table.site-table tr th { transition: background-color 0.2s ease; }

table.site-table tr:hover td { background-color: var(--site-table-row-hover-bg); }



/* ---------------------------------------   */
/* tabelle visualizzate negli $.alert()      */
/* ----------------------------------------- */
/* Tabella elegante per i contenuti dei $.alert */
table.elegant-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid rgba(36, 91, 116, 0.12); /* bordo sottilissimo e tenue */
    border-radius: 12px;
    overflow: hidden; /* arrotondamenti visibili */
}

table.elegant-table th,
table.elegant-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(36, 91, 116, 0.10);
}

/* Header moderno e leggibile (neutro, con accento sottile) */
table.elegant-table th {
    background: linear-gradient(180deg, #f8fbfd 0%, #eef5fa 100%);
    color: #0f3a4a;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    position: relative; /* per la strip di accento */
}

/* Strip di accento verde sulla prima colonna dell'header (coerente con il brand) */
table.elegant-table th:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: #2c6317;
}

/* Rimuove bordo dall'ultima riga */
table.elegant-table tr:last-child td { border-bottom: 0; }

/* Zebra delicata e hover soft, stunning ma sobria */
table.elegant-table tr:nth-child(even) td { background-color: #fbfdff; }
table.elegant-table tr:hover td { background-color: rgba(36, 91, 116, 0.08); }

/* Tipografia per nome/descrizione nella lista abbonamenti */
.default-abb-name { font-weight: 600; color: #1c3d4a; margin-bottom: 2px; }
.default-abb-description { font-style: italic; color: #6b7f8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


img.icon {
    vertical-align:middle;
}


img.menu-admin-icon {
    margin-right:12px;
    margin-left: 5px;
    width:18px;
}



img.image-productor{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 5px solid maroon;

}

#tagline {
	display:inline-block;
	float:left;
	
}
#homecentertitle {
	width: 300px;
	color: green;
	float:left;
	margin-left: 2em;
}

#message { 
    color: #02a8ef; 
    font-size: 18px;
    width: 100%;
    text-align: center;
 }

.title1 { 
	font-size: 22px;
	color: #0F6589;
	margin-bottom: 1em;
}
.title2 { 
	font-size: 18px;
	color: #0F6589;
	margin-bottom: 1em;
}
.little-title {
	margin-top:20px;
	
	padding-left: 0.5em;
	background:none repeat scroll 0 0 #82a2b3;
	font-weight:bold;
	color:white;
	font-size: 13px;
    
    border-radius: 5px 5px 0 0;
    
    
    padding-top: 5px;
    padding-bottom: 5px;
}

/*  formattazione totali a sinistra */
.totali_row {
	border-bottom: 1px solid green;
}
.totali_nome{
	width:110px;
	display:inline-block;
	vertical-align:top;
	font-size:11px;
}
.totali_valore{
	display:inline-block;
	font-weight:bold;
	vertical-align:top;
}


.totali_row_2 {
	border-bottom: 1px solid green; vertical-align:top;
}
.totali_nome_2{
	width:70px;
	display:inline-block;
}
.totali_valore_2{
	width:100px;
	display:inline-block;
}


.red {
	color: red !important;
}
.yellow {
	color: clack  !important;
	font-weight:bold; 
    text-align: center; 
    color: #333333;
	background-color: #faf68f;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf68f), color-stop(100%, #f3ed53));
	background-image: -webkit-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -moz-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -ms-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -o-linear-gradient(top, #faf68f, #f3ed53);
	background-image: linear-gradient(top, #faf68f, #f3ed53);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faf68f, endColorstr=#f3ed53);
}
.green {
	color: green !important;
}

.maroon {
	color: #2a0d00;
}

.blue {
	color: #158ec9;
}


.subtile-h2 {
	color: #0f6589;
	font-weight: bold;
}




/* FINE formattazione totali a sinistra */




/* Maxmum width of 480 pixels. */
@media screen and (max-width: 480px) { /* 480 */
	
	body {
		margin: 0px; 
		padding: 0 !important;
		width: 100%;
		
		/* border: 1px solid red; */
		font-family: Arial, Helvetica, sans-serif;
	}
	
	
	#wrapper {
		min-width: 0;
		width: 100%;
		padding: 0 !important;
		
	}
	
	.badge { 
		right: 0;
		position: relative;
		}
	
	#menu-left {
		width: 100%;
		display: block;
		float: 0;
	}
	
	div.mainsubmenu a {
		font-size: 200%;
	}
	
	.totali_row {
		font-size: 180%;
	}
	.little-title {
		font-size: 130%;
	}
	.totali_valore {
		width: 70%;
	}
	
	
 }

input.inputSearch {
	height:26px;
	display:inline-block;
}

input[type="button"] {
    opacity: 0.8;
}

input[type="button"]:hover {
    opacity: 1;
}
 
div.searchButton {
	height: 33px;
    line-height: 33px;
    width: 33px;
	display: inline-block;
	text-align: center;
	
	background: #000000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    font-family: "icomoon";
    font-size: 14px;
	margin: 0;
    padding: 0;
    text-indent: 0;
    text-shadow: none;
    transition: all 0.2s ease 0s;
}




.debug-panel {
    display: none;
    position: fixed;

    bottom: 20px;
    width: 600px;
    height: 200px;
    border: 2px solid #333;
    border-radius: 3px;
    background-color: #FCFCFC;
    z-index: 1000;
    padding: 1em;
    opacity: 0.9;
}

.debug-hiddens {
    display: none;
}

.debug-click {
    display: inline-block;
   cursor: pointer;   
   background-color: #E1E1E1;
   border-radius: 20px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 1px;
   padding-bottom: 1px;
   
   
}

.debug-click:hover {
    background-color: #333;
    color: white;
}

#debug-close-button {
   width: 20px;
   height: 20px;
   background-color: #222;
   color: #EEE;
   cursor: pointer;
   border: 1px solid #111;
   text-align: center;
   float:right;
   
}
#debug-close-button:hover {
   background-color: #000;
   color: #FFF;
}


.debug-row {
    width: 100%;
}

.debug-head {
    display: inline-block;
    width: 40%;
    font-size: 10px;
    font-weight: bold;
}

.debug-value {
    display: inline-block;
    width: 40%;
    text-align: right;
    margin-left: 1em;
    
}


input,label {
    cursor: inherit;    
}


input[type="checkbox"] {
    cursor:pointer;
}