.mainTrackingBox {
	width:400px;
	height:44px;
	margin:20px 0;
	background:white;
	border:1px solid gray;
	box-shadow:1px 1px 0 0 #f0f0f0;
	display:inline-block;
	vertical-align:top;
   white-space:nowrap;
   position:relative;
}

.mainTrackingBox input {
	width:80%;
	height:40px;
	margin:2px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:gray;
	border:none !important;
	background:transparent !important;	
	outline:none;
	vertical-align:middle;
}

.mainTrackingBox button {
	width:50px !important;
	height:44px !important;
	border:none;	
	cursor:pointer;
	background:url("/interface/icons/icon_search.png") !important; 
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-size:70% !important;
	position:absolute;
	right:0;
}

.mainTrackingBox button:hover {	

}

#orderOffers { width:100%; margin:15px 0; text-align:center; }
.carrierOffer { width:130px; padding:5px; margin:3px !important; background:white; border:1px solid #bfbfbf; border-radius:0; overflow:hidden; font-size:1.2em; font-weight:bold; position:relative; text-align:center; display:inline-block; cursor:pointer; box-shadow:1px 1px 2px 0 silver; } 
.carrierOffer .offerName { font-size:20px; font-weight:bold; color: black; text-align:center; }
.carrierOffer img { height:25px; }
.carrierOffer p { font-size:12px; font-weight:normal; text-align:center; color:#3087a6; }
.carrierOffer p.price {  }
.carrierOffer p.gauge {  }
.active { border:2px solid #3087a6; }
.loaderBox {
	width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	background:white;
	opacity:0.80;
	display:none;
	
}
.loaderIco {
	width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("/interface/loader.gif");
	background-position:center;
	background-size:50%;
	background-repeat:no-repeat;	
}

/* */

/* książka adresowa */
.blueScreen { width:100%; height:100%; position:fixed; top:0; left:0; background:#3699ff; opacity:0.8; display:none; }
.tableAddressBook { width:50%; height:auto; left:25%; top:30%; position:fixed; z-index:99999; border:1px solid black; background:white; border-radius:10px; box-shadow:0 0 10px 0 black; display:none; }
.tableAddressBook h2 { margin:20px 20px 0 20px; }
.tableAddressBook .headAddressBoox { float:right; margin:5px; cursor:pointer; }
.tableAddressBook table { width:95%; padding:5%; margin:10px auto; font-size:13px; border:1px solid gray; }
.tableAddressBook th { padding:5px 0; background:#cce5ff; text-align:center; }
.tableAddressBook td { padding:10px; text-align:left; border:1px solid silver; }
.tableAddressBook td:last-child { text-align:center; }
.searchAddressBook { margin:0 20px 10px 0; float:right; }
.searchAddressBook input { width:180px; height:20px; padding:3px; font-size:12px; font-weight:bold; border:1px solid gray; }
.searchAddressBook input.button { width:100px; height:28px; background:#d12f2d; color:white; border:none; border-radius:5px; }
.addressList { width:100%; overflow:auto; }

/* */

.file-container {
     width:280px; 
     height:30px; 
     display:inline-block; 
     position:relative; 
     overflow:hidden;
     vertical-align:middle;
}

/* input file dostaje z-index:2, oraz pozycjonowanie absolutne */
.file-container input[type="file"] {
     font-size:100px; 
     position:absolute; 
     left:0; 
     right:0; 
     top:0; 
     bottom:0; 
     opacity:0; 
     z-index:2; height:30px; 
     display:block; 
     cursor:pointer;
}

/* a input text i button dostają mniejszy z-index dzięki czemu znajdują się pod "niewidzialnym" input file */
.file-container input[type="text"] {
     float:left; 
     width:180px; 
     padding:5px; 
     height:14px; 
     background:#efefef; 
     border:1px solid #aaa; 
     z-index:0; 
     position:relative; 
     color:#777;
}
.file-container input[type="button"] {
     float:right; 
     width:70px; 
     height:26px; 
     text-align:center; 
     font-weight:normal;
     font-size:11px;
     color:#fff; 
     line-height:30px;
     overflow:hidden; 
     display:block; 
     border:0; 
     cursor:pointer; 
     z-index:0; 
     position:relative;
     background:#3087a6 ;
}
.file-container input[type="button"]:hover {
     background:linear-gradient(to bottom, #990000 0%, black 100%);
}

/* */

div#sgCookiesPolicyBar {
	width: 100%;
	padding: 3px 0;
	font-size:11px;
	z-index: 9999;
	border-top: 1px solid #ebebeb;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ebebeb;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ebebeb));
	background-image: -webkit-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -moz-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -o-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -ms-linear-gradient(#fbfbfb, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb, endColorstr=#ebebeb);
	background-image: linear-gradient(#fbfbfb, #ebebeb);
}

div#sgCookiesPolicyInformation {
	width: 800px;
	margin: 5px auto;	
	color: #777777;
}

div#sgCookiesPolicyInformation p {
	float: right;
	color: #ff0000;
	cursor: pointer;
	margin: 0;
}

@media all and (max-width:1024px) 
{
  div#sgCookiesPolicyBar {
  	 position:static;
  }
  
  div#sgCookiesPolicyInformation  {
    width:100%;
  }

}