/*
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 : May 8, 2018, 9:04:27 AM
    Author     : Administrator
*/

.modalwindow_editoptions_window
{

    width:32em;
    margin:auto;

    text-align: center;

    overflow:hidden;

    border-radius: 10px;

}

.modalwindow_editoptions_content_base
{
    position:relative;/*needed for curtain width*/
    margin:auto;
    /*width:40%;*/
    /*width:32em;
    min-height:14em;*/
    width:32em;

    background-color: white;

    overflow:hidden;

    border:0px solid red;

}

.npb_modal_content_editoptions
{
    position: absolute;
    /*margin-top:  20vh;*/
    top:20vh;
    left:35vw;
    display: inline-block;
    /*box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);*/    
    border-radius: 5px;
}

.newoption_content_screen_wrap
{
    display:inline-block;
    /*float:left;*/
    padding-left: 0.6em;
    width:calc(100%);
    margin-top:1em; 
    
    background-color:white;
}

.newoption_content_screen_message
{
    float:left;
    padding-left:1em;
    height:1.5em;
    width:100%;
}

.newoption_content_screen_message > div
{
    font-family: Gotham-Light;
    font-size:0.9em;
    text-decoration: none;
    color:#484848;
    float:left;
}

.newoption_content_screen_message > div:hover
{
    cursor:default;
}

.newoption_content_screen_bottom_tip
{
    height:2em;
    width:100%;
    margin-top:0.8em;
    margin-bottom:0.8em;
    font-family: Gotham-Light;
    color:rgba(150,150,150,1);
    padding-left: 1.5em;
    text-align:left;
    
    
}

.newoption_content_screen_bottom_tip a
{
    color:inherit;
}

.newoption_content_screen_bottom_tip a:hover
{
    cursor:default;
}

.newoption_content_screen_input_wrap
{
    border:1px solid transparent;
    float:left;
    width:calc(100% - 2.2em);
    
    min-height:6em;
    max-height:15em;

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

.newoption_content_screen_input_wrap > div
{
    float:left;
    
    margin-left:0.7em;
    
    width:calc(100% - 1.1em);
    outline:none;
    margin-top:1px;
    color:lightgrey;
    height:calc(100% - 5px);
    
}

.newoption_content_option_enter_wrap
{
    margin-top:0.5em;
    /*height:2em;*/
    width:calc(100% - 1em);
    padding-left:0.2em;
}

.newoption_content_option_inputbox
{
    text-align:left;
    border:0px solid red;
    outline:none;    
    /*width:100%;*/
}

.newoption_content_optionN
{
    position:relative;
    display:inline-block;
    
    min-width: 3em;
    
    margin-top:0.5em;
    /*margin-bottom:0.1em;*/
    margin-left:0.1em;
    margin-right:0.2em;
    
    padding-left:0.7em;
    padding-right:0.5em;
    
    border-radius: 5px;
    height:2em;
    
    border:1px solid lightgrey;
    
    color:white;
    /*background: linear-gradient(to bottom right, rgba(93, 53, 110, 1) , rgba(93, 53, 110, 0.8), rgba(93, 53, 110, 0.7), rgba(93, 53, 110, 0.6) );*/
    background: linear-gradient(to bottom right, hsla(204, 49%, 52%, 1) , hsla(204, 49%, 52%, 0.9), hsla(204, 49%, 52%, 0.9), hsla(204, 49%, 52%, 0.9) );
    /*background:#6288A5;*/
}

.newoption_content_optionN:hover
{
    background: linear-gradient(to bottom right, hsla( 272, 25%, 62%, 1) , hsla( 272, 25%, 62%, 0.9), hsla( 272, 25%, 62%, 0.7), hsla( 282, 25%, 62%, 0.7) );

    /*background: hsla(204, 49%, 52%, 1);*/
    cursor:pointer;
    border:1px solid #337ab7;
    /*color: #484848;*/
}

.newoption_content_optionN_text
{
    border:0px solid green;
    float:left;
    min-width: 2em;
    text-align: left;
}

.newoption_content_optionN_qnumber
{
    display: inline-block;
    min-width: 1em;
    
    font-family: OpenSans-Medium;
}


.newoption_content_optionN_icon_close
{
    padding-left:0.5em;    
    border:0px solid red;
    
}

.newoption_content_optionN_icon_close:hover
{
    color:#FFC30E;
    cursor:pointer;
}

.newoption_content_optionN_quantity
{
    display:inline-block;
    
    margin-top:0.5em;
    /*margin-bottom:0.1em;*/
    margin-left:0.1em;
    margin-right:0.2em;
    
    padding-left:0.7em;
    padding-right:0.5em;
    
    border-radius: 5px;
    height:2em;
    
    border:1px solid lightgrey;
    
    color:lightgrey;
    
    min-width:3em;
    /*background: lightgrey;*/
    /*border:1px solid blue;*/
    /*background: linear-gradient(to bottom right, hsla(204, 49%, 52%, 1) , hsla(204, 49%, 52%, 0.9), hsla(204, 49%, 52%, 0.9), hsla(204, 49%, 52%, 0.9) );*/
    background: rgba(230,230,230,1);
}

.newoption_content_optionN_quantity_extension
{
    visibility: hidden;
    position:absolute;
    width:calc(100%);
    /*opacity:0.9;*/
    border:1px solid lightgrey;
    left:-1px;
    top:-1px;
    margin-left:0;
    margin-top: 0;
    
    padding-left:0;
    padding-right: 0;
}

.newoption_content_optionN_quantitybox
{
    display:inline-block;
    height:1.8em;
    width:calc(100% - 1.8em);
}

.newoption_content_optionN_quantitybox_select
{
    height:100%;
    margin-top: 0.1em;
    width:calc(100% - 0.5em);
    margin-left:0.5em;
    padding-left: calc(50% - 1.5em);
}

.newoption_content_optionN_quantitybox_OK
{
    display:inline-block;
    vertical-align: top;
    height:2em;
    text-align: center;
    width:1.5em;
    padding-left:0.2em;
}

.newoption_content_optionN_quantitybox_OK > div
{
    padding-top:0.5em;
    color:grey;
}

.newoption_content_optionN_quantitybox_OK > div:hover
{
    color:lightgreen;
    cursor:pointer;    
}

.ss_frm_newitem_options_textbox
{
    /*width:20em;*/
    width:calc(100% - 0.9em);
    height:9em;
}