.textinput{
    display: inline-block;  vertical-align: top;
    width:200px; height: 20px; line-height: 18px;
    text-align: left;
    margin:0 10px 0 0;
    font-size: 12px;
    border:1px solid #ddd;
    background-color:#fff;
}
.textinput.mandatory{
    border-color:#e87171;
}
.textinput.valid{
    border-color:#93d46b;
}
.textinput.shownrow{
    display: inline-block;
}
.textinput .ticont{
    position: relative;
    display: inline-block; vertical-align: top;
    width:calc(100% - 25px);
    height: 18px;
}
.textinput input{
    width:100%;
    height:18px;
    padding:0 0 0 2px;
    font-size: 11px;
    border:0;
}
.textinput span.textformcontrol{
    display: inline-block; vertical-align: top;
    text-align: center;
    width:12px; height: 18px;
    padding:0px 0 0 0;
    color:#85878b;
    font-size: 10px;
}
.textinput span.clearinput:hover, .textinput span.openclosesuggestions:hover, .textinput span.increasenumber:hover, .textinput span.decreasenumber:hover{
    cursor: pointer;
    color:#464849;
}
.suggestions{
    position: absolute; top:0; left:0;
    width:100%;
    display: inline-block; vertical-align: top;
    z-index: 5;
}
.suggestionslist{
    max-height: 200px;
    overflow-x:hidden;
    overflow-y:auto;
    border-bottom:1px solid #ddd;
    /* transform: translate(-1px, 0px); */
    background-color:#eee;
}
.suggestions span.suggestionitem{
    position:relative;
    display: block;
    line-height: 17px;
    border:1px solid #ddd;
    color:#000;
    border-top-width: 0;
    padding:0 0 0 5px;
    font-size: 10px;
    cursor: pointer;
    text-align: left;
}
.suggestions span.suggestionitem:hover{
    background-color:#c7c7c7;
    color:#fff;
    border-color:#c7c7c7;
}
.suggestions span.suggestionitem:nth-last-child(1){
    border-bottom-width: 0;
}
.suggestions span.suggestionitem:first-child{
    border-top:1px solid #c7c7c7;
}