.nav-item { list-style:none; padding-right: 12px; }
.navbar-toggler-icon { font-size: 18px; line-height: 20px; }
.header { margin-bottom: 12px; }
section h4 { padding-left: 12px; color: #fff; background: #4E5761; line-height: 2.6rem; text-transform: uppercase;}
section { margin-bottom: 12px; }
.col-lg-4 { margin-bottom: 12px; }
/*forms*/
.input-text, select.input-select { border: 1px solid #D6D6D6; }
.button { background: #F2F2F2; border: 1px solid #D6D6D6; border-radius: 3px; }
.auto-item-form {}
.auto-item-form .auto-item,
.input-select-item-group { width: 70%; margin-right: 3%;  }
.new-item-group { margin-top: 12px; }
.auto-item-form .auto-item-submit { width: 25%;  }
.ac_results ul li { padding-top: 4px; padding-bottom:3px; }
li.ac_even { background: #E8E8E8; }
li.ac_odd {background-color: #F4F4F4;}
.ac_results { background-color: #fff; z-index: 20;}
.ac_results ul { margin: 0; padding: 0; }
.ac_results ul li { padding-left: 6px; cursor:pointer;}
.ac_results ul li.ac_over { background: #F2F2F2; }
/*logon*/
.logon-pass, .logon-submit { width: 100%; font-size: 2rem; line-height: 1.1;}

.shop-list .item { font-size: 16px; margin-bottom: 8px; border-radius: 6px; padding: 6px;}
.shop-list .item.odd { background-color:#EDEDEF}
.shop-list .item.even { background-color: #DDDDE1; }
.shop-list .item.purchased { background: #AEFFC2; }
.shop-list .item.purchased .item-name { color: #005515; text-decoration: line-through; }
.shop-list .item.purchased .item-purchased { color: #005515; font-size:11px; }
.shop-list .item .item-shop { width: 22px; height:22px; float:left; position:relative; cursor: pointer;}
.shop-list .item .item-shop.shop-0 { font-size: 16px; line-height: 22px; display: inline-block; height: 22px; border-radius: 6px; padding: 0 9px 0 6px; cursor: pointer; border: 1px solid #888a90;}
.shop-list .item .item-shop.shop-0 { background: #fff url(../images/shops.png) no-repeat 0px -100px; }
.shop-list .item .item-shop.shop-1,
.shop-list .shop-actions .shop .shop-1 { background: url(../images/shops.png) no-repeat 0px 0px; }
.shop-list .item .item-shop.shop-2,
.shop-list .shop-actions .shop .shop-2 { background: url(../images/shops.png) no-repeat 0px -24px; }
.shop-list .item .item-shop.shop-3,
.shop-list .shop-actions .shop .shop-3 { background: url(../images/shops.png) no-repeat 0px -49px; }
.shop-list .item .item-shop.shop-4,
.shop-list .shop-actions .shop .shop-4 { background: url(../images/shops.png) no-repeat 0px -73px; }
.shop-list .shop-actions { width: 168px; margin: 0; padding: 10px; background-color: #fff; border-radius: 6px; position: relative; z-index: 10; border: 1px solid #CCCCCC; }
.shop-list .shop-actions .shop { width: 100%; }
.shop-list .shop-actions .shop-action { display:block; padding: 6px; height: 38px; }
.shop-list .shop-actions .shop .shop-icon { display: block; float:left; width:22px; height:22px; margin-right: 12px; }
.shop-list .shop-actions .shop .shop-name { display: block; float:left; width: 100px; height:22px; }
.shop-list .item .item-name { padding-left: 4px; }
.shop-list .item .item-qty { padding-left: 6px; }
.shop-list .item .item-actions { display:block; float: right; width: 70px; list-style:none; margin:0; padding:0; }
.shop-list .item .item-actions li { display:inline; text-align:right; width: 39px; margin-left:0; padding:0; }
.shop-list .item .item-actions li a { font-size: 16px; line-height: 22px; display: inline-block; height: 22px; border-radius: 6px; padding: 0 9px 0 6px; cursor: pointer; }
.shop-list .item .item-actions li a:hover { text-decoration:none; } 
.shop-list .item .item-actions li a.checked { color: #060; background-color: #E6FFE6; border: 1px solid #A4FFA4; }
.shop-list .item .item-actions li a.cross { color: #F00; background: #FFF0F0; border: 1px solid #FFD7D7; }
.shop-list .item a.item-plus-link { font-size: 16px; color: #060; padding: 0 6px; background-color: #E6FFE6; border: 1px solid #A4FFA4; border-radius: 6px; }
.shop-list .item a.item-plus-link:hover { text-decoration: none; }

/* MISC */
.clear { clear:both; float:none; font-size: 1px; line-height: 1px; display: block; margin: 0px; padding: 0px; height: 1px; }
.center { text-align:center; margin: inherit auto; }