.npb_modal_content_inventory
{
    margin-top:20vh;
}


.modalwindow_inventory_window
{
    /*position:relative;*/

    /*z-index:2;*/
    /*width:80em;
    height:42em;*/

    background-color: white;
    overflow:hidden;

    text-align: center;
    border-radius: 10px;

    font-size:0.85em;
    /*overflow-x:hidden;
    overflow-y: hidden;*/
    /*box-shadow: 0 0px 10px 0px rgba(100,100,100,1);*/

    
}

.modalwindow_inventory_content_base
{
    position:relative;/*needed for curtain width*/
    /*padding-top:1em;*/
    margin:auto;
    /*width:40%;*/

    background-color: white;/*white;*/

    overflow-x:hidden;
    overflow-y:auto;


    /*margin-top:10%;*/
    
    /*box-shadow: 0px 0px 0px 1px lightgrey;*/
}

.ss_inventory_base
{
    text-align: left;
    min-width:60vw;
    min-height:40vh;
    
}

.ss_inventory_header_base
{
    display:block;
    overflow:hidden;

    /*width:100%;*/
    height:3em;
    border-bottom:1px solid lightgrey;
    box-shadow: 0 0 1px 0 rgba(100,100,100,1);

    background-color: white;
}

.ss_inventory_header_inputbox
{
    display: inline-block;
    width:calc(100% - 4em);
    height:100%;
    border:0px solid white;
    outline:none;
    padding-left:1.5em;

    color:rgba(150,150,150,1);    
}

.ss_inventory_header_inputbox:focus
{
    color: #383838;
}

.ss_inventory_header_inputbox_search_icon
{
    display:inline-block;
    margin-right:0.5em;
    color:rgba(150,150,150,1);

    cursor:pointer;
}

.ss_inventory_header_inputbox_search_icon:hover
{
    color:#FFC30E;
}

.ss_inventory_body_base
{
    position: relative;

    height:calc(100% - 16.5em);
    background-color: rgba(250,250,250,1);

    /*overflow-y: auto;*/
    overflow-x:hidden;
    overflow-y: hidden;
    
    height:40vh;
    overflow-y:auto;

    
}

.ss_inventory_table_headers
{
    background-color: rgba(240,240,240,1);
    background-color: rgba(152, 188, 219, 1);
    color:#484848;
    color:black; 
}

.ss_inventory_table_update_quantity_input
{
    width:5em;
    height:1.5em;
    text-align:left;
    border:1px solid lightgrey;
    border-radius:3px;
box-sizing: border-box;

}

.ss_inventory_table_update_quantity_input:focus
{
    outline:#337ab7;
}

.ss_inventory_table_quantity_changed
{
    transition:0.5s;
    color:#337ab7;
    font-weight: bold;
}

.ss_inventory_table_last_activity
{
    font-size:0.8em;
    color:rgba(110,110,110,0.9);
}

@media only screen and (max-width: 480px) ,
       only screen and (max-device-width: 480px)
{
    .ss_inventory_base
    {
        height:90vh;
    }

    .ss_inventory_body_base
    {
        height:calc(80%);
    }
    
}