body, .form-control {
    color:black;
}

/* #bincode:focus, #itemcode:focus, #skucode:focus, .itemqtys:focus { */
/*    background-color:#F0FFF0; */
input:focus {
    background-color:#9ACD32;
}

input#itemcode {
    text-transform:uppercase;
}

#itemlist > ul,
#ibinlist > ul,
#ubinlist > ul,
#pbinlist > ul,
#picklist > ul,
#iskulist > ul {
    list-style:none;
    padding:0;
}

#itemlist > ul > li,
#ibinlist > ul > li,
#ubinlist > ul > li,
#pbinlist > ul > li,
#iskulist > ul > li {
    line-height:44px;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid grey;
}

.main {
    padding-left:0;
    padding-right:0;
}

.itemqtys {
    width:50px;
    margin-top:4px;
    padding:3px 5px;
    font-size:1em;
}

.center {
    text-align:center;
}

.bb {
    width:100%;
    font-weight:bold;
    font-size:1.5em;
    padding:12px;
    height:auto;
    display:inline-block;
}

.nonitem > td {
    background-color:#FFFFE0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.oqty {
    float:right;
/*    color:#ed1b24; */
    color:white;
    padding-right:5px;
}

.redsum {
    margin-left:5px;
    color:white;
/*    background-color:#ed1b24; */
    background-color:white;
    padding:0 5px 3px 5px;
    border-radius:4px;
    font-size:16px;
    margin-top:0px;
    position:absolute;
}

.picktable, .loadtable, .ttable, .sliptable, .sittable {
    width:100%;
}

.picktable td, .ttable td, .sliptable td, .sittable td {
    border:1px solid #ccc;
    padding:0 10px;
    color:black;
    font-weight:bold;
}

td.green {
    background-color:green;
    color:white;
}

td.pbin, td.psku, td.pqty {
    font-size:16px;
}

td.abin, td.asku, td.aqty {
    font-size:16px;
    padding:0 5px;
}

td.ubin, td.uqty, td.xqty {
    font-size:16px;
}

td.tsku, td.tqty {
    font-size:16px;
    padding:0 5px;
}

td.pbin {
    width:25%;
}

td.aqty, td.tqty {
    text-align:right;
}

.loadtitle {
    padding:0 5px;
    font-weight:bold;
}

.loadtable {
    font-weight:bold;
}

.btn-red {
    background-color:#b22222;
    color:white;
}

.untable {
    width:100%;
}

.untable > tbody > tr > td {
    border:1px solid #ccc;
    padding:0 10px;
    font-weight:bold;
    font-weight:16px;
}

.untable > tbody > tr > td.uqty, .untable > tbody > tr > td.xqty {
    text-align:right;
}

.red {
    color:#b22222;
}

.btn-amber, .btn-amber:active, .btn-amber:visited {
    background-color:#FF8C00;
    color:black;
}

.btn-primary {
    background-color:#666;
    border-color:#555;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color:#333;
    border-color:#000;
}