@-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;
    box-sizing:border-box;
	width: 350px;
    padding: 0;
    margin: 0 0 10px;
    font-size: 14px;
    color: var(--profile-apbtm-input-cl);
    background: var(--profile-apbtm-input-bg);
    border: 1px solid var(--profile-apbtm-input-bd);
    border-radius: 5px;
	
}
.fstElement>input,.fstElement>select{
    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:0;
    box-sizing:border-box;
    background:0 0;
    border:0
}
.fstResults{
    position:absolute;
    left:-1px;
    top:100%;
    right:-1px;
    max-height:20em;
    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: 12px;
    display: block;
    padding: 8px 20px;
    margin: 0;
    cursor: pointer;
    border-top: 1px solid #e7e7e7;
    color: #6c6b6b;
}
.fstResultItem.fstUserOption{
    color:#707070
}
.fstResultItem.fstFocused{
    color:#fff;
    background-color:#c12e46;
    border-color:#c12e46
}
.fstResultItem.fstSelected{
    color:#fff;
    background-color:#c12e46;
    border-color:#c12e46
}
.fstGroupTitle{
    font-size:1.4em;
    display:block;
    padding:.5em .71429em;
    margin:0;
    font-weight:700
}
.fstGroup{
    padding-top:1em
}
.fstGroup:first-child{
    padding-top:0
}
.fstNoResults{
    font-size:12px!important;
    display:block;
    padding:.71429em .71429em!important;
    margin:0;
    color:#999
}
.fstSingleMode .fstControls{
    position:absolute;
    left:-1px;
    right:-1px;
    top:100%;
    padding:.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 .fstControls,.fstSingleMode.fstActive .fstResults,.fstSingleMode.fstActive.fstElement{
    box-shadow:0 .2em .2em rgba(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:12px;
    position:relative;
    margin:0 .41667em .41667em 0;
    padding:.33333em .33333em .33333em 1.5em;
    float:left;
    border-radius:.25em;
    border:1px solid #c12e46;
    cursor:auto;
    color:#fff;
    background-color:#c12e46;
    -webkit-animation:fstAnimationEnter .2s;
    -moz-animation:fstAnimationEnter .2s;
    animation:fstAnimationEnter .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:0 0;
    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:5px 20px 0 5px;
    overflow:hidden;
    width:100%;
    cursor:text
}
.fstMultipleMode .fstQueryInput{
    font-size:12px;
    float:left;
    padding:.28571em 0;
    margin:0 0 .35714em 0;
    width:2em;
    color: var(--profile-apbtm-input-cl);
}
.fstMultipleMode .fstQueryInputExpanded{
    float:none;
    width:100%;
    padding:10px;
    font-size:14px
}
.fstMultipleMode .fstFakeInput{
    font-size:1.4em
}
.fstMultipleMode.fstActive,.fstMultipleMode.fstActive .fstResults{
    box-shadow:0 .2em .2em rgba(0,0,0,.1)
}
.fstMultipleMode.fstActive .fstResults{
    display:block;
    z-index:10;
	background:#f8fafc;
	border: 1px transparent;
}
.fstLoading {
	position:relative;
}
.fstLoading:before {
	color:#898989;
    content: "\f1ce";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    right:10px;
	top:15px;
    position:absolute;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
 }
 .fstQueryInput::-webkit-input-placeholder {
	color: var(--profile-aptop-info-btn-cl);
 }