@-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)}}
.fstControls{   
border-radius : 3px;
width: 100%;
}
.fstElement{
    display:inline-block;
    position:relative;
    border:1px solid #D7D7D7;
    box-sizing:border-box;
    border-radius : 3px;
    color:#232323;
    font-size:10px;
    width: 100%;
    background-color:#fff
}
.fstElement>select,.fstElement>input{
    position:absolute;
    left:-999em
}
.fstToggleBtn{
    font-size:1.4em;
    display:block;
    position:relative;
    box-sizing:border-box;
    border-radius : 3px;
    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;
    border-radius : 3px;
}
.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;
    border-radius : 3px;
    height: 60px;
}
.fstResults{
    position:absolute;
    left:-1px;
    top:100%;
    right:-1px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid #D7D7D7;
    border-top:0;
    border-radius : 3px;
    background-color:#FFF;
    display:none;
}
.fstResultItem{
    font-size:1.4em;
    display:block;
    padding:.5em .71429em;
    margin:0;
    cursor:pointer;
    border-top:1px solid #fff;
    border-radius : 3px;
}
.fstResultItem.fstUserOption{
    color:#707070;
}.fstResultItem.fstFocused{
    color:#fff;
    background-color:#fed136;
    border-color:#fed136;
    border-radius : 3px;
}
.fstResultItem.fstSelected{
    color:#fff;
    background-color:#fed136;
    border-color:#fed136;
    border-radius : 3px;
}
.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:1.4em;
    display:block;
    padding:.71429em .71429em;
    margin:0;color:#999;
}
.fstSingleMode .fstControls{
    position:absolute;
    left:-1px;
    right:-1px;
    top:100%;
    padding:0.5em;
    border:1px solid #D7D7D7;
    border-radius : 3px;
    background-color:#fff;
    display:none;
}
.fstSingleMode .fstQueryInput{
    font-size:1.4em;
    display:block;
    width:100%;
    padding:.5em .35714em;
    color:#999;
    border:1px solid #D7D7D7;
    border-radius : 3px;
}
.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);
    width:100%;
}
.fstSingleMode.fstActive .fstControls{
    display:block;
}
.fstSingleMode.fstActive .fstResults{
    display:block;
    z-index:10;
    margin-top:-1px;
}
.fstChoiceItem{
    display:inline-block;
    font-size:1.2em;
    position:relative;
    margin:0 .41667em .41667em 0;
    padding:.33333em .33333em .33333em 1.5em;
    float:left;
    border-radius:.25em;
    border:1px solid #fed136;
    cursor:auto;
    color:#fff;
    background-color:#fed136;
    -webkit-animation:fstAnimationEnter 0.2s;
    -moz-animation:fstAnimationEnter 0.2s;
    animation:fstAnimationEnter 0.2s;
}
.fstChoiceItem.mod1{
    background-color:#F9F9F9;
    border:1px solid #D7D7D7;
    border-radius : 3px;
    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;
    margin-top:-.64286em;
    text-align:center;
    color:#fff;
}
.fstChoiceRemove::-moz-focus-inner{
    padding:0;
    border:0;
}
.fstMultipleMode .fstControls{
    box-sizing:border-box;
    overflow:hidden;
    cursor:text;
}
.fstMultipleMode .fstQueryInput{
    font-size:1.4em;
    float:left;
    padding:.28571em 0;
    width:2em;
    color:#999;
}
.fstMultipleMode .fstQueryInputExpanded{
    float:none;
    width:100%;
    padding:.28571em .35714em;
}
.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:10;
    border-top:1px solid #D7D7D7;
}