/* Custom, iPhone Retina */ 
@media only screen and (min-height: 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 1200px) {
	.viewcode > h2{
		font-size: 160%;
		line-height: 95%;
		margin-bottom: 19px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	body > .container {
		max-width: 95%;
	}

	table{
		font-size: 70% !important;
	}

	fieldset .subwell{
		min-height: 0 !important;
	}

	.fluff{
		display: none;
	}
}

/* HTML / BODY */
html,
body{
	height: 100%;
}

body{
	background: #365161;
/*	background: #2B4961; */
	background: #fff;
	_min-width: 480px;
}

table{
	font-size: 90%;
}

body > .container{
	margin-bottom: 100px;
}


/* Consignment List */

#consignments tbody tr{
	cursor: pointer;
}

#consignments tbody tr:hover td{
	  background: #647684 !important;
  	color: #FFF
}


#locationsearch{
    position: absolute;
    top: 64px;
    right: 20px;
    z-index: 99;
	padding: 8px;
	margin-bottom: 20px;
	background-color: rgba(245, 245, 245, 0.72);

}

/* Detail view */

.detail .status{
	float: left;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 15px;
}

.detail .qr2id{
	float: right;
	margin: 0 0 18px;
	text-align: center;
}
.detail .qr2id img{
	display: block;
}



/* Search Boxes */

.searchbox{
	width: 45%;
	min-width: 220px;
	min-height: 10px;
	margin-top: -3px;
	max-height: 40px;
	position: absolute;
	right: 14px;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;

	overflow: hidden;
}

h3 .searchbox{
	width: 25%;
	font-size: 0.6em;
	margin-right: 0;
	font-weight: normal;
	right: 0;
}

.searchbox.active{
	background: white;
	padding: 10px;
	z-index: 1;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	width: 94%;
	min-height: 300px;
	border-radius: 2px;
	border: 1px solid #CCC;
	margin-right: -3px;
 	max-height: 507px;
	overflow: hidden;
}

.searchbox .search-icon{
  right: 10px;
  pointer-events: none;
  float: right;
  margin-left: -300px;
  top: 10px;
}

.searchbox .results{
	margin-top: 10px;
	max-height: 420px;
	overflow: hidden;
}

.searchbox .results > div{
  border-top: 1px dotted #CCC;
  font-size: 100%;
  padding: 8px 18px;
  margin: 0 -8px;
  cursor: pointer;
}
.searchbox .results > div small{
	float: right;
	font-size: 70%;
}
.searchbox .results > div:hover{
  background: #EDEDED;
}

input[type=search]{
	background: #FCFCFC;
	border-radius: 20px;
	border-style: dotted;

}

.searchbox.active input[type=search]{
	border-style: solid;
} 


#locationsearch input[type=text]{
	margin:0;
	margin-right: 14px;
}

.popover h3{
	display:  none;
}

.zopim{
	z-index: 500 !important;
}

/* MAPS */
.mapmodel{
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
	z-index: 1000;
}
.mapmodel .buttons{
	position: absolute;
	bottom: 28px;
	right:14px;
	z-index: 1001;
}

.mapmodel .buttons button{
	margin-left:14px;
}

.googlemap,
#markermap{
	width: 100%;
	height: 100%;
}

.gmnoprint img { max-width: none; }
#markermap img { max-width: none; }
#signsmap img { max-width: none; }

#pickupmap{
	border-radius: 4px 4px 0 0;
}

.clientsigns{
	width: 100%;
	height: 80%;
	margin-top: -20px;
}


.row.divider{
	border-top: 1px dotted #CCC;
  	padding-top: 14px;
}
#main h1{
	font-size: 28px;
	text-align: center;
	font-weight: lighter;
  	vertical-align: top;
/*	color: rgba(255, 255, 255, 0.61); */
	color: rgba(0, 68, 109, 0.61);
	margin-top: 20px;
 	margin-bottom: 20px;
}

#main h1 img{
	display: inline-block;
 	 margin-top: -8px;
	height: 28px;
}

.alert{
  background: rgba(255, 255, 255, 0.81);
  padding: 10px 10px 10px 14px;
  border-radius: 2px;
  color: rgb(140, 140, 140);
}

.alert h4{
	font-weight: lighter;
  	margin: 0;
  	font-size: 22px;
}

.alert button.close{
  font-size: 34px;
  margin: -8px 0;
  font-weight: normal;
}

.alert-error{
  background: rgba(255, 222, 222, 1);
  color: red;
}

article{
    margin: 12px 0 10px 0;
    padding: 10px 16px 16px 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 2px;
    background: #FCFCFC;

}

article h2,
article h3,
article h4{
  font-weight: lighter;
  letter-spacing: 1px;
  margin-top: 8px;
}


article.feedback{
  margin: 10px 0 10px 0;
  padding: 16px 32px 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-radius: 2px;
  background: #FCFCFC;
  background: rgba(255,255,255,0.85);
  border-radius: 3px;
}


/* FORM TWEAKS */
legend{
	border-bottom: 1px dashed #E2E2E2;
	padding-bottom: 6px;
	font-weight: lighter;
	text-indent: 14px;
	font-size: 24px;
	margin-bottom: 18px;
}


fieldset{
    margin: 10px 0 10px 0;
    padding: 16px 32px  0;
    padding-top: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 2px;
    background: #FCFCFC;

}

fieldset h2{
	margin-top: 0;
	font-weight: lighter;
}




fieldset h3 label{
	font-weight: lighter;
}

fieldset label{
	display: inline-block;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-weight: normal;
	color: #777;
	font-size: 90%;
}

form.previewed fieldset label{
	color:#999;
}
form.previewed fieldset span.preview{
	color:#333;
	display: inline-block;
}

form.previewed .searchbox{
	opacity: 0;
}
form.previewed fieldset .well{  
	background-image: none;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}


fieldset button{
	margin-left:14px;
}

fieldset button.pull-right{
	margin-bottom: 14px;
}

fieldset .well{
  padding-bottom: 4px;
  padding-top: 14px;
  border: 1px dotted #CCC;
  margin-bottom: 20px;
  border-radius: 3px;    

  background-color: #F5F5F5;
  background-image: url('../img/noise.png');

}

fieldset .subwell{
  border: 1px dotted #CCC;
  margin-bottom: 20px;
  border-radius: 3px;    
  background-color: #F5F5F5;
  background-image: url('../img/noise.png');
   margin: 0 0 20px -14px;
  padding: 10px 14px 4px 14px;
}

.pure-table th{
	text-transform: uppercase;
  font-weight: normal;
  color: #919191;
}

.row.subwells{
	margin-right: -28px;
}

article h3,
fieldset h3{
	margin-top: 0;
	margin-bottom: 14px;
	font-weight: lighter;
	font-size: 26px;
	letter-spacing: 1px;
}


fieldset h4{
  margin-top: 0;
  margin-bottom: 14px;
  font-weight: lighter;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 21px;
  padding-top: 2px;
}

button{
	outline: none !important;
}

a.lostpassword{
  margin-top: 8px;
  float: left;
  margin-left: 8px;
}

.togglechange{
	display: none;
}

.addresslookup{
	background: rgba(143, 143, 143, 0.21);
	display: block;
	display: none;
	color: #8E8E8E;
	font-size: 90%;
	padding: 4px 6px;
	border-radius: 0 0 4px 4px;
	margin-bottom: -20px;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
.bs-footer {
	color: #CCC;
	background-color: #F5F5F5;
	font-weight: lighter;
	letter-spacing: 1px;
	width: 100%;
	bottom: 0;
	border-top: 1px dotted #CCC;
	font-size: 80%; 
	padding-bottom: 0;
	background: #FFF;
	color: #999;
}
.bs-footer a {
	color: #A3A3A3;
}

.waste_login,
.mobile_login{
	display: none;
}

.mobilecontent{
	margin-top:28px;
}
.mobile_login h2,
.viewcode > h2{
	margin-top:0;
}
.viewcode > h2{
	margin-top:0;
	margin-bottom: 0
}
.viewcode > h2 span{
	white-space: nowrap;
	margin-bottom: 14px;
	display: inline-block;

}
.viewcode > h2 span.status{
	float: right;
	margin-top: 1px;
	margin-right: 2px;
	font-size: 52%;
	font-weight: normal;
	border-radius: 3px;
	text-transform: uppercase;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 14px;
	padding-top: 3px;
	clear: right;
}
.boxx_,
.viewcode > p{
	background: #FFF;
	border-radius: 3px;
	padding: 14px;
	border: 1px dotted #CCC;
	margin-bottom: 20px;
}

.boxx input[type=text]{
	background: #FAFAFA;
}

#pickup_location p,
#transporter_location p,
#destination_location p{
    border-top: 1px dotted #CCC;
    padding-top: 10px;
    margin-top: 4px;
}


@-ms-keyframes "pulse1" {
 0% {
   color: rgba(165, 25, 25, 1);
 }
 90% {
   color: rgba(255,0,0,0.0);
 }
 100% {
   color: rgba(255,0,0,1.0);
 }

}

.pulse2 {
	-webkit-animation: pulse2 1s linear infinite;
	-moz-animation: pulse2 1s linear infinite;
	-ms-animation: pulse2 1s linear infinite;
	animation: pulse2 1s linear infinite;
}

@keyframes "pulse2" {
 0% {
    -webkit-transform: scale(1.03);
   	-moz-transform: scale(1.03);
   	-o-transform: scale(1.03);
   	-ms-transform: scale(1.03);
   	transform: scale(1.03);
 }
 50% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}

@-moz-keyframes pulse2 {
 0% {
   -moz-transform: scale(1.03);
   transform: scale(1.03);
 }
 50% {
   -moz-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "pulse2" {
 0% {
   -webkit-transform: scale(1.03);
   transform: scale(1.03);
 }
 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "pulse2" {
 0% {
   -ms-transform: scale(1.03);
   transform: scale(1.03);
 }
 50% {
   -ms-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}