#addonInventoryOptions div.field{display:inline-block;vertical-align:top;}
#addonInventoryOptions div.field>label{padding-bottom:1px;font-size:11px;text-transform:uppercase;font-weight:bold;}
#addonInventoryOptions div.field.spaced{margin-right:15px;}

#addonInventoryOrderOptions div.field{display:inline-block;vertical-align:top;}
#addonInventoryOrderOptions div.field>label{padding-bottom:1px;font-size:11px;text-transform:uppercase;font-weight:bold;}
#addonInventoryOrderOptions div.field.spaced{margin-right:15px;}

#addonInventoryOutputTable div.header>div.label>div{font-size:16px;}
#addonInventoryOutputTable div.category{background:rgba(0,0,0,0.1);}
#addonInventoryOutputTable div.category>div.label>div{font-size:14px;}
#addonInventoryOutputTable div.category>div.label>div>a{color:#FFF;}
#addonInventoryOutputTable div.category>div.label>div>a:hover{text-decoration:underline;}
#addonInventoryOutputTable div.category>div>div{text-transform:uppercase;}
#addonInventoryOutputTable div.category>div:not(.label)>div{opacity:0.5;}
#addonInventoryOutputTable div.product:hover{background:#EEE;}
#addonInventoryOutputTable div.product.last>div{border-bottom:0px !important;}
#addonInventoryOutputTable div.product>div.label>div{font-size:13px;}
#addonInventoryOutputTable div.product>div.label>div>a{color:#333;}
#addonInventoryOutputTable div.product>div.label>div>a:hover{text-decoration:underline;}
#addonInventoryOutputTable div.product div.ind{display:inline-block;font-size:11px;padding-left:3px;}
#addonInventoryOutputTable div.product>div.location.inactive{background:repeating-linear-gradient(45deg,#EEE,#EEE 10px,#DDD 10px,#DDD 20px) !important}
#addonInventoryOutputTable div.product>div.location{border-left:1px solid #DDD;}
#addonInventoryOutputTable div.product>div.stocks{border-left:1px solid #DDD;}
#addonInventoryOutputTable div.product>div.number div.stock{font-weight:bold;font-size:16px;display:inline-block;}
#addonInventoryOutputTable div.product>div.number div.waiting{display:inline-block;margin-left:5px;font-weight:bold;color:#006699;}
#addonInventoryOutputTable div.product>div.number div.stock>div.ind{display:inline-block;font-size:12px;padding-left:3px;}
#addonInventoryOutputTable div.product>div.number div.stock>div.treshold{display:inline-block;}
#addonInventoryOutputTable div.product>div.number div.stock>div.treshold::before{content:"/";padding:0px 5px;}
#addonInventoryOutputTable div.product>div.number div.stock.green,#addonInventoryOutputTable div.product>div.number div.stock.green *{color:#009900;}
#addonInventoryOutputTable div.product>div.number.green{background:rgba(200,255,200,0.25) !important;}
#addonInventoryOutputTable div.product>div.number div.stock.orange,#addonInventoryOutputTable div.product>div.number div.stock.orange *{color:#996600;}
#addonInventoryOutputTable div.product span.green, #addonInventoryOutputTable div.product span.green *{color:#009900;}
#addonInventoryOutputTable div.product span.red, #addonInventoryOutputTable div.product span.red *{color:#990000;}
#addonInventoryOutputTable div.product>div.number.orange{
    background: rgba(255,220,200,0.35) !important;
    box-shadow: 0px 0px 15px 0px rgba(180,80,0,0.5) inset;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(180, 80, 0, 0.5) inset;
    -moz-box-shadow: 0px 0px 15px 0px rgba(180,80,0,0.5) inset;
}
#addonInventoryOutputTable div.product>div.number div.stock.red,#addonInventoryOutputTable div.product>div.number div.stock.red *{color:#990000;}
#addonInventoryOutputTable div.product>div.number.red{
    background: rgba(255,200,200,0.35) !important;
    box-shadow: 0px 0px 15px 0px rgba(130,0,0,0.5) inset;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(130,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 15px 0px rgba(130,0,0,0.5) inset;
}

#addonInventoryForm{border-radius:5px;margin-top:10px;}
#addonInventoryForm:empty{display:none;}
#addonInventoryForm div.title{background:#666;color:#FFF;padding:5px 10px;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px;font-size:16px;}
#addonInventoryForm div.mcui-form{padding:10px 10px 0px 10px;border:1px solid #666;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#addonInventoryForm div.mcui-form div.inline{display:inline-block;vertical-align:top;margin-right:15px;}
#addonInventoryForm div.gen_msg{margin-bottom:15px;}
#addonInventoryForm div.gen_tab{margin-bottom:0px;}

#addonInventoryTransaction{display:none;}

#addonInventoryOutput{margin-top:10px;}

#addonInventoryNoProductSearchMessage{display:none;}

#addonInventoryTransactionFormNewButton{display:block;color:#666;}
#addonInventoryTransactionFormHolder{display:none;}

#addonInventoryLocationLabel div.location{font-weight:bold;font-size:16px;}
#addonInventoryLocationLabel div.branch{font-size:11px;text-transform:uppercase;}

#addonInventoryTransactionForm div.stock{border:2px solid #BBB;padding:5px 7px;font-size:16px;font-weight:bold;background:#EEE;color:#999;text-align:center;}
#addonInventoryTransactionForm div.stock.neg{border-color:#990000;color:#990000;background:rgba(255,0,0,0.1);}
#addonInventoryTransactionForm div.stock.pos{border-color:#009900;color:#009900;background:rgba(0,255,0,0.1);}

#transactionWay{margin:0px;}
#transactionWay div.tab svg{margin:8px 0px 0px 0px;opacity:0.5;fill:var(--highlight);width:24px;height:24px;}
#transactionWay div.tab.selected svg{opacity:1;}

#addonInventoryTransactionActions{display:none;text-align:right;}
#addonInventoryTransactionActions>div.mcui-button{margin:0px 0px 15px 15px;}

#appTransactionsList svg{fill:var(--highlight) !important;}

/* ORDERS */
#addonInventoryOrderHeader{font-size:20px;line-height:40px;margin-bottom:15px;}
#addonInventoryOrderActions{text-align:right;margin-bottom:10px;}
#addonInventoryOrderActions.float{float:right;}
#addonInventoryOrderTitle{text-align:center;font-size:20px;margin-top:30px;}
#addonInventoryOrderSupplierChooser{text-align:center;}
#addonInventoryOrderSupplierChooser div.mcui-button{margin:15px;}
.order_form{background:rgba(0,0,0,0.035);padding:10px;margin-bottom:15px;border-radius:5px;}
.order_form input,.order_form textarea,.order_form .mcui-select>div.holder{background:#FFF !important;}
#addonInventoryOutputTable input{width:100px;text-align:center;}
#addonInventoryOutputTable .header *{color:#FFF;}
#addonInventoryOutputTable .header>div>div div{display:inline-block;}
#addonInventoryOutputTable .header>div>div div.ind{margin-left:5px;font-size:11px;}
#addonInventoryOutputTable .header>div>div span.green,#addonInventoryOutputTable .header>div>div span.green *{color:#BBFFBB;}
#addonInventoryOutputTable .header>div>div span.red,#addonInventoryOutputTable .header>div>div span.red *{color:#FFBBBB;}
#addonInventoryOutputTable .header.total span.na{opacity:0.5;}
#addonInventoryOrderCommitButton{display:block;}

.addonInventoryActions{text-align:right;}
.addonInventoryActions div.mcui-button{margin-left:10px;}

.product_tags{display:inline-block;}
.product_tags .product_tag{display:inline-block;margin-left:5px;font-size:11px;line-height:11px;padding:3px 3px;}

#addonInventoryOrderSearchProductTab{margin-bottom:10px;display:block;}