@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
@import './variables.scss';


.filter-text-search {
    border:1px solid $colorBrandLight;
    border-radius: 25px;

    background-color: $colorNavyMedium;

    width: 100%;
    font-size:inherit;
    display:flex;
}

.filter-text__search-input {
    background-color: $colorNavyMedium;
    color: $colorLight;
    padding: 0 4px;
}

.filter-text-search__text-entry {
    display: flex;
    align-items: center;
    width: 100%;
    font-size:inherit;
    padding: 4px;
}

.filter-text-search i {
    color: #999;
    text-align:center;
    padding: 4px;
}

.filter-text-search input {
    width: calc(100% - 42px);
    border: none;
    padding-top:0px;
    line-height:1.5;
    font-size:80%;
}

.filter-text-search__text-entry-clear {
    cursor:pointer;
    font-size: $fontSizeXS;
    margin-right: 5px;
}

.filter-text-search input:focus {
    outline:none;
}