@charset "utf-8";

/* Body / Background */
body {
  background-color: #FFFFFF;
  
  background-position: top center;
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #FFFFFF;
  font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif;
  padding: 0px;
  margin: 0px;
  /*overflow: hidden;*/
}

.loadsectionlabel {
	color: #92D050;
}

#page {
  width:1050px;
  margin:0px auto;
  text-align:left;
  padding:15px;
  padding-bottom: 50px;
  background: #404040;
  /*overflow: hidden;*/
  border-radius: 25px;
  

}
 
 @media only screen and (max-width: 800px) {
  
   #page {
  width:100%;
  margin:0px auto;
  text-align:left;
  padding:15px;
  padding-bottom: 50px;
  background: #404040;
  /*overflow: hidden;*/
  border-radius: 25px;
}
 }
  
/* unvisited link */
a:link {
    color: white;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: white;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: blue;
    text-decoration: none;
}

/* selected link */
a:active {
    color: blue;
    text-decoration: none;
}



.hiddencol { display: none; }

.zoom {
	  padding: 0px;
	  vertical-align:middle;
	  width: 30px;
	  height: 30px;
	  margin: 0 auto;
	}

.bluebtn {
  background: #98BFF0;
  background-image: -webkit-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -moz-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -ms-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -o-linear-gradient(top, #98BFF0, #2980b9);
  background-image: linear-gradient(to bottom, #98BFF0, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 14px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
}

.bluebtn:hover {
  background: #69c6ff;
  
  text-decoration: none;
  cursor: pointer;
}

.bluebtn:disabled {
  background: #2592CC;
  
  text-decoration: none;
  
}

.bluebtn:focus {
  background: #69c6ff;
  
  text-decoration: none;
  cursor: wait;
}

.bluebtnnarrow {
  background: #98BFF0;
  background-image: -webkit-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -moz-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -ms-linear-gradient(top, #98BFF0, #2980b9);
  background-image: -o-linear-gradient(top, #98BFF0, #2980b9);
  background-image: linear-gradient(to bottom, #98BFF0, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.bluebtnnarrow:hover {
  background: #69c6ff;
  
  text-decoration: none;
  cursor: pointer;
}

.bluebtnnarrow:disabled {
  background: #2592CC;
  
  text-decoration: none;
  
}

.bluebtnnarrow:focus {
  background: #69c6ff;
  
  text-decoration: none;
  cursor: wait;
}

.greenbtn {
  background: #9EDE57;
  background-image: -webkit-linear-gradient(top, #9EDE57, #56910e);
  background-image: -moz-linear-gradient(top, #9EDE57, #56910e);
  background-image: -ms-linear-gradient(top, #9EDE57, #56910e);
  background-image: -o-linear-gradient(top, #9EDE57, #56910e);
  background-image: linear-gradient(to bottom, #9EDE57, #56910e);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 14px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
}

.greenbtn:hover {
  background: #9EDE57;
  
  text-decoration: none;
  cursor: pointer;
}

.greenbtn:disabled {
  background: #5BAB13;
  
  text-decoration: none;
  
}

.greenbtn:focus {
  background: #9EDE57;
  
  text-decoration: none;
  cursor: wait;
}

.greenbtnnarrow {
  background: #9EDE57;
  background-image: -webkit-linear-gradient(top, #9EDE57, #56910e);
  background-image: -moz-linear-gradient(top, #9EDE57, #56910e);
  background-image: -ms-linear-gradient(top, #9EDE57, #56910e);
  background-image: -o-linear-gradient(top, #9EDE57, #56910e);
  background-image: linear-gradient(to bottom, #9EDE57, #56910e);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.greenbtnnarrow:hover {
  background: #9EDE57;
  
  text-decoration: none;
  cursor: pointer;
}

.greenbtnnarrow:disabled {
  background: #5BAB13;
  
  text-decoration: none;
  
}

.greenbtnnarrow:focus {
  background: #9EDE57;
  
  text-decoration: none;
  cursor: wait;
}

.redbtn {
  background: #E6A19E;
  background-image: -webkit-linear-gradient(top, #E6A19E, #b84844);
  background-image: -moz-linear-gradient(top, #E6A19E, #b84844);
  background-image: -ms-linear-gradient(top, #E6A19E, #b84844);
  background-image: -o-linear-gradient(top, #E6A19E, #b84844);
  background-image: linear-gradient(to bottom, #E6A19E, #b84844);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 14px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
}

.redbtn:hover {
  background: #E6A19E;
  
  text-decoration: none;
  cursor: pointer;
}

.redbtn:disabled {
  background: #B2605B;
  
  text-decoration: none;
  cursor: pointer;
}

.redbtn:focus {
  background: #E6A19E;
  
  text-decoration: none;
  cursor: wait;
}

.redbtnnarrow {
  background: #E6A19E;
  background-image: -webkit-linear-gradient(top, #E6A19E, #b84844);
  background-image: -moz-linear-gradient(top, #E6A19E, #b84844);
  background-image: -ms-linear-gradient(top, #E6A19E, #b84844);
  background-image: -o-linear-gradient(top, #E6A19E, #b84844);
  background-image: linear-gradient(to bottom, #E6A19E, #b84844);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #b3b3b3;
  color: #000000;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.redbtnnarrow:hover {
  background: #E6A19E;
  
  text-decoration: none;
  cursor: pointer;
}

.redbtnnarrow:disabled {
  background: #B2605B;
  
  text-decoration: none;
  cursor: pointer;
}

.redbtnnarrow:focus {
  background: #E6A19E;
  
  text-decoration: none;
  cursor: wait;
}

.addnewButton
        {
        	background-image:url('/images/addnewbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
		}
		
.areasupportButton
        {
        	background-image:url('/images/area_support.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.cameraButton
        {
        	background-image:url('/images/cameraicon.png');
			background-size: 34px 33px;
			width: 34px;
			height: 33px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.cameraButtonMed
        {
        	background-image:url('/images/cameraicon.png');
			background-size: 50px 50px;
			width: 50px;
			height: 50px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
		
.cancelButton
        {
        	background-image:url('/images/cancelbutton.png');
			width: 103px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.checkoutButton
        {
        	background-image:url('/images/check_out.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			margin: 5px;
			cursor: pointer;
        }

.chillButton
        {
        	background-image:url('/images/chill.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.choosefilesButton
        {
        	background-image:url('/images/choosefilesbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.completeloadButton
        {
        	background-image:url('/images/completeloadbutton.png');
			background-size: 172px 33px;
			width: 172px;
			height: 33px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }


.confirmButton
        {
        	background-image:url('/images/confirmbutton.png');
			width: 161px;
			height: 59px;
			border: none;
			cursor: pointer;
        }

.confirmButtonHTML
        {
        	background: #9DDD58;
			border-radius: 15px;
			width: 161px;
			height: 59px;
			border: none;
			cursor: pointer;
        }
		
.confirmButtonSM
        {
        	background-image:url('/images/confirmbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.containerButton
        {
        	background-image:url('/images/container.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.deleteButtonSM
        {
        	background-image:url('/images/deletebutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.doneButton
        {
        	background-image:url('/images/donebutton.png');
			width: 161px;
			height: 59px;
			border: none;
			cursor: pointer;
        }
		
.doneButton2
        {
        	background-image:url('/images/donebutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }	
		
.dryButton
        {
        	background-image:url('/images/dry.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.enhancedcleaningButton
        {
        	background-image:url('/images/enhancedcleaning.jpg');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.forkliftButton
        {
        	background-image:url('/images/forklift.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.freezerButton
        {
        	background-image:url('/images/freezer.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.genwhseButton
        {
        	background-image:url('/images/gen_whse.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.gettimeButton
        {
        	background-image:url('/images/gettimeicon.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }

		
.gobackButton
        {
        	background-image:url('/images/go_back.png');
			width: 161px;
			height: 59px;
			border: none;
			cursor: pointer;
        }
		
.gobackButtonSM
        {
        	background-image:url('/images/go_back.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.inventoryButton
        {
        	background-image:url('/images/inventory.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.janitorialButton
        {
        	background-image:url('/images/janitorial.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.labelingButton
        {
        	background-image:url('/images/labeling.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.lightdutyButton
        {
        	background-image:url('/images/light_duty.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.localforkliftButton
        {
        	background-image:url('/images/localforklift.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.localselectionButton
        {
        	background-image:url('/images/localselection.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.lunchoutButton
        {
        	background-image:url('/images/lunch_out.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			margin: 5px;
			cursor: pointer;
        }
	
.managephotosButton
        {
        	background-image:url('/images/managephotosbutton.png');
			background-size: 119px 38px;
			width: 119px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		  
		
.noButton
        {
        	background-image:url('/images/nobutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.palletsortingButton
        {
        	background-image:url('/images/pallet_sorting.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.pencilButton
        {
        	background-image:url('/images/pencilbutton.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.pencilButtongreen
        {
        	background-image:url('/images/pencilbuttongreen.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.photosButton
        {
        	background-image:url('/images/photosbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.pluslunchButton
        {
        	background-image:url('/images/pluslunchbutton.png');
			background-size: 75px 32px;
			width: 75px;
			height: 32px;
			border: none;
			cursor: pointer;
        }
		
.pluslunchButtondisabled
        {
        	background-image:url('/images/pluslunchbutton.png');
			background-size: 75px 32px;
			width: 75px;
			height: 32px;
			border: none;
			opacity: 0.4;
			filter: alpha(opacity=40); /* msie */
        }
		
.plussignButton
        {
        	background-image:url('/images/plussign.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.printButton
        {
        	background-image:url('/images/printbutton.png');
			background-size: 50px 50px;
			width: 50px;
			height: 50px;
			border: none;
			cursor: pointer;
        }

.printButton2
        {
        	background-image:url('/images/print.png');
			background-size: 81px 32px;
			width: 81px;
			height: 32px;
			border: none;
			cursor: pointer;
        }
		
.processButton
        {
        	background-image:url('/images/process.png');
			background-size: 81px 32px;
			width: 81px;
			height: 32px;
			border: none;
			cursor: pointer;
        }
		
.rateloadButton
        {
        	background-image:url('/images/rateloadbutton.png');
			background-size: 84px 33px;
			width: 84px;
			height: 33px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.recalcButton
        {
        	background-image:url('/images/recalc.png');
			background-size: 81px 32px;
			width: 81px;
			height: 32px;
			border: none;
			cursor: pointer;
        }
		
.receivingButton
        {
        	background-image:url('/images/receiving.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.recruitingButton
        {
        	background-image:url('/images/recruiting.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.repackButton
        {
        	background-image:url('/images/repack.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.runningButton
        {
        	background-image:url('/images/running.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.savechangesButton
        {
        	background-image:url('/images/savechangesbutton.png');
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.savechangesButtonSM
        {
        	background-image:url('/images/savechangesbutton.png');
			background-size: 70px 25px;
			width: 70px;
			height: 25px;
			border: none;
			cursor: pointer;
        }

.searchButton
        {
        	background-image:url('/images/searchbutton.png');
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.selectingButton
        {
        	background-image:url('/images/selecting.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.takephotoButton
        {
        	background-image:url('/images/takephotobutton.png');
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.trainingButton
        {
        	background-image:url('/images/training.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.trashcanButton
        {
        	background-image:url('/images/trashcan.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
		
.traveltimeButton
        {
        	background-image:url('/images/travel_time.png');
			background-size: 120px 43px;
			width: 120px;
			height: 43px;
			border: none;
			cursor: pointer;
        }
		
.uploadButton
        {
        	background-image:url('/images/uploadbutton.png');
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
		
.uploadButtondisabled
        {
        	background-image:url('/images/uploadbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			opacity: 0.4;
			filter: alpha(opacity=40); /* msie */
        }
		
.voidselectedButton
        {
        	background-image:url('/images/voidselectedbutton.png');
			width: 115px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.yellowmagButton
        {
        	background-image:url('/images/yellowmag.png');
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			border: none;
			margin: 0px;
			padding: 3px;
			cursor: pointer;
        }
	
.yesButton
        {
        	background-image:url('/images/yesbutton.png');
			background-size: 106px 38px;
			width: 106px;
			height: 38px;
			border: none;
			cursor: pointer;
        }
		
.loadtextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 95px;
}

input:disabled.loadtextboxes {
  color: black;
  background: #FEFEFE;
}

.loadtextboxesSM
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 60px;
}

.loadtimetextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 115px;
	font-size: 11px;
}

.loadtimetextboxes2::-webkit-inner-spin-button, 
.loadtimetextboxes2::-webkit-outer-spin-button,
.loadtimetextboxes2::-webkit-calendar-picker-indicator { 
  display: none;
  -webkit-appearance: none; 
  margin: 0; 
}

.labortextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 145px;
}	
	
.carriertextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 180px;
}		

.potextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 70px;
}	

.ratetextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 275px;
}	

.addlqtextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 45px;
}	

.amounttextboxes
{
	border-color: grey;
	border-style: inset;
	height: 25px;
	width: 85px;
}