/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body { font-family: Helvetica, san-serif; }
H1 { color: green; }
a:link { color:purple; }

td.actionMail { background: url('/gest/img_php/cog_edit.png') no-repeat center center; cursor:pointer;}
td.crmAppointment { background: url('/gest/img_php/b_calendar.png') no-repeat center center; cursor:pointer;}

.no-mobile {display:none;}

.c_buttons {float:right; display:none;}

.t_cfilter {cursor:pointer;}

.p_center {text-align:center; font-size:3.5em; background-color: aliceblue;}

/* adjust mobile icons positions */
.ui-icon-bars::after, .ui-icon-minus::after, .ui-icon-plus::after, .ui-icon-calendar::after
{background-position: 4px 3px;}
/*
CSS per stato mail
*/
/*td.statoMail { background-image: url('/gest/img_php/mail.png');background-repeat: no-repeat; background-attachment: center; background-position: center; }*/
td.statoMail { text-align: center; vertical-align: middle; padding:0;  background-image: url('/gest/img_php/mail.png');background-repeat: no-repeat; background-attachment: center; background-position: center;}
.stato_Arrivata 	{background-color:white;}
.stato_Scartata 	{background-color:yellow;}
.stato_Doppia   	{background-color:orange;}
.stato_Errore   	{background-color:red;}
.stato_Classificata 	{background-color:blue;}
.stato_Assegnata 	{background-color:green;}
.stato_Stampata 	{background-color:purple;}
.stato_Consegnata 	{background-color:gray;}
.stato_Lavorata 	{background-color:black;}
.stato_Contratto	{background-color:azure;}
.stato_Funnel		{background-color:#ddf57b;}
.stato_crm_Funnel	{background-color:#ddf57b;}

td.footMail {
	padding: 3px;
	text-align: center;
	font-size: 12px;
	width: 65px;
	font-style: italic;
}
.t_footMail {table-layout: fixed; display:none;}
/* Stack the two content containers */
.main,
.sidebar { display:block; width:100%; }
/*

css for tables :-(

*/
.t_header, .t_dettagli, .t_storico, .t_assegna, .t_stato, .t_mdmgweb, .t_gruppo {  width:100%; }

.t_gruppo {margin-top:10px;}

.t_header th { text-align: center; background-color: #E9E9E9;padding:2px;}

.t_header tr { border: 1px solid #ACACAC;  }

.t_header td { padding: 4px; border: 1px solid #ACACAC; }

.t_dettagli { table-layout: fixed; word-wrap:break-word;}

.t_dettagli th , .t_gruppo th { text-align: center; background-color: #E9E9E9; padding:2px;}

.t_dettagli tr {  }

.t_dettagli td , .t_gruppo td { border-bottom: 1px solid #ACACAC; padding:4px;}

.t_storico  {   font-size:1em;}

.t_storico th { text-align: center; background-color: #E9E9E9 }

.t_storico tr {  }

.t_storico td {border-bottom: 1px solid #ACACAC; padding:1px;  }

.t_header td:nth-child(2n+1) , .t_dettagli td:nth-child(2n+1){ text-align:right; font-weight: bold;}

.t_header td:nth-child(2n+2) , .t_dettagli td:nth-child(2n+2){ text-align:left; }

.t_ritira {width:100%;}

#venditori th:nth-child(1n+3), #venditori td:nth-child(1n+3) {text-align:right;}

.t_mdmgweb th { background-color: #E9E9E9;padding:2px;}
.t_mdmgweb td {border-bottom: 1px solid #ACACAC; padding:1px;  }
.t_stat {width: 50%;	margin-left: auto;	margin-right: auto;}
.t_stat th  { text-align: center; background-color: #E9E9E9; padding:2px;}
.t_stat td:nth-child(2n+1) { text-align:left; }
.t_stat td:nth-child(2n+2) { text-align:right; }
.t_stats td:nth-child(2n+2) { text-align:right;}

table.t_sumstats  {page-break-before:always;}
.t_sumstats th:nth-child(1n+2) {text-align:right;}
.t_sumstats td:nth-child(1n+2) {text-align:right;}

.listPrint th {padding:8px;}
.listPrint td:nth-child(20n+1) {font-weight: bold;}
.listPrint td:nth-child(20n+5) {text-align:right;}
.listPrint td:nth-child(20n+6) {text-align:center;}
td.details-del  {
    background: url('/gest/img_php/b_drop.png') no-repeat center center;
    cursor: pointer;
}
/*
t_planning
*/

#planning input {font-weight: bold;}


.p_month {text-align:center; font-size:small;}

.t_planning {
  border-collapse: collapse;
  font-size:smaller;
}
.t_planning td {
  width: 30px;
}

.pl_low {background-color:yellow;}
.pl_festivo {background-color:red;}

.t_planning .right {text-align:right;}
.t_planning th {vertical-align:bottom;}

.t_planning td {
  text-align: right;
  padding: 4px 2px;
  border: 1px solid #ccc;
}
.t_planning td:nth-child(30n+1) {text-align:center;}
.t_planning th.rotate {
/* height: 140px;*/
  white-space: nowrap;
vertical-align:middle;
}
 .t_planning th.rotate > div {
  -webkit-transform: translate(25px, 1px) rotate(315deg);
      -ms-transform: translate(25px, 1px) rotate(315deg);
          transform: translate(20px, 1px) rotate(315deg);
  width: 30px;
}
.t_planning th.rotate > div > span {
  border-bottom: 1px solid #ccc;
/*  padding: 5px 10px;*/
  margin-left:10px;
}
#statVen { /*table-layout: fixed;*/}
#statVen .first_th {padding-bottom:50px;}
#statVen th:not(:first-child):not(:last-child) > div {
  -webkit-transform: translate(25px, 1px) rotate(315deg);
      -ms-transform: translate(25px, 1px) rotate(315deg);
          transform: translate(20px, 1px) rotate(315deg);
  width: 30px;
}
#statVen th:not(:first-child):not(:last-child) > div > span {
  border-bottom: 1px solid #ccc;
/*  padding: 5px 10px;*/
  margin-left:10px;
}


/* recasting */

#tblRecasting  { }
#tblRecasting >thead >tr >th {background-color: lightgray; text-align:center; font-weight:bold; border: 1px solid black;}
#tblRecasting  td,#recRecaster  th { text-align:center; border: 1px solid #ddd;}
#tblRecasting >tbody > tr:last-child {font-weight:bold;font-style: italic;}

#tblRecasting >tbody > tr:nth-child(even) { background-color: #f1f1f1; }
#tblRecasting >tbody > tr:nth-child(odd) { background-color: #fff; }


#recRecaster  { }
#recRecaster >thead >tr >th {background-color: lightgray; text-align:center; font-weight:bold; border: 1px solid black;}
#recRecaster  td,#recRecaster  th { text-align:center; border: 1px solid #ddd;}

#recApps  { }
#recApps >thead >tr >th {background-color: lightgray; text-align:center; font-weight:bold;}
#recApps  td,#recRecaster  th { text-align:center; border: 1px solid #ddd;}

#otherStatus  { }
#otherStatus >thead >tr >th {background-color: lightgray; text-align:center; font-weight:bold;}
#otherStatus  td,#recRecaster  th { text-align:center; border: 1px solid #ddd;}

#checkEmail  { }
#checkEmail >thead >tr >th {background-color: lightgray; text-align:center; font-weight:bold;}
#checkEmail  td,#recRecaster  th { text-align:center; border: 1px solid #ddd;}

#showInputMail, #showMessage{z-index:9000;background-color:white; position:absolute; top:100px; left:50px;  border:solid 1px lightgray; box-shadow: -5px 5px 5px lightgray;}

.inputMailLink { }

#recSalesman >thead td {background-color: lightgray; text-align:center; font-weight:bold;}
#recSalesman td:nth-child(50n+1) {background-color: lightgray;  font-weight:bold;}
/* wrap on wide viewports once open */

	.ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 17em;
	}
	.ui-panel-page-content-open {
		width: auto;
	}

	/* disable "dismiss" on wide viewports */
	.ui-panel-dismiss {
		display: none;
	}
/* from gestionale */
.tblstandard {width:100%;}
.tblstandard td{font-size:13px;color:#000000;border-bottom:1px solid #acacac;cursor:pointer;}
.tblstandard .tblcommand{cursor:pointer;border:0px;}
.web {
	background-color: #fbe569;
}


input[type=number] {text-align:right;}
/*

*/

.buttons-excel {background-image: url('/gest/img_php/xls_hover.png') !important;background-color:transparent !important;border:none !important; 
			background-repeat: no-repeat ; background-position: center;  width: 30px; height: 26px;}
.buttons-pdf {background-image: url('/gest/img_php/pdf_hover.png') !important;background-color:transparent !important;border:none !important;
			background-repeat: no-repeat ; background-position: center;  width: 30px; height: 26px;}
.buttons-print {background-image: url('/gest/img_php/print_hover.png') !important;background-color:transparent !important;border:none !important;
			background-repeat: no-repeat ; background-position: center;  width: 30px; height: 26px;}
.buttons-excel span, .buttons-pdf span, .buttons-print span {color:transparent; }

/*

*/

  #custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
  }
@media  ( min-width: 40em ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.t_mdmgweb td,
	.t_mdmgweb th,
	.t_mdmgweb tbody th,
	.t_mdmgweb tbody td,
	.t_mdmgweb thead td,
	.t_mdmgweb thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.t_mdmgweb td .ui-table-cell-label,
	.t_mdmgweb th .ui-table-cell-label {
		display: none;
	}
}

/* First breakpoint at 576px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 36em){
	.main { float: left; width:60%; }
	.sidebar { float: left; width:40%; }
.t_footMail {display:block;}
}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em){
	.main { width:90%; }
	.sidebar { width:10%; }
.no-mobile {display:inline;}
.c_buttons {display:block;}
	/* You can also tweak any other styles in a breakpoint */
	H1 { color: blue; font-size:1.2em }
}