/* @override
	http://local.moletto.com/css/main.css
	http://moletto.thesandris.com/css/main.css
*/

*
{
	outline: 0;
}

html, body
{
	font-family: Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
	font-size: 92%;
	background-color: #f5f5f5;
}

input,
label,
select,
textarea
{
	font-family: Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
}

input:focus,
select:focus,
textarea:focus,
button:focus
{
	outline: none;
}

input[disabled],
input[readonly]
{
	border: 1px solid #e7e7e7;
}

input[type="search"]
{
	-webkit-appearance: searchfield;
	-moz-appearance: searchfield;
}

.neg_qty
{
	font-weight: bold;
	color: red;
}

.notsent
{
	font-weight: bold;
	background-color: red;
	color: white;
}

.notrecv
{
	font-weight: bold;
	background-color: #ffdada;
}

div#menuBar
{
	background-color: wheat;	/* #e5e5e5; */
	position: relative;
	padding: 0 10px;
	border-bottom: 1px solid #666;
	-webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}

div#menuBar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

div#menuBar ul:after
{
	clear: both;
	content: " ";
	display: block;
}

div#menuBar ul li
{
	float: left;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	white-space: nowrap;
}

div#menuBar ul li.right
{
	float: right;
}

div#menuBar ul li a,
div#menuBar ul li span
{
	text-decoration: none;
	display: block;
	padding: 10px;
	color: black;
}

div#menuBar ul li a:hover,
div#menuBar ul li a.pressed
{
	background-color: #e1c591;	/* #d0d0d0; */
	border-left-color: #999;
	border-right-color: #999;
	-webkit-box-shadow: inset 2px 2px 10px -2px rgba(0, 0, 0, .4);
	box-shadow: inset 2px 2px 10px -2px rgba(0, 0, 0, .4);
}

div#menuBar ul li#greetings
{
	font-weight: bold;
	color: red;
}

/* Body Container */

div#content
{
	position: relative;
	width: 90%;
	margin: 20px auto;
}

/* Record List */

div#recListWrapper
{
	display: table;
	background-color: white;
	border: 1px solid gray;
	border-bottom: none;
	padding: 0;
	font-size: 0.9em;
	width: 100%;
}

/*
div#recList
{
	height: 500px;
	scroll: auto;
}
*/

div.cellRow
{
	display: table-row;
}

div.cellRow.h
{
	background-color: wheat;
}

div.cellRow.socio
{
	background-color: #e7ffe7;
}

div.cellRow.ddt
{
	background-color: #e7ffe7;
}

div.cellRow.ordini
{
	background-color: #ffe1e1;
}

div.cellRow.v:hover
{
	background-color: yellow;
}

div.cellRow.v.selected,
div.cellRow.v.selected:hover
{
	background-color: red;
	color: white;
}

span.cell
{
	padding: 5px;
	display: table-cell;
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid gray;
	background-color: transparent;
}

span.cell.icon
{
	width: 16px;
}

span.cell.icon.small
{
	width: 12px;
}

span.cell:last-child
{
	border-right: none;
}

span.cell.h
{
	font-weight: bold;
	border-right-color: gray;
}

span.cell.v.edit
{
	background: url(/img/pencil.png) center center no-repeat;
	padding: 0;
}

span.cell.v a.icon
{
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	text-decoration: none;
	margin-bottom: -4px;
}

span.cell.v a.icon.small
{
	width: 12px;
	height: 12px;
	margin-bottom: -2px;
}

span.cell.v a.icon.deleteRecord
{
	background: url(/img/delete-16.png) center center no-repeat;
}

span.cell.v a.icon.editRecord
{
	background: url(/img/pencil-16.png) center center no-repeat;
}

span.cell.v a.icon.buildPdf
{
	background: url(/img/pdf-16.png) center center no-repeat;
}

span.cell.v a.icon.sendByEmail
{
	background: url(/img/email-16.png) center center no-repeat;
}

span.cell.v a.icon.newOrder
{
	background: url(/img/cart-16.png) center center no-repeat;
}

span.cell.v a.icon.newDDT
{
	background: url(/img/truck-16.png) center center no-repeat;
}

span.cell.v a.icon.deleteRecord.small
{
	background: url(/img/delete-12.png) center center no-repeat;
}

span.cell.v a.icon.editRecord.small
{
	background: url(/img/pencil-12.png) center center no-repeat;
}

span.cell.v a:hover
{
/*
	color: white;
	background-color: red;
*/
}

div#recListBar
{
	position: relative;
	margin: 30px 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

div#recListBar input
{
	/* width: 30%; */
	width: 30rem;
}

/* div#recListBar button
{
	float: right;
} */

div#recListBar .searchField {
	display: inline;
}

div#recListBar .searchField > * {
	margin-right: .5rem;
}

div#recListBar .yearSelector {
	margin-left: 2rem;
}

button.uiButton
{
	font-size: 92%;
}

/* Schede di dettaglio */

form#scheda
{
	position: relative;
	width: 880px;
	margin: 40px auto;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: white;
	-webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border: 1px solid #666;
	/*font-family: 'Titillium Web', sans-serif;*/
}

form#scheda div.cellRow:hover
{
	background-color: transparent;
}

form#scheda h1
{
	margin-top: 0;
	text-align: center;
	background-color: wheat;
	padding: 10px 0;
	text-shadow: 1px 1px 0 #fff;
}

form#scheda div.formRow
{
	margin: 30px;
}

form#scheda div.formRow.orderAddress
{
	position: relative;
	background-color: #eee;
	padding: 10px;
	font-weight: bold;
	color: red;
	margin: 20px;
}

form#scheda div.formRow #consegna_altro
{
	width: 220px;
	display: none;
}

form#scheda a#showClientDetails
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/img/goto-right-arrow.png) center center no-repeat;
	margin: 0 0 0 10px;
	padding: 0;
	top: 10px;
	text-decoration: none;
}

form#scheda .disabled
{
	color: #888;
}

form#scheda div.buttonRow
{
	margin: 20px 0 0;
	padding: 20px;
	text-align: right;
	background-color: wheat;
}

form#scheda div.buttonRow button.left
{
	float: left;
}

form#scheda label
{
	font-weight: bold;
}

form#scheda input,
form#scheda select,
form#scheda textarea
{
	margin: 0 10px;
	padding: 4px;
}

form#scheda.clienti #cap,
form#scheda.clienti #provincia
{
	width: 50px;
}

form#scheda.clienti #indirizzo,
form#scheda.clienti #citta
{
	width: 180px;
}

form#scheda.clienti #tel_1,
form#scheda.clienti #tel_2,
form#scheda.clienti #fax
{
	width: 100px;
}

form#scheda.prodotti #nome
{
	width: 200px;
}

form#scheda.prodotti #codprod
{
	width: 100px;
}

form#scheda.prodotti #quantita,
form#scheda.prodotti #prezzo
{
	width: 70px;
}

form#scheda.prodotti #sconto,
form#scheda.prodotti #accisa,
form#scheda.prodotti #anno,
form#scheda.ordini #totale,
form#scheda.ddt #totale
{
	width: 40px;
}

form#scheda.ddt #causale_trasporto,
form#scheda.ddt #aspetto_beni
{
	width: 150px;
}

form#scheda.ddt #porto
{
	width: 200px;
}

form#scheda.ddt #numero,
form#scheda.ddt #colli,
form#scheda.ddt #peso
{
	width: 30px;
}

form#scheda.ordini #data,
form#scheda.ordini #data_invio,
form#scheda.ddt #data
{
	width: 110px;
}

form#scheda.ordini #ore,
form#scheda.ddt #ore
{
	width: 50px;
}

form#scheda.ordini #note
{
	width: 730px;
}

/* Righe di ordine */

div#righeDettaglio
{
	display: table;
	margin: auto;
	border: 1px solid gray;
	border-bottom: none;
	font-size: 90%;
}

div#righeDettaglio div.cellRow.h
{
	background-color: rgba(255,238,204,0.85);
}

div#righeDettaglio div.cellRow.v
{
	border-bottom: 1px solid gray;
}

div#righeDettaglio span.cell.v.icon
{
	border: none;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}

div#righeDettaglio.lista
{
	position: relative;
	margin: auto;
	display: table;
	border-top: none;
	border-bottom: 1px solid gray;
}

div#righeDettaglio.footer
{
	border: none;
}

div#righeDettaglio.footer div.cellRow.v
{
	border: none;
}

div#righeDettaglio.footer input.v,
div#righeDettaglio.footer span.cell.v
{
	border: none;
	border-right: 1px solid transparent;	/* +1px width per allineamento cella del totale */
}

div#righeDettaglio.footer input:disabled
{
	background: transparent;
}

div#righeDettaglio.footer input.v.totale
{
	background-color: rgba(255,238,204,0.85);
	border: 2px solid gray;
	border-top-width: 1px;
}

div#righeDettaglio .cod_art
{
	width: 130px;
}

div#righeDettaglio .quantita
{
	width: 30px;
}

div#righeDettaglio .descrizione
{
	width: 320px;
}

div#righeDettaglio .prezzo
{
	width: 50px;
}

div#righeDettaglio .sconto
{
	width: 91px;
}

div#righeDettaglio .sconto1,
div#righeDettaglio .sconto2,
div#righeDettaglio .accisa
{
	width: 40px;
}

div#righeDettaglio .totale
{
	width: 60px;
}

/* Righe Ddt */

div#righeDettaglio.ddt .cod_art
{
	width: 100px;
}

div#righeDettaglio.ddt .lotto
{
	width: 100px;
}

div#righeDettaglio.ddt .lotto.v
{
	text-align: left;
}

div#righeDettaglio.ddt .descrizione
{
	width: 250px;
}

/* Righe ordine per magazzino */

div#righeDettaglio.magazzino .cod_art
{
	width: 140px;
}

div#righeDettaglio.magazzino .quantita
{
	width: 40px;
}

div#righeDettaglio.magazzino .descrizione
{
	width: 550px;
}

div#righeDettaglio.magazzino.ddt .descrizione
{
	width: 500px;
}

div#righeDettaglio.magazzino .cod_art
{
	width: 100px;
}

div#righeDettaglio input.v
{
	text-align: center;
}

div#righeDettaglio input.v[readonly]
{
	background-color: #f4f4f4;
}

div#righeDettaglio input.v.descrizione,
div#righeDettaglio input.v.cod_art
{
	text-align: left;
}

div#righeDettaglio input.v.prezzo,
div#righeDettaglio input.v.totale
{
	text-align: right;
}

div#righeDettaglio .cell.v
{
	padding: 0;
}

div#righeDettaglio input
{
	margin: 0;
	border: none;
	padding: 5px;
	border-right: 1px solid #ccc;
}

div#righeDettaglio input:last-child
{
	border-right: none;
}

div.ui-dialog
{
	font-size: 90%;
}

button.uiButton
{
/* 	font-size: 100%; */
}

#error_message
{
	background-color: red;
	width: 840px;
	margin: 20px auto 0;
	padding: 20px;
	border-radius: 13px;
	color: white;
}

/* AJAX - Product list dialog */

div.productScroller
{
	height: 300px;
	width: 375px;
	overflow: scroll;
	border: 1px solid #bbb;
}

div.productScroller ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.productScroller li
{
	font-family: Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
	padding: 2px 5px;
	font-size: 1.1em;
}

div.productScroller li.noavail
{
	text-decoration: line-through !important;
	opacity: .3;
}

div.productScroller span.nome_p
{
	font-weight: bold;
	color: #b00;
	font-style: normal;
	/*margin-right: 10px;*/
}

div.productScroller span.anno_p
{
	font-weight: bold;
	/*margin-right: 10px;*/
}

div.productScroller span.formato_p
{
	font-weight: 100;
	font-style: italic;
	color: gray;
}

div.productScroller span.qty_p
{
	font-weight: bolder;
	font-style: italic;
	color: gray;
}

div.productScroller li:hover
{
	background-color: #fcfcfc;
	cursor: pointer;
}

div.productScroller li.current
{
	background-color: #afa;
	cursor: pointer;
}

div.productScroller li.priv
{
	font-weight: bold;
	color: red;
}

input#productFilter
{
	width: 100%;
	margin-top: 10px;
}

div.formRow
{
	padding: 10px;
}

div#error
{
	display: none;
	padding: 20px;
	margin: 20px 0;
	color: black;
	background-color: #ffaaaa;
	font-weight: bold;
}

div#error #message
{
	font-weight: normal;
}

div#results
{
	display: none;
	padding: 20px 10px;
}

div#results > input
{
	display: inline-block;
	margin: 0 20px 0 0;
}

div#results > label
{
	display: inline-block;
	margin: 0 10px 0 0;
	font-weight: bold;
}