/*
#PageId10 .SideBar {display:none;}
#PageId10 #wrapMain {width:100%;}
*/
#PageId133 h1.Titolo {font-weight:bold;font-size:1.8em;}
#PageId134 h1.Titolo {font-weight:bold;font-size:1.8em;}

#WidgetStockList {display: inline-block;float: right;position: absolute;top: 55%;right: 180px;margin: 0 20px 0 0;cursor:pointer;z-index:9999;}
#WidgetStockList:hover {}
#WidgetStockList img {width: 30px;height:auto;}
#WidgetStockList .StockListCounter {color: #fff;position: absolute;top: -6px;background-color: #0087bd;left: 20px;font-size: 11px;height: 22px;line-height: 22px;border-radius: 50%;width: 20px;}

#CarrFormAreaBoxErrori {color:#cc0000;}

.StockListDataModifica{text-align:right;font-style:italic;}
.StockListDataMod{font-weight:bold;display:inline;}

/*#WrapLayerRiepilogoStockList INIZIO */
#WrapLayerRiepilogoStockList{display: none;
	top: 102px;
	padding-bottom: 10px;
	right: 0px;
	z-index: 9999;
	width: 320px;
	background-color: rgba(255,255,255,.9);
	text-align: center;
	position: absolute;
	bottom: 10px;
	z-index:9998;
	}
#WrapLayerRiepilogoStockList .StockListCloser {background-color:#0087bd;color:#fff;padding:5px;cursor:pointer;margin-top: -16px;}
#WrapLayerRiepilogoStockList .Titolo{
	padding: 1em 0;
    text-align: left;
    margin: 0 0 0 .8em;
    border-bottom: 2px solid #c1d1db;}
#WrapLayerRiepilogoStockList:before {    content: "";
	position: relative;
	left: -59px;
	top: -45px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 37px solid #0087bd;
	}

#WrapLayerRiepilogoStockList .StockWidget {    
	background-color: #e1e1e1;
	text-align: left;
	/*
	position: relative;
	top: -16px;
	*/
	margin:0;
	color:#000;}
#WrapLayerRiepilogoStockList .StockListErase {
	display: block;
	background-color: #e1e1e1;
	text-align: left;
	/*
	width: 100%;
	position: relative;
	top: -16px !important;
	*/
	padding: 10px 0;
	}
#WrapLayerRiepilogoStockList .StockListVuoto {   
		background-color: #e1e1e1;
		text-align: left;
		display: inline-block;
		width: 100%;
		left: 0;
		padding: 1em;
		position: absolute;
   	}
#WrapLayerRiepilogoStockList .StockWidgetErase {margin:0;}
#WrapLayerRiepilogoStockList .StockWidget ul {padding:1em 0;margin:0 1em 0 1em;}
#WrapLayerRiepilogoStockList .StockWidget ul li  {font-size:.9em;margin:0 0 15px 0;}
#WrapLayerRiepilogoStockList input[name="qta"] {width: auto;text-align:center;margin:0 5px 0 0;}
#WrapLayerRiepilogoStockList input[type="submit"], #WrapLayerRiepilogoStockList input[type="reset"] {
	background-color: transparent;
    color: #000;
    font-weight: bold;
    border: none;
    margin: 0;
    padding: 5px 0 0 15px;}
#WrapLayerRiepilogoStockList	.StockListContatto {text-align: right;  margin: 2em 1em;}
#WrapLayerRiepilogoStockList	.StockListContatto a { background-color: #37404d; color: #fff;padding: 15px 20px;}
#WrapLayerRiepilogoStockList	.StockListUpdate {display:none;}
#WrapLayerRiepilogoStockList	.StockListUpdate input {color: #0087bd;
    /* text-decoration: underline; */
    border-radius: 0px;
    padding: 0;
    margin: 5px 0 0 15px;
    border-bottom: 2px solid #0087bd;}
#WrapLayerRiepilogoStockList .EraseQta {display:inline-block;border:1px solid #ccc;margin:0 1em 0 0em;cursor:pointer;}
/*#WrapLayerRiepilogoStockList FINE */

#StockList input[name="qta"] {width: auto;box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .2); border: 1px solid #c1d1db;border-radius: 0;}
#StockList input[name="qta"].StockSent {border:3px solid yellowgreen;}

#StockList_DetailsFilter { display: block; background-color: #0087bd;padding: 0 .5em .5em .5em;margin: 1em 0 1em 0;color: #fff; font-size: 1.2em; text-align: center;}
#StockList_DetailsFilter .DetailsFilterWrapper	{/*max-width: 1000px;*/display: inline-block; margin: 0 auto;}
.FilterColsHeader {margin:10px 10px 10px 10px;text-align:left;font-weight:bold;}
.FilterCols {display: inline-block; margin: 10px 10px 15px 10px; min-width: 150px;}
.FilterCols label {display:block;padding:5px 0;}
.FilterCols select {display:block;height:25px;}
#StockList_wrapper #StockList_length {margin:15px 0;}
#StockList_wrapper #StockList_filter{margin:15px 0;}
#StockList_wrapper .dataTables_info, #StockList_wrapper .dataTables_paginate {margin:30px 0;}
#StockList_wrapper select {display:block;height:25px;box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .2); border: 1px solid #c1d1db;padding: 0.2em;margin: .5em 0 .5em 0;border-radius: 0;width: auto;}
#StockList_wrapper thead {background-color:#e1e1e1;}
#StockList_wrapper tfoot {display:none;}
#StockList_wrapper thead tr th {padding:15px 25px;font-size:1.2em;border-bottom: 2px solid #c1d1db;}
#StockList_wrapper table.dataTable.row-border tbody th, #StockList_wrapper table.dataTable.row-border tbody td, #StockList_wrapper table.dataTable.display tbody th, #StockList_wrapper table.dataTable.display tbody td {border-bottom: 2px solid #c1d1db;/*border-right: 2px solid #c1d1db;*/padding-left:40px;}
#StockList_wrapper table.dataTable tfoot th, #StockList_wrapper table.dataTable tfoot td {border-top: none;;/*border-right: 2px solid #c1d1db;*/}
#StockList_filter input {display:block;height:25px;box-shadow: inset 1px 2px 6px rgba(0, 0, 0, .2); border: 1px solid #c1d1db;padding: 0.2em;margin: .5em 0 .5em 0;border-radius: 0;}

.ToStockCart input[type="submit"] {    color: transparent;
border: none;
background-color: transparent;
height: 36px;
background-size:contain;
background: center;
background-repeat: no-repeat;
background-image: url(/personal-images/stocklist-to-cart.png);}
.stkNotazioneOutOfStock {    color: red;
    display: block;
    font-size: .9em;}
span.stkNotazioneQuantitaMaggiore {color:red;display:block;font-size:.8em;margin:.5em 0 0 0;}
#StockList_wrapper	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, #StockList_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before {
content: url("/personal-images/angle-down-solid.svg");
background-color: transparent;
width: 14px;
    margin: -17px 0 0 7px;
color: #444444;
font-size: 2em;
border: none;
box-shadow: none;
line-height: 2em;
	

}

#StockList_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, #StockList_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
	transform: rotate(180deg);
	    margin: -10px 0 0 7px;
}

#StockList_wrapper table.dataTable>tbody>tr.child ul.dtr-details li {list-style-type:none;}

#WrapFormStockList {text-align:center;}
#FormStockList  {
	max-width: 400px;
    display: inline-block;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    color: #000000;
    margin: 2.7em 0;}
#FormStockList form{color:#000000;margin:0;}
#FormStockList .StockListOrder{
	background-color: #e1e1e1;
    text-align: left;
    font-size: .9em;
    padding: 1em;
}
#FormStockList .StockListDati {background-color:#ffffff;padding:1em;text-align: left;}
#FormStockList .StockListDati input[type="text"], #FormStockList .StockListDati input[type="password"], #FormStockList .StockListDati textarea,
#FormStockList .StockListDati select{background-color:#e1e1e1;height: 25px;margin: 1em 0;box-shadow: none;}
#FormStockList .StockListDati textarea{height: auto;}

#FormStockList.StockListOrder ul {list-style:none;}
#FormStockList .StockListOrder li {list-style-type:none;}
#FormStockList .StockListOrder li input {width:auto; margin:0 5px 15px 0;}

#FormStockList input[type="submit"] {background-color: #37404d; color: #fff;padding: 15px 20px;border-radius:0;}


@media only screen and (max-width:650px){
	#WidgetStockList {right: 10px;}
	#WrapLayerRiepilogoStockList:before {left: 111px;}
    }
@media only screen and (max-width:480px){
	#WidgetStockList {top: 33px;
    right: 20px;}
	#WrapLayerRiepilogoStockList {top: 93px;}
	#WrapLayerRiepilogoStockList:before {
    left: 101px;
	}
  }