@CHARSET "ISO-8859-1";

body{
	font-family: Helvetica, sans-serif;
}

a {
	text-decoration: none;
}
a:link {
	color: Black;
}
a:visited {
	color: Purple;
}
a:hover {
	color: gray;
}

.error {
    color:red;
} 

#content {
	width: 90%;
	height:auto;
	background: white;
	margin-right: auto; 
	margin-left: auto; 
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}

.generic label {
	text-align: left !important;
	font: bold 13px Arial !important;
}

.genericTdNumber {
	text-align: right;
}

#footer {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
	margin-top:50px;
	background-color: #F2F2F2;
}

#footer a {
     color: black;
     text-decoration: none;
}

#footer a:hover {
     color: gray;
     text-decoration: none;
}

#footer a:link {
	color: Black;
	text-transform:none;
	text-decoration: none;
}
#footer a:visited {
	color: Purple;
	text-decoration: none;
}
#footer a:hover {
	color: gray;
	text-decoration: none;
}

.userLogged{
	font-weight: normal;
	position: absolute;
	top:0;
	right: 0;
	margin-right:10px;
	font-stretch: condensed;
}

#divBrowser{
	height: 100px; 
    width:98%;
    position: absolute;
    bottom: 100px; 
}

#divEsitoTracking {
	display: none;
} 

/* Home Riepilogo */
#spedizioniDiv,
#ritiroDiv,
#utentiDiv,
#giacenzeDiv,
#contrassegniDiv{
	font-size: 11px;
}

#giacenzeDiv .ui-icon-gear {
	font-size:7px;
	-ms-transform: scale(1); /* IE 9 */
  	-webkit-transform: scale(1); /* Chrome, Safari, Opera */
  	transform: scale(1);
}

#filtroBtn {
	margin-right:20%;
	background-color: #03C03C;
	-ms-transform: scale(2); /* IE 9 */
  	-webkit-transform: scale(2); /* Chrome, Safari, Opera */
  	transform: scale(2);

}

#filtroDiv{
	width: 97.5% !important;
}
	
	
.divInpQuery{
	float:left !important;
	margin-top:1%;
	width: auto;
}

.divInpQueryRight{
	float: right !important;
	margin-top:4%;
	width: auto;
}

.div15{
	width: 15% !important;
}
	
.div20{
	width: 20% !important;
}

.div30{
	width: 30% !important;
}

.hiddenable{
	display: table-cell;
}

.wrapperErrDest{
    width:100%;
    height:150px;
    max-height:350px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tblErrDest { 
    width: 100%;
    font-size:11pt;
}

.tblErrDest th, td {
    text-align: left;
    padding: 8px;
}

.alignRight{
    text-align: right;
}

.alignCenter{
    text-align: center;
}

.tblErrDest tr:nth-child(even){background-color: #f2f2f2}

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

/* Inp Bancali */
#tblBancali {
	color: #333;
	font-size: 11px;
	width: 98%;
}

.tableBancali thead {
	/* Effettuo il resize della thead */
	width: 100%;
	background: #F3F3F3;
}

.tableBancali tbody {
	display: block;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.tableBancali tbody tr {
	width: 100%;
	height: 20%;
}

.tableBancali thead, .tableBancali tbody tr {
	/* Dichiaro che � una tabella e che dev'esser fixed come layout */
	display: table;
	table-layout: fixed;
}

.tableBancali td, .tableBancali th {
	border: 1px solid #dddddd;
	text-align: center;
	padding: 1% 1% 1% 1%;
}

.tableBancali td > input {
	width: 98%;
}

.tableLastCol {
	width: 10% !important;
}
/*
Per i nuovi datatables serve a aggiungere del margine tra le varie opzioni
 */
.marginPaginate {
	margin-left: 0 !important;
	margin-right: +.3em !important;
}

#filtroBtn {
	margin-right:20%;
	background-color: #03C03C;
	-ms-transform: scale(2); /* IE 9 */
  	-webkit-transform: scale(2); /* Chrome, Safari, Opera */
  	transform: scale(2);

}

#filtroDiv{
	width: 97.5% !important;
}
	
	
.divInpQuery{
	float:left !important;
	margin-top:1%;
	width: auto;
}

.divInpQueryRight{
	float: right !important;
	margin-top:4%;
	width: auto;
}

/*Modal Caricamento Destinazioni */
.wrapperErrDest{
    width:100%;
    height:150px;
    max-height:350px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tblErrDest { 
    width: 100%;
    font-size:11pt;
}

.tblErrDest th, td {
    text-align: left;
    padding: 8px;
}

.tblErrDest tr:nth-child(even){background-color: #f2f2f2}

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

/* Inp Bancali */
#tblBancali {
	color: #333;
	font-size: 11px;
	width: 98%;
}

.tableBancali thead {
	/* Effettuo il resize della thead */
	width: 100%;
	background: #F3F3F3;
}

.tableBancali tbody {
	display: block;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.tableBancali tbody tr {
	width: 100%;
	height: 20%;
}

.tableBancali thead, .tableBancali tbody tr {
	/* Dichiaro che � una tabella e che dev'esser fixed come layout */
	display: table;
	table-layout: fixed;
}

.tableBancali td, .tableBancali th {
	border: 1px solid #dddddd;
	text-align: center;
	padding: 1% 1% 1% 1%;
}

.tableBancali td > input {
	width: 98%;
}

.tableLastCol {
	width: 10% !important;
}

hr.generic {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0.5em;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgb(255
		, 255, 255)), color-stop(0.1, rgb(221, 221, 221)),
		color-stop(0.9, rgb(221, 221, 221)), color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(left center, rgb(255, 255, 255)
		0%, rgb(221, 221, 221) 10%, rgb(221, 221, 221) 90%, rgb(255, 255, 255)
		100%);
}

#wrapperLogin h1 {
	float: left;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 40px;
}

#wrapperLogin .inpDiv {
	width: 100%;
	clear: left;
	margin-bottom: 8%;
	position: relative;
}

#wrapperLogin input[type="text"], #wrapperLogin input[type="password"] {
	text-indent: 30px;
}

#wrapperLogin .fa {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 15px;
}

.colorLightskyblue {
	background-color:#87CEFA;
}

.colorLightbluee {
	background-color:#ADD8E6;
}


html { font-size:100%;}
	
@media (max-width: 1023px){
	#content {
		width: 100%;
	}
	.ui-controlgroup-controls {
    	width: 100%;
	}
	
	.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
	.ui-controlgroup-controls .ui-btn-icon-notext {
    	width: 100%;
	}
	
	#divBrowser {
		display: none;
	}
	
	#divEsitoTracking {	
		font-size: 2.5vh;
	} 
	
	#divTracking{
		margin-top:-200px;
		width: 100%;
		padding: 1% 1% 1% 1%;
	}
	
	#search-control-group {
		width:100%;
	}
	
	#searchSpedizione{
		width:10%;
	}
	
	#closeDivEsitoTracking{
		margin-top: 10%
	}
	
}

@media (max-width: 1438px){
       .spedizioniTable{
          display: block;
          max-width:1300px!important;
          overflow-x: scroll!important;
        }
}

@media (max-width: 780px){
	#divTracking{
		margin-top:-240px;
		width: 100%;
		padding: 1% 1% 1% 1%;
	}
	
	.hiddenable{
		display: none;
	}
	
}
	
@media (max-width: 560px){ 
	body{
		font-size: 3.5vmin;
	}

	h1 {
  		font-size: 5.9vw;
	}
	
	h2 {
  		font-size: 3.0vh;
	}
	
	.ui-controlgroup-controls {
    	width: 100%;
	}
	
	.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
	.ui-controlgroup-controls .ui-btn-icon-notext {
    	width: 100%;
	}
	
	#divBenvenuto {
		display: none;
	}

	#divEsitoTracking {	
		font-size: 2.5vh;
	} 
	
	#divTracking{
		margin-top:0px;
		width: 100%;
		padding: 1% 1% 1% 1%;
	}
	
	#search-control-group {
		width:200px;
	}
	
	#searchSpedizione{
		width:10%;
	}
	
	#closeDivEsitoTracking{
		margin-top: -15%;
	}
	
	#filtroDiv{
		width: 85% !important;
	}
	
	.divInpQuery{
		clear:left;
		width: 80% !important;
	}
	
	.divInpQueryRight{
		clear:right;
		margin-top: 100px;
		margin-right: 10px;
	}
	
	#contrassegniDiv,
	#contrassegniTable,
	#contrassegniRimbTable,
	#spedizioniDiv,
	#spedizioniTable,
	#ritiroDiv,
	#ritiroTable,
	#utentiDiv,
	#utentiTable,
	#giacenzeDiv,
	#giacenzeTable{
		width: 90%;
		font-size: 1.8vh;
	}
	
	.hiddenable{
		display: none;
	}
	
	
	
} 

td.highlight-post {
}
td.highlight-post > a {
    background: #94D494!important;
    color: #fff!important;
}
	
td.highlight-tas {
}
td.highlight-tas > a {
    background: #3366FF!important;
    color: #fff!important;
}

td.datepicker-giallo {
}
td.datepicker-giallo > a {
    background: yellow!important;
    color: #000!important;
}

td.datepicker-rosso {
}
td.datepicker-rosso > a {
    background: red!important;
    color: #fff!important;
}

.tableBancaliRitiroTerzi td, .tableBancaliRitiroTerzi th{
	padding:0% 1% 0% 1%;
}