@-webkit-keyframes fstAnimationEnter{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -1em, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0)
    }
}
@-moz-keyframes fstAnimationEnter{
    from{
        opacity:0;
        -moz-transform:translate3d(0, -1em, 0)
    }
    to{
        opacity:1;
        -moz-transform:translate3d(0, 0, 0)
    }
}
@keyframes fstAnimationEnter{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -1em, 0);
        -moz-transform:translate3d(0, -1em, 0);
        -ms-transform:translate3d(0, -1em, 0);
        -o-transform:translate3d(0, -1em, 0);
        transform:translate3d(0, -1em, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        -moz-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.fstElement{
    display:inline-block;
    position:relative;
    border:1px solid #D7D7D7;
    box-sizing:border-box;
    color:#232323;    
    background-color:#fff;
    width: 100%
}
.fstElement>select,.fstElement>input{
    position:absolute;
    left:-999em
}
.fstToggleBtn{
    font-size:1.4em;
    display:block;
    position:relative;
    box-sizing:border-box;
    padding:.71429em 1.42857em .71429em .71429em;
    min-width:14.28571em;
    cursor:pointer
}
.fstToggleBtn:after{
    position:absolute;
    content:"";
    right:.71429em;
    top:50%;
    margin-top:-.17857em;
    border:.35714em solid transparent;
    border-top-color:#cacaca
}
.fstQueryInput{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    outline:none;
    box-sizing:border-box;
    background:transparent;
    border:0
}
.fstResults{
    position:absolute;
    left:-1px;
    top:100%;
    right:-1px;
    max-height:30em;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid #D7D7D7;
    border-top:0;
    background-color:#FFF;
    display:none
}
.fstResultItem{
    font-size: 14px;
    display:block;    
    margin:0;
    cursor:pointer;
    line-height: 1.3em;
    padding: 7px 0.6em 7px 0.4em;
}
.fstResultItem.fstUserOption{
    color:#707070
}
.fstResultItem.fstFocused{
    color:#fff;
    background-color:#ddd;
    border-color:#ddd
}
.fstResultItem.fstSelected{
    color:#fff;
    background-color:#ddd;
    border-color:#ddd
}
.fstGroupTitle{
    font-size:1.4em;
    display:block;
    padding:.5em .71429em;
    margin:0;
    font-weight:bold
}
.fstGroup{
    padding-top:1em
}
.fstGroup:first-child{
    padding-top:0
}
.fstNoResults{
    font-size:14px;
    display:block;
    padding: 7px 0.6em 7px 0.4em;
    margin:0;
    color:#999
}
.fstSingleMode .fstControls{
    position:absolute;
    left:-1px;
    right:-1px;
    top:100%;
    padding:0.5em;
    border:1px solid #D7D7D7;
    background-color:#fff;
    display:none
}
.fstSingleMode .fstQueryInput{
    font-size:1.4em;
    display:block;
    width:100%;
    padding:.5em .35714em;
    color:#999;
    border:1px solid #D7D7D7
}
.fstSingleMode.fstActive{
    z-index:100
}
.fstSingleMode.fstActive.fstElement,.fstSingleMode.fstActive .fstControls,.fstSingleMode.fstActive .fstResults{
    box-shadow:0 0.2em 0.2em rgba(0,0,0,0.1)
}
.fstSingleMode.fstActive .fstControls{
    display:block
}
.fstSingleMode.fstActive .fstResults{
    display:block;
    z-index:10;
    margin-top:-1px
}
.fstChoiceItem{
    display:inline-block;    
    font-size: 0.8em;
    line-height: 1.6em;
    position:relative;
    margin:0.22em .22em .22em 0;
    padding:.11em .11em .11em 1.3em;
    float:left;
    border-radius:.25em;
    border:1px solid #999;
    cursor:auto;
    color:#fff;
    background-color:#999;
    -webkit-animation:fstAnimationEnter 0.2s;
    -moz-animation:fstAnimationEnter 0.2s;
    animation:fstAnimationEnter 0.2s
}
.fstChoiceItem.mod1{
    background-color:#F9F9F9;
    border:1px solid #D7D7D7;
    color:#232323
}
.fstChoiceItem.mod1>.fstChoiceRemove{
    color:#a4a4a4
}
.fstChoiceRemove{
    margin:0;
    padding:0;
    border:0;
    cursor:pointer;
    background:none;
    font-size:1.16667em;
    position:absolute;
    left:0;
    top:50%;
    width:1.28571em;
    line-height:1.28571em;
    margin-top:-.64286em;
    text-align:center;
    color:#fff
}
.fstChoiceRemove::-moz-focus-inner{
    padding:0;
    border:0
}
.fstMultipleMode .fstControls{
    box-sizing:border-box;
    padding:0em 0.11em ;
    overflow:hidden;    
    cursor:text
}
.fstMultipleMode .fstQueryInput{    
    float:left;
    padding:.28571em 0;
    margin:0 0 .222em 0;    
    color:#333
}
.fstMultipleMode .fstQueryInputExpanded{
    float:none;
    width:100%;    
}
.fstMultipleMode .fstFakeInput{
    font-size:1.4em
}
.fstMultipleMode.fstActive,.fstMultipleMode.fstActive .fstResults{
    box-shadow:0 0.2em 0.2em rgba(0,0,0,0.1)
}
.fstMultipleMode.fstActive .fstResults{
    display:block;
    z-index:999999999;    
    border: 1px solid #ddd;
    color: #333;
}