/*
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 : Nov 4, 2020, 11:08:05 AM
    Author     : Administrator
*/

.ttb_option_textbox_base
{
    border:0px solid white;
    border-radius: inherit;
}

.ttb_option_textbox_group_headers_base
{
    width:100%;
    height:1.4em;
}

.ttb_option_textbox_group_headerN
{
    
}

.ttb_option_textbox_group_headerN_textbase
{
    padding-left:0.8em;
    padding-right:0.8em;
    background-color: rgba(245,245,245, 1);
    border:0px solid lightgrey;
}

.ttb_option_textbox_group_headerN_textbase span
{
    font-size:0.9em;
}

.ttb_newoption_content_screen_input_wrap
{
    font-family: Gotham-Book; 

    float:left;

    /*width:calc(80% - 2.2em);

    height:6em;
    max-height:10em;
    */

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

    /*background-color: white;*/
    width:10em;
    min-height:5em;
    border-radius: 5px;
    
    background-color: white;
    border:1px solid lightgrey;
    
    
}

.ttb_newoption_content_screen_input_wrap > div
{
    
    float:left;

    margin-left:0.7em;

    /*
    width:calc(100% - 1.1em);
    */

    outline:none;
    margin-top:1px;
    color:grey;
    height:calc(100% - 5px);

}

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


.ttb_newoption_content_option_inputbox
{
    text-align:left;
    
    outline:none;
    
    /*width:100%;*/
}

.ttb_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;*/
}

.ttb_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;*/
}

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

.ttb_newoption_content_optionN_qnumber
{
    display: inline-block;
    min-width: 1em;

    font-family: OpenSans-Medium;

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

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

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

.ttb_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: rgba(230,230,230,1);
}

.ttb_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;
}

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

.ttb_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);
}

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

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