body {
    text-decoration: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0px;
    font-size: 8pt;
    width:100%;
    height:320px;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -110px;
    margin-top:0px;
    margin-bottom:0px;
    overflow-y: auto;
    overflow-x: hidden;
    /*background-image: url('/grid.bmp');*/
}

#scangunscreen{
    width:210px;
    height:auto;    
}


img { border: 0; }

.small-font {
    font-size: 8px;
}

a,a:visited,a:focus,a:active {
    color: slategray;
    text-decoration: none;
}

.pull-right {
    float: right;
}
.pull-left {
    float: left;
}

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}

/*Scan container will allow the scanbuttons and content to be centered*/
.scanwrapper {
    height: auto;
    position: relative;
}

#scangun_replen_errormsg {
    text-align:center;
    font-size:14px;
    height:20px;
    width:100%;
    color:black; 
    margin-bottom:10px;
}
#scangun_replen_header{ position:relative; min-height:80px;  }
#scangun_replen_header .t1{float:left;width:78px;text-align:center;border-right:2px dotted grey; font-size:12px}
#scangun_replen_header .t2{float:left;width:78px;text-align:center; font-size:12px}
#scangun_replen_header .d1{float:left;width:78px;text-align:center;border-right:2px dotted grey; font-size:10px}
#scangun_replen_header .d2{float:left;width:78px;text-align:center; font-size:10px}


#eaches_header{ position:relative; min-height:80px;  }
#eaches_header .t1{float:left;width:60px;text-align:center;border-right:2px dotted grey; font-size:12px}
#eaches_header .t2{float:left;width:60px;text-align:center; font-size:8px}
#eaches_header .d1{float:left;width:60px;text-align:center;border-right:2px dotted grey;border-bottom:2px dotted grey; font-size:6px}
#eaches_header .d2{float:left;width:76px;text-align:center;border-bottom:2px dotted grey; font-size:7px}

#eaches_instruction {margin-top:60px;}
#eaches_input{margin-bottom:30px;margin-top:10px;}

#scangun_replen_instructions{
    position:relative;
    min-height:80px;
    margin-top:20px;
}
#scangun_replen_input{
    margin-bottom:20px;
}

#history{
    /* width: 120px; */
    text-align:left;
    weight:bold;
    font-size:12px;
}

.scanbuttons {
    text-align: center;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.scanbuttons button {
    width: 66px;
    margin: 2px;
    padding: 2px;
}

input {
    width: 200px;
}
.scaninput {
    text-align: center;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.inputScanEntry {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

.indent {    
    margin-left: 15px;
}


.loginbutton {
    width: auto !important;
}



#scanfullscreen{
    width:auto;
    height:auto; 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;  
    }

.border-dotted {
    border-bottom: 1px dotted grey !important; 
    padding: 2px;
    text-align: center;
}

.border-solid {
    /*border-top: 1px solid #FFF;*/ 
    /*border-right: 1px solid #FFF;*/ 
    border-bottom: 1px solid #eeeeee; 
    /*border-left: 1px solid #FFF;*/ 
    padding-top: 4px;
}
.heading {
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 1px;
    margin-top: 4px;
    font-weight: bold;
    
    /*background-color: #F1F1F1;*/
    border-bottom: 2px solid #7494B3;
    /*background-color: slategray;*/
    color: #313F4D;
}

.icon {
   position: relative;
   margin: 20px;
   width: 60px;
}
.forklift {
   position: relative;
   width: 200px;
}

.scan_menu_row { 
    position:relative;
    float:left;
    width: 100%;
}

.menu td {
    padding: 3px;
    margin: 0px;
    width:32.4%;
font-size:12px;
}

.home td {
    padding: 3px;
    margin: 0px;
    width:32.4%;
    text-align: center;
font-size:12px;
}

.scan_menu_height {
    height: 20px;
}

table {
    border-collapse: collapse;
    width:100%;
}


.error {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: red !important;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.success {
    font-size: 14px;
    font-weight: bold;
    background-color: lightgreen !important;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.eaches_message {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#000080 !important;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

#btSubmit,#pzp
{
    width: 50px;
}

.footer {
    position: absolute;
    bottom:0px;
    background-color: #FFFFFF;

}

#eachesMessage{
   width:100%;   
}

/*----------------------------------------------------EACH PICK----------------------------------------------------*/

#eachpick_header_box{       min-height:40px;}
#eachpick_instruction_box{  min-height:50px;}
#eachpick_instruction {     font-size: 10px;   font-weight: bold;}
#eachpick_errormsg{         font-size: 12px;   font-weight: bold;   padding-top:3px;}
#eachpick_skucounts_box{    min-height:40px}
#eachpick_buttons{          margin-top:5px;   min-height:30px}
.eachpick_header_text{      font-size: 11px;  text-align: center}

/*----------------------------------------------------BATCHPICK----------------------------------------------------*/

#batchpick_header_box{       min-height:40px}
#batchpick_instruction_box{  min-height:50px;}
#batchpick_instruction {     font-size: 10px;   font-weight: bold;}
#batchpick_errormsg{         font-size: 12px;   font-weight: bold;   padding-top:3px;   min-height:18px}
#batchpick_skucounts_box{    min-height:40px}
#batchpick_buttons{          margin-top:0px;   min-height:30px}
#batchpick_input{            margin-top:10px;}
.batchpick_header_text{      font-size: 10px;  font-weight: bold; text-align: center}

/*----------------------------------------------------CARTON PICK--------------------------------------------------*/

#cartonpick_instruction_box{    min-height:50px;margin-top:5px;margin-bottom:20px;padding-top:15px;padding-bottom:15px;}
#cartonpick_instruction {       font-size:16px; font-weight:bold}
#cartonpick_header_box{         min-height:40px;   border-top: 1px dotted grey;   margin-bottom:5px;}
#cartonpick_scanfrom{           border-right: 1px dotted grey;}
#cartonpick_id_workorder{       border-right: 1px dotted grey;text-align: center;}
#cartonpick_countdown{          text-align: center;}
#cartonpick_errormsg_box{       margin-top:7px;} 
#cartonpick_history_box{} 
#cartonpick_history{} 
#cartonpick_buttons_box{        margin-top:10px;} 
/*---------------------------------------------------- CYCLECOUNT --------------------------------------------------*/

#cyclecount_instruction_box{    min-height:46px;   background:red;   margin-top:5px;   margin-bottom:5px;}
#cyclecount_instruction{        padding-top:4px;   font-size: 14px;   font-weight: bold;   color:white;}
#cyclecount_shelfcount{         margin-left:10px;  padding-top:4px;   font-size: 16px;   font-weight: bold;   color:white; font-weight: bold; text-align:left; float:left }
#cyclecount_cartoncount{        margin-right:10px; padding-top:4px;   font-size: 16px;   font-weight: bold;   color:white; font-weight: bold; text-align:right }
#cyclecount_input_box{}
#cyclecount_buttons_box{        margin-top:3px;}
#cyclecount_history_box{        margin-top:15px;}
#cyclecount_status_box{}
#cyclecount_buttons_box .scanbuttons button {    width: 45px;     margin: 2px;    padding: 1px;    font-size:11px;}
#cyclecount_buttons_box .scanbuttons button {    width: 45px;     margin: 2px;    padding: 1px;    font-size:11px;}

.cyclecount_shelf{              color:blue;margin-top:-10px}
.cyclecount_container{          color:brown;margin-left:20px;margin-top:-10px}
.cyclecount_sku_in_container{   color:green;margin-left:40px;margin-top:-10px} 
.cyclecount_sku_on_shelf{       color:magenta;margin-left:20px;margin-top:-10px} 
.cyclecount_sealed_container{   color:red;margin-left:40px;margin-top:-10px} 

.carton_cyclecount_container{   color:blue;margin-top:-10px;margin-left:10px;font-size: 14px;font-weight: bold;}
.carton_cyclecount_sku{         color:green;margin-left:20px;} 

#SEALED{color:black}
#SEALED_FADE{color:silver}
#ISEMPTY{color:black}
#ISEMPTY_FADE{color:silver}
#UNDO{color:black}
#UNDO_FADE{color:silver}
#CLEAR{color:black}
#CLEAR_FADE{color:silver}

/*---------------------------------------------------- ITEM MOVE --------------------------------------------------*/
#itemmove_instruction_box{ min-height:70px;   margin-top:5px; margin-bottom:15px; border:2px solid black;}
#itemmove_instruction {    padding-top:14px; font-size: 12px; font-weight: bold; color:white;}
#itemmove_input_box{}
#itemmove_message_box{     min-height:30px; margin-top:5px;}
#itemmove_history_box{     margin-top:15px;}
#itemmove_status_box{}
#itemmove_buttons_box{     margin-top:3px;}

/*---------------------------------------------------- CLEANUP --------------------------------------------------*/
#cleanup_instruction_box{   min-height:50px;   margin-top:5px; margin-bottom:15px; border:2px solid black}
#cleanup_instruction {      padding-top:10px; font-size: 12px; font-weight: bold; color:black;}
#cleanup_input_box{}
#cleanup_message_box{       min-height:30px; margin-top:5px;}
#cleanup_buttons_box{       min-height:30px; margin-top:5px;}

/*---------------------------------------------------- PUTAWAY --------------------------------------------------*/
#putaway_instruction_box{   min-height:70px;   margin-top:5px; margin-bottom:15px; border:2px solid black}
#putaway_instruction {      padding-top:14px; font-size: 12px; font-weight: bold; color:white;}
#putaway_input_box{}
#putaway_message_box{       min-height:30px; margin-top:5px;}
#putaway_history_buttons_box{       margin-top:5px;}
#putaway_status_box{}
#putaway_buttons_box{       margin-top:3px;}
.putaway_pallet{            width:40%;float:left; }
.putaway_shelf{             width:40%;float:left; }  
.putaway_countdown{         width:20%;text-align:center }  
#BTNHISTORY{                color:BLACK;font-size:14px;margin-left:-9999px}
#BTNDUMMY{                  color:SILVER;font-size:14px;margin-left:-9999px}
#BTNEXITHISTORY{            color:BLACK;font-size:14px;margin-left:-9999px}
.putaway_history_table{     margin-top:20px;margin-bottom:10px}
.history_carton_head {      color:brown; font-size:14px; min-width:48%;}
.history_shelf_head {       color:blue;  font-size:14px; min-width:48%;margin-left:3%}
.history_carton_row {       color:brown; font-size:11px; min-width:48%;}
.history_shelf_row {        color:blue;  font-size:11px; min-width:48%;margin-left:3%}
.history_black {            color:black; font-size:14px; margin-top:0px;}
.history_silver {           color:silver;font-size:14px; margin-top:0px;}

/*---------------------------------------------------- SNAPSHOT --------------------------------------------------*/
#snapshot_pick_options{    margin-top:15px;}
#snapshot_pickbox{         weight:bold;font-size:14px;color:blue;margin-top:-10px;}

#snapshot_instruction_box{ min-height:35px; margin-top:5px; margin-bottom:15px;width:210px;}
    #snapshot_tot_cartons_box{ background-color:black;color:white;color:white;width:60px;min-height:35px;float:left;} 
    #snapshot_instruction {    background-color:black;color:white;font-size: 16px; font-weight: bold; color:white;width:90px;min-height:35px;float:left;} 
    #snapshot_tot_units_box{   background-color:black;color:white;width:60px;min-height:35px;float:left;} 

#snapshot_message_box{}
#snapshot_input_box{margin-top:10px;}
#snapshot_content_box{}
#snapshot_content{         text-align:left; weight:bold;font-size:12px;}
#snapshot_content h4{      color:red}
#snapshot_status_box{}
#snapshot_buttons_box{}
#snapshot_sku{             padding-bottom:10px; font-size: 16px; font-weight: bold; color:blue;}
#snapshot_order_content         {margin-top:10px;}
#snapshot_order_content td.t1   { color:blue;font-weight:bold; font-size:12px;padding-top:2px;padding-bottom:2px}
#snapshot_order_content td.t2   { color:black;font-weight:bold;font-size:12px;padding-top:2px;padding-bottom:2px}
#snapshot_order_content td.t3   { color:green;font-weight:bold;font-size:12px;padding-top:2px;padding-bottom:2px;text-align:center}


.snapshot_loc_root{        font-size: 18px; font-weight: bold; color:blue;xxmargin-top:15px}

.snapshot_loc_carton{      font-size: 14px; font-weight: bold; color:#8E4F0F;}
.snapshot_loc_sku{         font-size: 10px; font-weight: bold; color:green;margin-top:-20px;}
.snapshot_loc_qty{         font-size: 10px; font-weight: bold; color:black;}
.snapshot_loc_quality{     font-size: 10px; font-weight: bold; color:red;}
.snapshot_location{        font-size: 10px; font-weight: bold; color:#8E4F0F;}
.snapshot_qty{             font-size: 10px; font-weight: bold; color:black;}
.snapshot_sku2{            font-size: 10px; font-weight: bold; color:GREEN;}
.snapshot_tot{             font-size: 10px; font-weight: bold; color:black;}

.snapshot_sku_header{      font-size: 12px; font-weight: bold; color:GREEN; margin-top:15px}
.snapshot_sku_root{        font-size: 9px; font-weight: bold; color:blue;}
.snapshot_sku_carton{      font-size: 9px; font-weight: bold; color:#8E4F0F;}
.snapshot_sku_qty{         font-size: 9px; font-weight: bold; color:black;}
.snapshot_sku_qual{        font-size: 9px; font-weight: bold; color:black;}

.snapshot_shelf{                font-size: 14px; font-weight: bold; color:green;}
.snapshot_sealed_container{     font-size: 12px; font-weight: bold; color:black;}
.snapshot_unsealed_container{   font-size: 12px; font-weight: bold; color:#897414;color:BROWN;}
.snapshot_sku{                  font-size: 11px; font-weight: bold; color:BLUE; }
.snapshot_header_counts {   background:black;float:left;width:26%;color:white}


/*---------------------------------------------------- REPLENPUT --------------------------------------------------*/

#xxxreplenput_header_box      { margin-bottom:10px;margin-top:-15px;background:yellow}
#xxxreplenput_header_box_title{ border-top:2px dotted grey;border-bottom:2px dotted grey;}
#xxxreplenput_header_box  .t1 { font-weight:bold;float:left;width:48.4%;text-align:center;border-top:1px dotted grey;border-bottom:1px dotted grey;font-size:12px}
#xxxreplenput_header_box  .t2 { font-weight:bold;float:left;width:48.4%;text-align:center;border-top:1px dotted grey;border-bottom:1px dotted grey;font-size:12px}
#xxxreplenput_header_box  .d1 { float:left;width:48.4%;text-align:center;border-right:1px dotted grey;}
#xxxreplenput_header_box  .d2 { float:left;width:48.4%;text-align:center; border-right:0px dotted grey;}
#xxxreplenput_scanfrom           { border-right: 1px dotted grey;}
#xxxreplenput_instruction_box h1 { font-size:16px; color:black; font-weight:bold; padding:10px 0 10px 0} 
#xxxreplenput_instruction_box h2 { font-size:16px; color:white; font-weight:bold; padding:10px 0 10px 0}    /* used for errormsg */
#xxxreplenput_instruction_box2    { margin-bottom:5px;margin-top:-50px; background:#ADF7C8;min-height:50px} /* light green background */
#xxxreplenput_instruction_box2 h1 { font-size:16px; color:black; font-weight:bold; padding:10px 0 10px 0}
#xxxreplenput_boxinfo          { font-size:14px; margin-top:10px;  } 

#replenput_errormsg_box       { background:red; color:white;margin-top:10px;margin-bottom:10px;} 
#replenput_errormsg_box  h1   { font-size:16px; font-weight:bold; padding:10px 0 10px 0} 
#replenput_errormsg_box  h2   { font-size:16px; font-weight:bold; padding:10px 0 10px 0} 
#replenput_errormsg_box  p    { font-size:16px; font-weight:bold; padding:30px 0 30px 0} 
#replenput_instruction_box    { margin-bottom:15px;margin-top:0px;background:#ADF7C8;min-height:50px}   /* light green background */
#replenput_instruction        { padding-top:15px;padding-bottom:15px;font-weight:bold;font-size:14px;}



/*---------------------------------------------------- TRANSFER ----------------------------------------------------*/
#transfer_pick_options{    margin-top:15px;}
#transfer_instruction_box{ min-height:50px;   margin-top:5px; margin-bottom:5px; border:2px solid black;}
#transfer_instruction {    padding-top:5px; padding-bottom:5px; font-size: 14px; font-weight: bold; color:white;}
#transfer_input_box{}
#transfer_message_box{     min-height:20px; margin-top:  5px;}
#transfer_message {        font-size: 16px; font-weight: bold; color:white;}

/*---------------------------------------------------- HISTORY  ----------------------------------------------------*/
.history_task { background:#ADF7C8;color:black;font-size:11px}
.history_container { background:#F2B646;color:black;font-size:11px}
.history_shelf { background:#6A8AF2;color:white;font-size:11px}

#history td { font-size:9px;padding:2px}

/*---------------------------------------------------- CARTONIZE --------------------------------------------------*/

#cartonize_instruction_box{ min-height:70px;   margin-top:5px; margin-bottom:15px; border:2px solid black;}
#cartonize_instruction {    padding-top:14px; font-size: 12px; font-weight: bold; color:white;}
#cartonize_input_box{}
#cartonize_message_box{     min-height:30px; margin-top:5px;}
#cartonize_history_box{     margin-top:15px;}
#cartonize_status_box{}
#cartonize_buttons_box{     margin-top:3px;}

#mainscreen_instruction_box{ min-height:70px;   margin-top:5px; margin-bottom:15px; border:2px solid black;}
#mainscreen_instruction {    padding-top:14px; font-size: 14px; font-weight: bold; color:white;}
#mainscreen_input_box{}
#mainscreen_message_box{     min-height:30px; margin-top:5px;}
#mainscreen_history_box{     margin-top:15px;}
#mainscreen_status_box{}
#mainscreen_buttons_box{     margin-top:3px;}

#pickbysku {
    color:red;
    background:white;
    font-size: 12px;
    font-weight:bold;
    width:120px;
}

#REVERSEPICK {
    font-weight:BOLD;
}

/*---------------------------------------------------- Bulk Batch Sort --------------------------------------------------*/

#sort_instructions{
    font-size: 16px;
    /*font-family: Courier New;*/
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom:2px;
    border: 1px solid black;
    margin-bottom:2px;
}

#sort_summary{
    font-size: 11px;
}

.scanpicklabel {
    background-color: #f0ad4e; /*yellow*/
    color: black;
}

.scanunit {
    background-color: #5bc0de;/*blue*/
    color: black;
}
.scanemptytote {
    background-color: #5cb85c;/*green*/
    color: white;
}


.scantote {
    background-color: #119dae;/*teal*/
    color: white;
}

.scanslot {
    background-color: #8E4F0F;/*brown*/
    color: white;
}