@media(max-width: 767px){
    .navbar-desktop{
        display:none;
    }
}

@media (min-width: 768px) {
    .navbar-hidemobile{
        display:block;
    }
 
    .navbar {
        border-radius: 0px;
        border-width: 0px;
        height: 100%;
    }

    .navbar-collapse.collapse.hidenonmobile {
        display:none !important;
    }

    .navbar-collapse{
        border-top: 1px solid #444;
        padding: 0px;
    }
    .navbar ul {
        float: none;
    }
    .navbar li {
        float: none;
        font-size: 15px;
        margin: 6px;
    }
    .navbar li a {
        padding: 10px 16px;
        border-radius: 4px;
    }
    .navbar a {
        /* If a menu item's text is too long, truncate it */
        
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}



tr.alternatingColor:nth-child(odd) td{
    background-color: white;
}
tr.alternatingColor:nth-child(even) td{
    background-color: azure;
}


/* Keep the nav menu independent of scrolling and on top of other items */
.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.navbar-hidemobile{
    display:none;
}


.app{
    padding-top:50px;
}


    .navbar-hidemobile{
        display:block;
    }
 
    .navbar {
        border-radius: 0px;
        border-width: 0px;
        height: 100%;
    }
/*
    .navbar-collapse.collapse.hidenonmobile {
        display:none !important;
    }
*/
    .navbar-collapse{
        border-top: 1px solid #444;
        padding: 0px;
    }
    .navbar ul {
        float: none;
    }
    .navbar li {
        float: none;
        font-size: 15px;
        margin: 6px;
    }
    .navbar li a {
        padding: 10px 16px;
        border-radius: 4px;
    }
    .navbar a {
        /* If a menu item's text is too long, truncate it */
        
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


/*totals by asin report */
@media (min-width: 768px){
    .totalsbyasin-description{
        max-width:275px;
        display:table-cell;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media(max-width: 767px){
    .totalsbyasin-description{
        display:none;
    }
}
/* not vue related */
.container-table {
    display: table;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

@media(max-width: 767px){
    .notonsub768{
        display:none;
    }
}

@media(max-width: 991px){
    .notonsub992{
        display:none;
    }
}

/* orderstatus component */
i.orderstatuslogo{
    float:right;
    padding: .2em .2em 0.2em .2em;

}
span.orderstatus{
    border-radius:5px;
    padding: .2em .2em 0.2em .2em;
    color: white;
    width: 89px;
    display: block;
}

span.orderstatus.placedstatus{
    background-color: #8795a1;
}

span.orderstatus.deliveredstatus{
    background-color: #1f9d55;
}

span.orderstatus.shippedstatus{
    background-color: #f2d024;
}

span.orderstatus.cancelledstatus{
    background-color: #cc1f1a;
}

span.orderstatus.problemstatus{
    background-color: #bd1acc;
}

span.orderstatus.resolvedstatus{
    background-color: #00bfff;
}
/* end orderstatus component*/


/* order details component */
.table .orderdetails-text {
    position: relative;
    width: 250px;
  }
  
  .table .orderdetails-text span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    width: 100%;
  }
  
  .orderdetails-text:before {
    content: '';
    display: inline-block;
  }

  .orderDetailsLabel{
    font-weight: bold;
    display: inline-block;
    width:155px;
  }
/* end order details component */

/* orders.html */
a.orders-open{
    color:337ab7;
}

/* end orders.html*/


/* inventory*/
tr.alternatingColorInventory:nth-child(odd) td{
    background-color: white;
}
tr.alternatingColorInventory:nth-child(even) td{
    background-color: azure;
}

tr.alternatingColorInventory:nth-child(odd) td.qtycell{
    background-color: #cff5ca;
}
tr.alternatingColorInventory:nth-child(even) td.qtycell{
    background-color: #b8ecb1;
}

tr.alternatingColorInventory:nth-child(odd) td.futureqtycell{
    background-color: #fffcd4;
}
tr.alternatingColorInventory:nth-child(even) td.futureqtycell{
    background-color: #fbf6b0;
}

tr.alternatingColorInventory:nth-child(odd) td.allocated{
    background-color: #cff5ca;
}
tr.alternatingColorInventory:nth-child(even) td.allocated{
    background-color: #b8ecb1;
}

tr.alternatingColorInventory:nth-child(odd) td.unallocated{
    background-color: #ffe0e0;
}
tr.alternatingColorInventory:nth-child(even) td.unallocated{
    background-color: #ffb0b0;
}
/* end inventory */