/* 
    Created on : 14 Μαϊ 2014, 4:50:16 μμ
    Author     : nick
*/

/* ==================== */
/* USER AGENT DEPENDENT */
/* ==================== */

/* Via JS in master layout template */

/* Target Internet Explorer */
html[data-useragent*="Trident"] input[type="text"] {
    height: 26px;
}

html[data-useragent*="Trident"] select {
    height: 26px;
}

/* ======================================= */
/* Master Template */
body {
    background-color: #e4e4e4;
}

table {
    background-color: whitesmoke;
}

#main-navbar {
    margin-bottom: 0px;
}

div.navbar-header {
    min-width: 260px;
}

span#appver {
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin-left: -48px;
    padding-top: 32px;
}

div#page_title {
    color: #F8F8FF;
    display: inline-block;
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    position: absolute;
    left: 0px;
}

div#link_to_route {
    display: inline-block;
    min-width:240px;
}

ol.breadcrumb {
    margin-bottom: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.edit-at-right {
    float: right;
}

li.edit-at-right::before {
    content: "" !important;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}

div.dev-env-alert {
    margin-top: 5px;
}

ul.nav-tabs li a {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.panel-heading {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.tab-pane {
    padding-top: 8px;
}

/* fix for angular JS and Bootstrap conflict */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }


/* Saving Status Indicators  */
span.glyphicon.glyphicon-refresh.ng-status-saving {
    color: black;
}

span.glyphicon.glyphicon-refresh.ng-status-needs-saving {
    color: gray;
}

/* Ajax Loading Indicator */
#ajax-loading-indicator {
    height: 20%;
    left: 40%;
    position: fixed;
    text-align: center;
    top: 40%;
    vertical-align: middle;
    width: 20%;
}

/* Keep Angular Apps inivisible until loaded */
div[ng-cloak]{
    display: none !important;
}

/* Remove extra line break from rapyd filters */
div.rapyd_top_filter br {
    display: none;
}

/* Remove extra line break from rapyd data grids */
div.rapyd_data_grid br {
    display: none;
}
div.rapyd_data_grid table br {
    display: inline;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

/* made inline top_filter block */
div.rapyd_top_filter {
    display: inline-block;
    padding-bottom: 3px;
    float: left;
}

/* No Margin for pagination links innside rapyd data grids */
div.rapyd_data_grid div.pagination {
    margin: 0px 0px;
}

div.rapyd_data_grid div.pagination ul.pagination {
    margin: 0px 0px;
}

/* Add a padding between multiple buttons after rapyd grids */
div.rapyd_bottom_buttons_div a.btn.btn-default {
    margin-left: 5px;
}

div.rapyd_data_grid table.table {
    margin-bottom: 10px;
}

div.rapyd_bottom_buttons_div {
    padding-top: 3px;
    display: inline-block;
    float: right;
}
/* Move button 42 pixels to the top when following a rapyd grid that has pagination links
CSS has pseudo selector only works in jQuery - moved to /public/js/rapyd_grid_fix_bottom_buttons_positioning.js
div.rapyd_data_grid:has("div.pagination") + a.btn.btn-default 
    margin-top: -42px;
}
*/

/* Product Types typeahead styling */
span.ptypes-tahead-sup-code{
    min-width: 10px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    color: darkmagenta;
}


div.enable-br br {
    display: initial;
}

/* ======================================= */

/* Create Labels Screen */

/* Blue BackGround on the Header & Larger Font Size*/
#label-run-screen div#products div.panel > div.panel-heading {
    font-size: 47px;
    background-image: -webkit-linear-gradient(top,#9FBDFF 0,#5386B8 100%);
    background-image: linear-gradient(to bottom,#9FBDFF 0,#5386B8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9FBDFF', endColorstr='#FF5386B8', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#label-run-screen select#labels_layout {
    font-size: 18px;
    float: right;
    margin-top: 20px;
}

/* label run notes */
textarea#user_notes{
    min-height: 200px;
    min-width: 500px;
    width: 100%;
}

.vertalign-middle {
    vertical-align: middle;
}

.labelrun-row td {
    vertical-align: middle !important;
}

#label-create-buttons-div {
    padding: 8px;
}

.labels-search-form {
    padding-right: 15px;
}

.create-label-product-search-results-grid {
    height: 360px;
}

div.search-form-add-products{
    background-color: #EAEAEA;
    border-top: 1px solid #D4D4D4;
    padding: 0;
    border-bottom: 1px solid #D4D4D4;
}

/* Label Run Search */
div#search-info {
    margin-bottom: 0;
    text-align: center;
}

/* Batch Number Search Buttons */
div#products.tab-pane table.table tr.labelrun-row td div.input-group span.input-group-btn button.btn.btn-sm {
    border: 1px solid;
    height: 26px;
    margin-left: -2px;
    padding-left: 9px;
}

html body div.popover {
    max-width: 500px;
}

/* Chrome CSS fixes for correct display of batch "add-stock button" */
#products > div > table > tbody > tr.labelrun-row.ng-scope > td:nth-child(7){
    width: 10%;
}

#products > div > table > tbody > tr.labelrun-row.ng-scope > td:nth-child(7) > div.input-group{
    width: 40%;
}

/* Low stock condition class */
.batch-not-in-stock {
    color: darkred;
}

.low-stock {
    color: red;
    font-weight: bold;
}

.batch-not-in-stock.low-stock {
    color: orangered;
}


div.multiple-batches-outer ol li {
    padding-left:   4px;
    padding-right:  4px;
}

/* Multiple batches tags */
div.multiple-batches-outer ol li {
    background: none repeat scroll 0 0 #bee9ea;
    border-radius: 4px;
    font-size: 12px;
    list-style: none outside none;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
}

div.multiple-batches-outer ol li span.batch-delete{
    color: red;
    font-weight: bold;
    cursor: pointer;
}

tr.labelrun-bottomrow td {
    vertical-align: middle !important;
}

.btn-has-been-printed {
    background-image: none;
}

div#products .input-narrow {
    max-width: 60px;
}

/* Product Status Indicators */
div#products .glyphicon-print {
    color: #ece9e4;
}

/* Static Header */
thead#static_header {
    background-color: white;
    z-index: 1000;
    border: gray solid 2px;
    padding: 4px;
    margin: 0px;
}


/* Stock Book In Screen */

/* Green BackGround on the Header & Larger Font Size*/
#book-in-screen > div.panel > div.panel-heading {
    font-size: 47px;
    background-image: -webkit-linear-gradient(top,#9FFF9F 0,#53B853 100%);
    background-image: linear-gradient(to bottom,#9FFF9F 0,#53B853 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9FFF9F', endColorstr='#ff53B853', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

form.book-in-form input.form-control {
    padding: 1px 0px;
    font-size: 14px;
    height: 24px;
}

form.book-in-form select.form-control {
    padding: 1px 0px;
    font-size: 14px;
    height: 24px;
}

form.book-in-form button.btn-sm {
    height: 24px;
}

form.book-in-form span.input-group-addon.input-sm {
    height: 24px;
    padding-bottom: 0;
    padding-top: 0;
}

form.book-in-form label.control-label {
    padding: 0px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
}

form.book-in-form div.form-group.has-feedback {
    margin-left: 0px;
}

div.supplier-dropdown-code {
    display: inline-block;
    padding-left: 2px;
    min-width: 42px;
}

/* The lading results icon for the suppliers typeahead */
form.form-horizontal.book-in-form div.form-group.has-feedback span.glyphicon.form-control-feedback{
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    right: 3px;
    top: 3px;
    vertical-align: middle;
    width: 20px;
}

td.book-in-checkbox-td {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}

/* Make Types search box fit to whole column */
input#new-type-typeahead {
    width : 100%;
}


/* Stock Book-Out Screen */

/* Red BackGround on the Header & Larger Font Size*/
#book-out-screen > div.panel > div.panel-heading {
    font-size: 47px;
    background-image: -webkit-linear-gradient(top,#FF9F9F 0,#B85353 100%);
    background-image: linear-gradient(to bottom,#FF9F9F 0,#B85353 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF9F9F', endColorstr='#FFB85353', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

div#book-out-screen div#created_at_date {
    padding-right: 5px;
    float: right;
    font-size: large;
    padding-top: 24px;
}

div#book-out-screen div#is_contract {
    padding-right: 5px;
    float: right;
    font-size: large;
    padding-top: 21px;
}

div#book-out-screen div#top_right {
    float: right;
}

div.bookout-panel > table tr.labelrun-row > td:nth-child(2) {
    width: 15%;
}

div.bookout-panel table.table.table-striped.table-hover.table-condensed tbody tr.labelrun-row td div.input-group span.input-group-btn button.btn.btn-sm {
    border: 1px solid;
    height: 26px;
    margin-left: -2px;
    padding-left: 9px;
}

div.bookout-panel .input-narrow {
    max-width: 60px;
}

/* Fix for batch entry field in book out screen to take all width of cell when long batch numbers make the column wider than default width */
input#new_bookout_entry_batch {
    width: 100%;
}

input#new_bookout_entry_batch:read-only,
input#new_bookout_entry_batch:-moz-read-only,
input#new_bookout_entry_batch[readonly],
input#new_bookout_entry_batch[readonly="readonly"] {
    background-color: white;
}

input#new_bookout_entry_invoice_number {
    width: 100%;
}

/* Wholesale Batch Screen */
input.full_width {
    width: 100%;
}

input#new_wholesale_entry_invoice_number{
    max-width: 100px;
}

input.has-error {
    color: #a94442;
    font-weight: bolder;
    border-color: #a94442;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
}

/* Mix Screen */
li.new_ingredient_entry {
    font-weight: bold;
}

table.ingredients-table input#new_ingredient_entry_batch {
    width: 100%;
}

table.ingredients-table > tbody > tr > td:nth-child(2) > div > input {
    width: 100%;
}

table.ingredients-table > tbody > tr > td:nth-child(2) {
    width: 19%;
    min-width: 100px;
}


/* Batch Close / Transfer Screen */
/* ================================================ */

/* Product Type */
div.batch-transfer-panel > table > tbody > tr > td:nth-child(1) {
    min-width: 100px;
    width: 19%
}

/* Batch Number */
div.batch-transfer-panel > table > tbody > tr > td:nth-child(2),
div.batch-transfer-panel > table > tbody > tr > td:nth-child(5) {
    width: 10%
}

/* weight */
div.batch-transfer-panel > table > tbody > tr > td:nth-child(3) {
    min-width: 170px;
    width: 10%
}

/* Resulting Action */
div.batch-transfer-panel > table > tbody > tr > td:nth-child(4) {
    min-width: 100px;
    width: 19%;
    vertical-align: middle;        
}

div.batch-transfer-panel .input-narrow {
    max-width: 60px;
}

/* Fix add batch buttons */
div.batch-transfer-panel div.input-group span.input-group-btn button.btn.btn-sm{
    border: 1px solid;
    height: 26px;
    margin-left: -2px;
    padding-left: 9px;
}

/* Control row */
div.batch-transfer-panel > table > tbody > tr > td:nth-child(7) {
    width: auto;
}

div.batch-transfer-panel span.action-overstock {
    color: red;
    font-weight: bold;
}

div.batch-transfer-panel span.action-wastage {
    font-weight: bold;
}


/* ================================================ */

/* Wastage Screen */

input#new_wastage_entry_batch {
    width: 100%;
}

/* ================================================ */
/* Stock Book-Out Screen */

div.customlabels-panel > table > tbody > tr.labelrun-row > td {
    padding-left:  2px;
    padding-right: 2px;
}

div.customlabels-panel > table > tbody > tr.labelrun-row > td > input{
    width: 100%;
}

/* Batch Number */
div.customlabels-panel > table > tbody > tr.labelrun-row > td:nth-child(2) {
    width: 12%;
}

/* Batch Number Input*/
div.customlabels-panel > table > tbody > tr.labelrun-row > td:nth-child(2) div.input-group {
    max-width: 225px;
}

/* Weight */
div.customlabels-panel > table > tbody > tr.labelrun-row > td:nth-child(3) {
    width: 2%;
}

/* PO Number */
div.customlabels-panel > table > tbody > tr.labelrun-row > td:nth-child(5) {
    max-width: 60px;
}

/* Custom AZ Barcode */
div.customlabels-panel > table > tbody > tr.labelrun-row > td:nth-child(6) {
    max-width: 70px;
}


div.customlabels-panel table.table.table-striped.table-hover.table-condensed tbody tr.labelrun-row td div.input-group span.input-group-btn button.btn.btn-sm {
    border: 1px solid;
    height: 26px;
    margin-left: -2px;
    padding-left: 9px;
}

div.customlabels-panel .input-narrow {
    max-width: 60px;
}

/* Fix for batch entry field in book out screen to take all width of cell when long batch numbers make the column wider than default width */
new_customlabel_entry_batch {
    width: 100%;
}

input#new_customlabel_entry_batch:read-only,
input#new_customlabel_entry_batch:-moz-read-only,
input#new_customlabel_entry_batch[readonly],
input#new_customlabel_entry_batch[readonly="readonly"] {
    background-color: white;
}

input#new_customlabel_entry_invoice_number {
    width: 100%;
}

/* Inventory Totals Screen */
/*div#inventory_totals div.rapyd_data_grid table thead tr th:nth-child(3),
div#inventory_totals div.rapyd_data_grid table tbody tr td:nth-child(3) {
    text-align: right;
}*/

/* Product Type Editing Screen */
div.per_supplier_type_attributes_grid {
    min-height: 280px;
}

#per_supplier_type_attributes > div > div.ngViewport.ng-scope > div > div > div{
    background-color: inherit;
}

#per_supplier_type_attributes > div > div.ngViewport.ng-scope > div > div > div.inactive-supplier {
    background-color: lightpink !important;
}

/* ================================================ */
/* ================================================ */
/* Admin Screens */
/* ================================================ */
/* ================================================ */

/* User Index Screen */
div#adminuserslist table tr td:last-child {
    display: inline-block;
    text-decoration: none;
}

/* User Action Confirmation Screen */
div#adminuseractionconfirm div.row {
    padding-bottom: 10px;
}

div#adminuseractionconfirm div.row div.col-xs-2 {
    font-weight: bold;
    text-align: right;
}

/* Edit user Details Screen */
div#adminuserdetailsedit {
    width : 75%;
    margin-left: 12.5%;
}

td.no-lr-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* Wrong Weights Report Screen */
div#adminwrongweightsreport td,
div#adminwrongweightsreport th{
    padding-left: 4px;
    padding-right: 2px;
    border: black solid 1px;
}

div#adminwrongweightsreport  table  tr > td:nth-child(1),
div#adminwrongweightsreport  table  tr > td:nth-child(2),
div#adminwrongweightsreport  table  tr > td:nth-child(3),
div#adminwrongweightsreport  table  tr > td:nth-child(5),
div#adminwrongweightsreport  table  tr > td:nth-child(6),
div#adminwrongweightsreport  table  tr > td:nth-child(9)
{
    text-align: right;
}

/* Recover Deleted Label Item Screen */
div#recoverdeletedlabelitems td,
div#recoverdeletedlabelitems th{
    padding-left: 4px;
    padding-right: 2px;
    border: black solid 1px;
}

div#recoverdeletedlabelitems  table  tr > td:nth-child(8),
div#recoverdeletedlabelitems  table  tr > td:nth-child(9),
div#recoverdeletedlabelitems  table  tr > td:nth-child(10)
{
    text-align: right;
}

/* Force Full Magento Sync Screen */
div#full_magento_sync_form textarea#sync-messages {
    width: 100%;
    height: 226px;
}

div#full_magento_sync_form button#start-re-sync {
    float:right;
    margin-top: 11px;
}

/* display two collumns at products edit page */
@media (min-width: 768px){
    .product_data_edit .form-group {
        width: 49%;
        display: inline-block;
    }
    .product_data_edit label.col-sm-2.control-label{
        width: 30%;
        text-align: right;
    }
    .product_data_edit .col-sm-10 {
        width: 50%;
    }

    .product_data_edit  div.form  div.col-sm-10 div.help-block{
        margin-top: 0px;
    }
}

/* label layout editor */
div#label_layout {
    width: 700px;
    height: 400px;
    background: beige;
    border: 1px solid black;
    position: relative;
    margin: auto;
}

div#label_layout div#label {
    width: 600px;
    height: 300px;
    background: white;
    border: 1px solid black;
    border-radius: 10px;
    position: absolute;
    top: 50px;
    left: 50px;
}

div#label_layout div#printable_area {
    width: 580px;
    height: 280px;
    background: transparent;
    border: 1px dotted gray;
    position: absolute;
    top: 10px;
    left: 10px;
}

div#label_layout div#top_area {
    width: 580px;
    height: 140px;
    /* cross hatch pattern */
    background:  linear-gradient(45deg, transparent 45%, #919195 50%, transparent 55%, transparent 100%), 
        linear-gradient(-45deg, transparent 45%, #919195 50%, transparent 55%, transparent 100%);
    background-size: 8px 8px;
    background-position: 4px 4px;
    border: 1px dotted gray;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#label_layout div#left_area {
    width: 100px;
    height: 280px;
    /* cross hatch pattern */
    background:  linear-gradient(-45deg, transparent 45%, #919195 50%, transparent 55%, transparent 100%);
    background-size: 8px 8px;
    background-position: 4px 4px;
    border: 1px dotted gray;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#label_layout div#right_area {
    width: 100px;
    height: 280px;
    /* cross hatch pattern */
    background:  linear-gradient(45deg, transparent 45%, #919195 50%, transparent 55%, transparent 100%);
    background-size: 8px 8px;
    background-position: 4px 4px;
    border: 1px dotted gray;
    position: absolute;
    top: 0px;
    left: 480px;
}

div#label_layout div#main_area {
    width: 380px;
    height: 140px;
    /* cross hatch pattern */
    background: transparent;
    border: 1px dotted red;
    text-align: center;
    position: absolute;
    top: 140px;
    left: 100px;
    white-space: pre-line;
}

div#label_layout div#main_area div {
    border: 2px solid slategray;
    text-align: center;
    clear:both;
    display: inline-block;
    margin-bottom: 2px;
    color: #923F1B;
}

div#label_layout div#main_area div#organic {
    font-family: Trebuchet MS;
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 42px;
}

div#label_layout div#main_area div#type {
    font-family: Trebuchet MS;
    font-size: 29px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 19.8px;
}

div#label_layout div#main_area div#latin_name {
    font-family: Trebuchet MS;
    font-size: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
}

div#label_layout div#main_area div#volume {
    font-family: Tahoma;
    font-size: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    background: #FAE4A2;
    height: 37px;
    left: 144px;
    position: absolute;
    text-align: center;
    top: 110px;
    width: 90px;
}

div#label_layout div#main_area div#batch {
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    left: -95px;
    top: 115px
}

div#label_layout div#main_area div#po {
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    left: 372px;
    width:100px;
    top: 115px;
}

div#label_layout input[type=number] {
    width: 50px;
}

div#label_layout label {
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {  
    opacity: 1;
}

div#label_layout label#left_margin {
    position: absolute;
    top: 130px;
    z-index: 10;
    left: -100px
}

div#label_layout label#right_margin {
    position: absolute;
    right: -110px;
    top: 131px;
    z-index: 10;
}

div#label_layout label#top_margin {
    position: absolute;
    z-index: 10;
    left: 264px;
    top: -30px;
}

div#label_layout label#bottom_margin {
    position: absolute;
    bottom: -40px;
    z-index: 10;
    left: 250px
}

div#label_layout label#left_area_width {
    position: absolute;
    top: 50px;
    z-index: 10;
    left: 10px;
}

div#label_layout label#rigth_area_width {
    position: absolute;
    top: 50px;
    z-index: 10;
    right: 0px;
}

div#label_layout label#top_area_height {
    position: absolute;
    top: 50px;
    z-index: 10;
    left: 250px;
}

div#label_layout div#label_layout {
    text-align: center;
}

div#label_layout div#various_options {
    position: absolute;
    bottom: -50px;
    left: 50px;
}

div#label_layout div#various_options label{
    margin-right: 20px;
}

div#label_layout div#layouts {
    left: 48px;
    position: absolute;
    top: 450px;
}

div#label_layout div#layouts label#flip {
    margin-left: 20px;
}

div#label_layout label#label_info {
    font-style: italic;
    top: -85px;
    position: absolute;
    left: 200px;
}

div.rapyd_data_grid div.debug-note{
    width: 100%;
    text-align: right;
    font-style: italic;
    font-size: 13px;
}

p#total-demand-outcome{
    font-size: 24px;
    width: 100%;
    text-align: right;
}

table#per_pt_demand_table td{
    padding-right: 30px;
    text-align: right;
}

/*** Packing Screens ***/
/* manager screen */
.manager-view-status {
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 2px;
    margin-left: 2px;
    display: inline-block;
    color: white;
    font-weight: bold;
    text-align: center;
}
.manager-view-gray {
    background-color: #D0CECE;
}
.manager-view-printed {
    background-color: #5B9BD5;
}
.manager-view-packed {
    background-color: #ED7D31;
}
.manager-view-delivered {
    background-color: #70AD47;
}
.manager-view-lic {
    width: 40px;
    display: inline-block;
    float: right;
}

.manager-view-sendback {
    display: inline-block;
    float: left;
}

.manager-view-btn {
    font-weight: bold;
}

input.inp-sm.ng-valid.ng-valid-min.manager-view-invalid-value {
    color: red;
}
/* packer screen */
.packer-view-status {
    color: white;
    font-weight: bold;
    text-align: center;
}
.packer-view-gray {
    background-color: #D0CECE;
}
.packer-view-collected {
    background-color: #5B9BD5;
}
.packer-view-printed {
    background-color: #FFC439;
}
.packer-view-packed {
    background-color: #ED7D31;
}
.packer-view-unpicked {
    max-width: 45px;
    background-color: #ED7D31;
}
.packer-view-picked {
    max-width: 45px;
    background-color: #70AD47;
}


/* bulk warehouse screen */
.bulk-warehouse-view-status {
    color: white;
    font-weight: bold;
    text-align: center;
}
.bulk-warehouse-view-gray {
    background-color: #D0CECE;
}
.bulk-warehouse-view-collected {
    background-color: #5B9BD5;
}
.bulk-warehouse-view-unpicked {
    max-width: 45px;
    background-color: #ED7D31;
}
.bulk-warehouse-view-picked {
    max-width: 45px;
    background-color: #70AD47;
}

/* final warehouse screen */
.final-warehouse-view-status {
    padding-right: 6px;
    padding-left: 6px;
    display: inline-block;
    color: white;
    font-weight: bold;
    text-align: center;
}
.final-warehouse-view-gray {
    background-color: #A5A5A5;
}
.final-warehouse-view-printed {
    background-color: #5B9BD5;
}
.final-warehouse-view-packed {
    background-color: #ED7D31;
}
.final-warehouse-view-delivered {
    background-color: #70AD47;
}

.unsaved-input {
    background-color:  #FFCCCC;
}

div.ui-grid-cell .btn-sm {
    padding-top: 1px;
    padding-bottom: 1px;
    max-height: 25px;   
}

.ui-grid-vcenter {
    padding-top: 1px;
    padding-bottom: 1px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ui-grid-tree-base-row-header-buttons.ng-scope.ui-grid-tree-base-header {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
}
/* hide up/down arrows ("spinners") on input fields marked type=number */
.no-spinners [type='number'] {
  -moz-appearance:textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#packing-modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    font-size: 50px;
    color: white;
    top: 0px;
    left: 0px;
    z-index: 1000;
    padding-right: 20px;
    padding-top: 20px;
    text-align: right;
}

#ptdm_inv_weight {
    text-align: right;
    width: 50%;
}
  
.packer-status-available {
    color: green;
    font-weight: bold;
  } 

.packer-status-unavailable {
    color: red;
    font-weight: bold;
}

.packer-status {
    font-weight: bold;    
}

#packers-list-btn {
    margin-bottom: 10px;
}

.task-not-ok-red {
    background-color: lightsalmon !important;
}

.amazon-task-color {
    background-color: lightskyblue !important;
}