/*-------- Customer Short List ---------*/		

	#region-gridview { display:none; }
	#region-listview { display:none; }
	#region-tableview { display:none; }
	
	
	#gridview ul {
		margin: 0;
	}
	#listaCustomers li.col {
		margin: 0;
		float: left;
		width: 220px;
		margin-right: 20px;
	}	
	
	#listaCustomers .schedaCustomer {	
		min-height: 80px;
	}
	
	#OverviewDataGrid .k-grid-header .k-header {
    font-size: 9px;
}

#contactCarryOverGrid .numbers{
	font-size: 10px;
}

#contactCarryOverGrid .numbers{
	font-size: 10px;
}

	a.linkContacts{
		float:left;	
		font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		text-decoration: none;
		color: #fff;
	}
	
	a.linkContacts.selected {
		float:left;	
		font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		text-decoration: underline;
		color: #499CB4;
	}
	
	a.linkContacts:hover, a.linkContacts:active 
	{color: #499CB4;}

	#listaCustomers .schedaCustomer .letter {	
		font-size: 18px;	
		font-weight: bold;
		color: #499CB4;
		border-bottom: 2px solid #499CB4;
		padding: 10px 0px 4px 10px;
	}
	
	#listaCustomers .schedaCustomer .scheda {		
		min-height: 65px;
		border-bottom: 1px solid #ccc;
		padding: 5px 0px 10px 5px;
	}
	
	#listaCustomers .schedaCustomer.schedaLetter{min-height:60px;}
		
	#listaCustomers .schedaCustomer .scheda:hover {	
		background: #499CB4;
		color: #fff;
		cursor: pointer;
	}
	#listaCustomers .schedaCustomer .scheda.active {	
		background: #C0DFE9;
	}
	
	#listaCustomers .schedaCustomer .cCode {	
		font-size: 11px;
		text-align: center;
		color: #333333;
	}
		
	#listaCustomers .schedaCustomer .customerdetails {
		width: 155px;
	}
	#listaCustomers .schedaCustomer .customerphoto {
		float: right;
		width: 48px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0px 5px;
	}
	#listaCustomers .schedaCustomer .customerphoto .cimg {
		height:48px;
	    margin-left:auto;
	    margin-right:auto;
	    position:relative; /* and this has to be relative */
	    width:48px;
	    background-size: 48px 48px;
	    z-index: 1;
	}
	#listaCustomers .schedaCustomer .customerphoto .clock {
		    height:20px;
		    left:28px; /* play around with this */
		    position:relative;
		    top:0px; /* and play around with this */
		    width:20px;
		    background-size: 20px 20px;
		    z-index: 2;
	}
	
.revivalloader {
	width: 42px;
	height: 42px;
	background: url(https://4sellerapp.it/themes/4seller/_/img/ajax-loader.gif);
	position: relative;
	left: 260px;
}

	
	#listaCustomers .schedaCustomer .nome {	
		font-weight: normal;
		font-size: 14px;
		line-height:1.2em;
		letter-spacing:-1px;
	}
	#listaCustomers .schedaCustomer .indirizzo {		
		font-size: 12px; font-weight:lighter; line-height:1.2em;
		padding-top:5px;
		text-transform:lowercase;
		color:#333;
	}
		#listaCustomers .schedaCustomer .indirizzo:first-letter{text-transform:uppercase;}
	#listaCustomers .schedaCustomer .descrizione {		
		font-size: 11px; font-weight:lighter; line-height:1.1em;
		padding-top:5px;
		color:#787878;
		text-transform:lowercase;
	}
		#listaCustomers .schedaCustomer .descrizione:first-letter{text-transform:uppercase;}
		
/*-------- Customer Short List: Scheda ---------*/				

	#otherTabDetail {
		clear:both;
	}

	.ContactName {
		margin-left: 40px;
	}

	.panel {
		border: 1px solid #ccc;
		border-radius: 3px;
    	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
		min-height: 711px;
	}
		.panel-header {
			border-bottom: 1px solid #eee;
			margin-bottom: 15px;
		}
		
		.panel h2 {
			margin: 10px 0px 10px 15px;
		}
		.panel h3 {
			margin: 3px 0px 6px 15px;
			padding: 0;
		}
		
		.panel .dragArea {
			margin: 10px 10px 0px 10px;
		}
		.panel .dragArea h2 {		
			border: 1px solid #eee;
			border-bottom: none;
			border-radius: 3px 3px 0px 0px;
			background: #fff /*linear-gradient(to bottom, #FAFAFA, #FFFFFF)*/;
		}

		.panel.bg-color-gray .panel-header {
			border-bottom: 1px solid #aaa;
		}		
		.panel.bg-color-gray .dragArea h2 {		
			background: #ddd/*linear-gradient(to bottom, #C8C8C8, #CCCCCC)*/;
			border: 1px solid #aaa;
			border-bottom: none;
		}		

	#listDetail [class*="span"] {
	 	margin-left: 0px;
	}

	#listDetail #centro-sx { 
		overflow: hidden; 
		
	}
	#listDetail #centro-dx { 
		margin-left:20px; 
		overflow: hidden; 
	}
	
	.toolbar h2 {
		color:#666;
		font-weight: normal;
		margin: 0px;
	}
	
	.toolbar .k-dropdown {
		float:right;
		margin-top: 3px;
	}
	
	.contactNote {
		clear: both;
		/*min-height: 65px;*/
		text-align: left;
		background: #f0f0f0;
	}
		.contactNote .note_type {
			float: left;
			margin: 5px 10px 5px 5px;
		}
		.contactNote img {
			float: left;
			padding: 2px;
			border: 1px solid #ccc;
			margin: 8px;
		}
		.article_show {
			padding-bottom:4px;
		}
		.contactNote h4 {
			margin-left: 0px;
			border-bottom-color: #DEDEDE;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			color: #8D8D8D;
			font-size: 10px;
			font-weight: normal;
			margin-top: 0;
			text-transform: uppercase;
			text-align: left;
			margin-bottom: 0px;	
			padding-left: 4px;		
		}		
		.contactNote .inputNote {
			margin: 5px 5px 0 0;
			float:right;
		}
		.contactNote .inputNote div {		
			cursor: pointer;
		}
		.contactNote .contentNote {
			padding: 5px 10px 8px 10px;
			font-size: 12px;
		}
		.contactNote .k-textbox {		
			padding: 5px 10px;
			font-size: 12px;
			height: 48px;
			line-height:18px;
		}
		
	.panel .toolbar,
	.panel .btn-toolbar {
		padding: 5px 10px;
		clear: both;
	}
	#refToolbar {
		text-align: right;
	}
	
	#OverviewToolbar {
		height:30px;
		margin-bottom: 10px;
	}
	
	.overview-header {
		display:none;
	}

	.overview-header td	{
		border: 1px solid none;
	}
	.overview-header th	{
		background-color: #fff;
		border: 1px solid #DADADA;
		font-weight: normal;
	}
	.overview-header .btn {
		padding: 1px;
		margin: 0px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
		display: table-cell;
	}
	.overview-header th,		
	.overview-header td	{
		border-bottom: none; !important
	}
	
	#graficoOverview {
		margin-top: 20px;
	}

#tabOrders {
	font-size: 12px;
	position: relative;
	width: 100%;
}	
	#tabOrders_seasons {
		margin-bottom: 10px;
		border-bottom: 1px solid #b3b3b3;
		display: block;
	}
		#tabOrders_seasons span {
			font-size: 14px;
			font-weight: bold;
			color: #666;
			display: inline-block;
			padding: 5px 15px 5px 10px;
			vertical-align: middle;
			line-height: 20px;
		}
				#tabOrders_seasons .btn {
					margin-bottom: -1px;
				}
	#OrdersData {
		float:left;
		width: 350px;
		margin-left: 10px;
	}	
		#OrdersConsegne {
			width: 150px;
			line-height: 18px;
			float: right;
			background: /*#006600*/ #f0f0f0;
		}
		#OrdersConsegne span {			
			display: inline-block;
			color: #fff;
			text-align: center;
			background: /*#009900*/ #666;
		}
		#OrdersConsegne span.completed {
			background: #009900;
		}
	
	#OrdersGraph1_container {
		margin-left: 10px;
		float:left;
		width:270px;
	}
	#OrdersGraph1 {
		width:170px;
		height: 115px;
		margin-bottom: 20px;
	}
	
	#tabOrders .title {	
		font-size: 13px;
		font-weight: bold;
		color: #666;
		line-height: 20px;
		margin-bottom: 8px;
	}
	#OrdersProssimaConsegna,
	#OrdersSaldo {
		color: #398DA6;
		font-size: 14px;
		text-align: center;
		font-weight: bold;
		height: 20px;
	}
	
	#datiOrders {
		margin-top: 20px;
	}
	
	#datiOrders .advBar {
		width: 100%;
		height: 13px;
		background:none;
	}
	#datiOrders .advBarPart {
		width: 0%;
		height: 13px;
		background: #666;
	}
	#datiOrders .advBarPart.complete {
		background: #009900;
	}

/**--- Customer Table View ---**/

	.k-grid-filter {
		opacity: .35;
	}
	.k-grid-filter.k-state-active {
		opacity: 1;
	}
	.k-grid-filter:hover {
		opacity: .7;
	}		
	
	#tableview tr:hover {
		background: #C0DFE9;
	}
	#tableview.k-grid tbody .k-button {
		min-width: 0px;
	}
	
/**----- Mixed: Elenco - Scheda ----**/

#region-gridview.mixed {
	width: 260px;
	position: static;
}

	#region-gridview.mixed .horizontal-grow {
		float:none;
		margin: 0px;
		padding: 0px;
		height: initial;
		margin-left: 20px;		
		border: 1px solid #ccc;
		border-radius: 3px;
		background: #eee;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);		
	}
	#region-gridview.mixed #listaCustomers li.col {
		margin: 0px 10px;
	}

#region-listview.mixed {
	position: fixed;
	left: 260px;
	top: 51px;
}

.icon-mixed {
	background-image: url("https://4sellerapp.it/themes/4seller//icon-mixed.png");
	background-position: 0px 0px;
}

#mainTabMaps img { max-width: none; }

.maplabels {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 40px;     
     border: 2px solid black;
     white-space: nowrap;
   }


.foto-profilo-container {
	position: relative;
	width:160px;
	height:160px;
}
#foto-profilo {
	display:block;
}
#contactManagePictureDiv {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#contactManagePicture {
	display:none;
}
#contactManagePicture-ins {
	background: url(https://4sellerapp.it/themes/4seller/_/img/icon-camera-24.png) no-repeat;
	width:24px;
	height:24px;
	float:right;
	margin-left:5px;
	display:none;
}
#contactManagePicture-del {
	background: url(https://4sellerapp.it/themes/4seller/_/img/icon-delete-24.png) no-repeat;
	width:24px;
	height:24px;
	float:right;
	display:none;	
}
.foto-profilo-container:hover #contactManagePicture-ins,
.foto-profilo-container:hover #contactManagePicture-del {
	display: block;
	opacity: .5;
}
.foto-profilo-container:hover #contactManagePicture-ins:hover,
.foto-profilo-container:hover #contactManagePicture-del:hover {
	opacity: .8;
	cursor: pointer;
}

.foto-profilo-container.void #contactManagePicture-del {
	display: none;
}
.tastone {
	display: inline-block;
	text-align:center;
	color: #999;
	font-size:24px;
	margin-right:0px;
	border-radius: 0px;
	border: 0px solid #ccc;
}

#customer_total:link    {color:#444444;text-decoration: none; }
#customer_total:visited {color:#444444;text-decoration: none;}
#customer_total:hover   {color:#444444;text-decoration: none;}
#customer_total:active  {color:#444444;text-decoration: none;}

#order_total:link    {color:#FFFFFF;text-decoration: none; }
#order_total:visited {color:#FFFFFF;text-decoration: none;}
#order_total:hover   {color:#FFFFFF;text-decoration: none;}
#order_total:active  {color:#FFFFFF;text-decoration: none;}

#article_total:link    {color:#FFFFFF;text-decoration: none; }
#article_total:visited {color:#FFFFFF;text-decoration: none;}
#article_total:hover   {color:#FFFFFF;text-decoration: none;}
#article_total:active  {color:#FFFFFF;text-decoration: none;}

#lead_total:link    {color:#444444;text-decoration: none; }
#lead_total:visited {color:#444444;text-decoration: none;}
#lead_total:hover   {color:#444444;text-decoration: none;}
#lead_total:active  {color:#444444;text-decoration: none;}




.k-grid th.k-header { text-align: center;}

#tabContacts .k-textbox > input,
#tabContacts .k-dropdown-wrap  .k-input,
#tabContacts .k-selectbox .k-input {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0.1em 0;
	font-size: 12px;
}

#OverviewGraph1 {
	height: 310px;
}

#OverviewDataGrid {
	height: 218px;
}

.noteContainer {
	background: #F0F0F0;
	border-top: 1px solid #bbb;
}

#noteContacts {
	height: 280px;
	overflow-y:auto;
}

#noteContacts label {
}

#newRefsContacts {
	height: 278px;
	border: 1px 0px 1px 0px solid #dadada;
}
#contactsRefGrid {
	height: 278px;
}

#contactsRefGrid.k-grid,
#OrdersDataGrid.k-grid {
	border-left:none;
	border-right:none;
}

	#OrdersDataGrid.k-grid .k-detail-cell {
		padding-top: 10px;
		padding-bottom: 12px;
	}
	#OrdersDataGrid.k-grid .k-grid {
		border:none;
	}	

	#OrdersDataGrid.k-grid td:first-child {
/*		border-left:none;
		border-right:none; */
	}
	
#OrdersGraph1_container .title {
	width: 160px;
	display:inline-block;
}
#OrdersGraph1_container .k-dropdown {
	width: 100px;
}

#tabOrders_addOrder {
/*	position: absolute;
	right: 10px;
	top:1px;
	z-index: 10;
	*/
	float:left;
	margin-left: 20px;
}
	
	

	
/* da contact_shortlist.php */

		.k-grid {
			font-size: 12px;
		}
		.k-grid-header .k-header {
			color: #444;
		}
		.k-grid td, .k-grid th {	
			line-height: 110%;
			white-space: normal;		
			overflow: hidden;
			word-wrap: normal;
			text-overflow: clip;
		}
		.k-grid .k-state-selected td a {
			color: #fff;
		}
		
		#tableview.k-grid {
			font-size:11px;
		}
		div.k-grid-header .k-pre-header .k-header {
			border-bottom: 1px solid #dadada;
		}

		h2.tab {
			cursor: move;
			display: inline-block;
			float: left;
			color:#000000;
			margin:0 4px; padding:4px 15px;
	    }
		h2.tab.invisible {
			display: none;
		}
	       
	    #dragMainArea, #dragOtherArea
	    {
			height: 33px;
	    }
		
		#dragMainArea h2 {		
			float:right;
		}
		#dragMainArea h2.active {
			float: right;
			margin-bottom: -1px;
			margin-top: 1px;
			color: #666;
		}
		#dragMainArea h2 small { color:#666; }
		
		#dragMainArea.drag-target,
		#dragOtherArea.drag-target {
			border: 1px dashed #398DA6;
			border-bottom: none;			
			margin: 19px 9px 0px 9px;			
		}
		#dragOtherArea h2.active {
			margin-bottom: -1px;
			margin-top: 1px;
			color: #666;
		}
		#dragOtherArea h2.active small { color:#666; }
		
		.tab.dragged {
			cursor: move;
			margin:0 4px; padding:4px 15px;
			border: 1px solid #aaa;
			border-radius: 3px 3px 3px 3px;
			background: linear-gradient(to bottom, #C8C8C8, #CCCCCC);
	    }
		.tab.hollow {
			opacity: .5;
		}
		
		.tab-div {
			display: none;
		}

@media (min-width: 1220px) {
	#dragMainArea .tab { display:none; }
	#dragMainArea .tab.active {	display:inline-block; }
	
	.mixed #dragMainArea .tab { display:inline-block; }
	.mixed #centro-dx { display:none; }
}
@media (max-width: 1219px) {
	#centro-dx { display:none; }
}