/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 4, 2020, 4:50:18 PM
    Author     : Administrator
*/


.modalwindow_barcodegen_window 
{
  /*position:relative;*/
  /*z-index:2;*/
  /*width:80em;
  height:42em;*/

  /*height:60em;*/

  background-color: white;
  overflow: hidden;
  text-align: center;
  border-radius: 10px;

  width:55em;

  /*overflow-x:hidden;
  overflow-y: hidden;*/ 
}

.modalwindow_barcodegen_content_base 
{
  position: relative;
  display: inline-block;

  /*needed for curtain width*/
  margin: auto;
  /*width:40%;*/
  background-color: white;
  /*white;*/
  overflow-x: hidden;
  overflow-y: hidden;


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

.npb_modal_content_barcodegen 
{
  /*border:1px solid red;*/
  margin-top: 2vh;
  font-size: 0.9em;
  display: inline-block;
  /*box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);*/
  border-radius: 5px;

  
  /*width:100%;*/ 
}

.ss_barcode_base
{
    width:100%;

    height:40em;

    box-sizing: border-box;

}

.ss_barcode_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);
    box-sizing: border-box;

    background-color: white;

}

.ss_barcode_header_inputbox
{
    display: inline-block;
    width:calc(100% - 1em);
    height:100%;
    border:0px solid white;
    outline:none;
    padding-left:2em;
    margin-left:-1em;
    
    color:rgba(150,150,150,1);   
    box-sizing: border-box;

}

.ss_barcode_header_inputbox:focus
{
    color: #383838;
}

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

    cursor:pointer;
}

.ss_barcode_header_inputbox_search_icon:hover
{
    color:#FFC30E;
}

.ss_barcode_body_base
{
    position: relative;

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

    /*overflow-y: auto;*/
    overflow-x:hidden;
    overflow-y: auto;
    
}

.ss_barcode_curtain
{
    position:absolute;

    /*border:1px solid red;*/

    width:calc(100% - 2px);
    height:calc(100% - 2px);
    
    background-color: rgba(250,250,250,0.85);
    
    vertical-align: central;
    text-align:center;
    
    visibility:hidden;
}

.ss_barcode_nocategory_selected_screen
{
    position:absolute;

    /*border:1px solid red;*/

    width:calc(100% - 2px);
    height:calc(100% - 2px - 0.5em);
    
    background-color: rgba(250,250,250,0.85);
    
    vertical-align: central;
    text-align:left;
    
    font-family: Gotham-Book;
    
    letter-spacing: 1px;
    
    overflow:hidden;
    
    visibility:hidden;
    color:grey;
}

.ss_barcode_attribN_group_wrap
{
    /*max-height:2em;*//*in code*/
    
    overflow:hidden;
    
    margin-top:1em;
    margin-bottom: 0.1em;
    
    border:0px solid red;
}

.ss_barcode_type_group_heading
{
    display:block;
    padding-left: 1em;
    height:2em;    
    color:#484848;
    
    font-family: Gotham-Medium;
    border:0px solid red;
    font-size: 1.1em;
    
    text-align: left;
}

/*minimize icon*/
/*
.ss_barcode_type_group_heading > div:nth-child(1)
{
    display:inline-block;
    
    vertical-align: baseline;    
}
*/

/*group header*/
.ss_barcode_type_group_heading > div:nth-child(1)
{
    display:inline-block;    
    font-family: Gotham-Bold;
    padding-left: 0.2em;    
}

.ss_barcode_type_group_heading > a
{
    text-decoration: none;
    
    
}

/*Sort by*/
.ss_barcode_type_group_heading > div:nth-child(3)
{
    display:inline-block;
    float:right;
    
    margin-right:0.8em;
    
    background-color: white;
    overflow: hidden;
    
    border-radius: 5px;
    border:1px solid lightgrey;
    
    color:grey;
}

/* filter inputbox */
.ss_barcode_type_group_heading > div:nth-child(3) > input
{
    width:8em;
    color:lightgrey;
    padding-left:0.4em;
    border:none;

    text-decoration: none;
    outline:none;
    
    vertical-align: top;
    padding-top:0.3em;
}

.ss_barcode_type_group_heading > div:nth-child(3) > input:focus
{
    color: #383838;
}

.ss_barcode_type_group_heading > div:nth-child(3) > div
{
    color:lightgrey;
}


.ss_barcode_itemN_base
{
    border-bottom:0px solid rgba(240,240,240,1);
    font-family: Gotham-Light;

    min-height: 2.5em;
    padding-bottom: 0.9em;
    /*max-height: 5em;*/
    border:1px solid lightgrey;

    text-align: left;
    overflow:hidden;
    box-sizing: border-box;
    
}

.ss_barcode_attribN_wrap
{
    /*height:2em;*/
    width:100%;
    padding-top: 0.5em;

    font-family:Gotham-Book;

    color:#383838;

    padding-bottom:0.5em;
}

.ss_barcode_attribN_wrap:hover
{
    font-family:Gotham-Medium;
    color:#383838;
    
    cursor:pointer;
}

/* ICONBASE */
.ss_barcode_attribN_repicon
{
    display:inline-block;
    /*width:1em;*/
    padding-left: 0.5em;
}

/* ICON */
.ss_barcode_attribN_repicon > span
{
    width:0.5em;
    height:1.6em;
    
}

.ss_barcode_attribN_text
{
    display:inline-block;
    padding-left:0.5em;
    vertical-align: top;
    padding-top: 0.2em;
    

}

.ss_barcode_attribN_text > a
{
    color:#1a1a1a;
}

/* item name */
.ss_barcode_attribN_text:nth-of-type(2)
{
    /*width:10em;*/
    
}

/* item code */
.ss_barcode_attribN_text:nth-of-type(3)
{
    /*width:7em;*/
    
}

/* item quantity */
.ss_barcode_attribN_text:nth-of-type(4)
{
    /*width:7em;*/
    
}


/* item entry date */
.ss_barcode_attribN_text:nth-of-type(5)
{
    padding-top:0.4em;
    font-size: 0.8em;

}


.ss_barcode_attribN_addicon
{
    display:inline-block;
    float:right;
    margin-right: 1.5em;
    color:grey;
    padding-top: 0.2em;
    cursor:pointer;
}

.ss_barcode_attribN_addicon:hover
{
    color:rgba(129 , 171, 28,  1);
}

.ss_barcode_footer_base
{
    border-top:0px solid rgba(210,210,210,1);
    /*height:9.5em;*/
    height:24em;
    
    width:100%;
    background-color: rgba(250,250,250,1);

    overflow-y: hidden; /*auto;*/
    overflow-x:hidden;
    
}

/* footer first item only 0.5em should be this affects newatt_attribN_group_wrap*/
.ss_barcode_footer_base > div:nth-child(2)
{
    margin-top:0.5em;
}

.ss_barcode_footer_line_base
{
    width:100%;
    margin-bottom: 0.1em;
}

.ss_barcode_footer_line
{
    width:94%;
    margin-left: 3%;
    border-bottom:1px solid rgba(240,240,240,1);
    box-shadow: 0 0 1px 0 rgba(100,100,100,1);
}

.ss_barcode_type_footer_group_heading
{
    display:block;
    padding-left: 1em;
    padding-top:0.8em;
    height:1.5em;    
    color:#484848;
    
    font-family: Gotham-Medium;
    
    text-align: left;
    font-size: 1.1em;
}

.ss_barcode_type_footer_clean_div
{
    font-size:0.9em;
    vertical-align: top;
    float:right;
}

.ss_barcode_type_footer_clean
{
    color:#484848;
    font-family:OpenSans-Light;
    cursor:pointer;
    
}

.ss_barcode_type_footer_clean:hover
{
    color:#337ab7;
    
}


.ss_barcode_type_footer_group_heading > div:nth-child(1)
{
    display:inline-block;
    font-family: Gotham-Bold;
    padding-left: 0.2em;    
}

.ss_barcode_type_footer_group_folder
{
    overflow-y:auto;
    
    height:calc(100% - 4em);
    
    text-align: left;

    padding-top: 1em;
}



.ss_barcode_attribN_more
{
    color:grey;
}

.ss_barcode_attribN_more_inner
{
    width:100%;
    padding-top:0.5em;
    padding-left:2.5em;
    padding-bottom:0.5em;
    
}

.ss_barcode_attribN_more_group1
{
    padding-right:2em;
}

.ss_barcode_attribN_more_group1 select
{
    width:8em;
    color:inherit;
    border-radius:5px;
    border:1px solid lightgrey;

    margin-left:0.5em;
}

.ss_barcode_attribN_more_group2
{

}

.ss_barcode_attribN_more_group2 input
{
    text-align: right;
    color:inherit;
    border-radius:5px;
    border:1px solid lightgrey;

    width:7.5em;
    margin-left:0.5em;
}




.ss_barcode_N_base
{
    display:inline-block;
    border:1px solid lightgrey;
    /*
    width:calc(45%);
    */
    height:4em;
    border-radius:5px;
    
    box-sizing: border-box;
}

/* odd numbers */
/* .ss_barcode_N_base:nth-of-type(2n+2)  */
.ss_barcode_N_base:nth-of-type(2n+1)
{
    /*border:1px solid red;*/
    margin-left:1em;
    margin-top: 0.5em;
    margin-right: 0.3em;

}

.ss_barcode_N_base:hover
{
    background-color:white;
    cursor:pointer;    
    

}

.ss_barcode_N_icon_base
{
    height:100%;
    /*width:calc(30%);*/
    vertical-align: top;
    box-sizing: border-box;
    
    /*margin-right:1.5em;*/

    width:20%;
    
}

.ss_barcode_N_icon_graph_base
{
    vertical-align: top;
    height:75%;
    width:100%;
    
}

.ss_barcode_N_icon
{
    font-size:2em;
}

.ss_barcode_N_icon_text_base
{
    font-size:0.7em;
    height:20%;
    width:100%;
    text-align: center;
}

.ss_barcode_N_dets_base
{
    height:100%;
    width:calc(70% - 2.5em);
    vertical-align: top;
    overflow:hidden;
    
    padding-left:1em;
}

.ss_barcode_N_dets_base > div
{
    padding-top:0.5em;
    font-size:0.8em;
    height:100%;
}

.ss_barcode_N_more
{
    height:100%;
    width:15%;
    border-left:1px solid lightgrey;
    
    overflow:hidden;
}

.ss_barcode_N_more > div
{
    display:block;
    box-sizing: border-box;

    float:right;

}

.ss_barcode_N_more > div:nth-of-type(1)
{

    height:50%;
    width:100%;
}

.ss_barcode_N_more > div:nth-of-type(2)
{

    height:50%;
    width:100%;

}

.ss_barcode_N_more_trash_icon
{
    color:grey;
}

.ss_barcode_N_more_trash_icon:hover
{
    font-weight: bold;
    color:#DF6166;
}

.ss_barcode_N_more_quantity_icon
{
    color:grey;
    font-size:0.5em;
    padding-left:0.2em;
}

.ss_barcode_N_editable
{
}

.ss_barcode_N_editable:hover
{

    background:rgba(129 , 171, 28,  0.6);
}


/* ********************************************************************************
    MOBILE PHONE
********************************************************************************  */
/* mobile - portrait (must be max width)*/
@media only screen and (max-width: 480px) ,
       only screen and (max-device-width: 480px)
{
    .ss_barcode_base
    {
        height:90vh;
    }
    
    .ss_barcode_attribN_text:nth-of-type(5)
    {
        overflow:hidden;
        width:0;
    }

    .ss_barcode_attribN_more_group1
    {
        margin-top:0.5em;
        margin-bottom: 0.8em;
    }
}


/* mobile - landscape (must be min width)*/
@media only screen and (min-width: 480px) ,
       only screen and (min-device-width: 480px)
{
    .ss_barcode_attribN_text:nth-of-type(5)
    {
        overflow:hidden;
        width:0;
    }
}


/* ********************************************************************************
 Medium devices (landscape tablets, 768px and up) 
********************************************************************************  */
/* tablet - portrait (must be min width)*/
@media only screen and (min-width: 768px) ,
       only screen and (min-device-width: 768px)
{

}


/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 992px) ,
       only screen and (min-device-width: 992px)
{
    .ss_barcode_attribN_text:nth-of-type(5)
    {
        overflow:auto;
        width:auto;
    }

}