.app-search {
    .app-textbox {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        font-size: 16px;
        border-width: var(--wm-search-border-width);
        border-right-width: 0;
        padding: 8px 12px;
        border-radius: 0px;
    }
    &[type="autocomplete"]>input.app-textbox {
        border-right-width: var(--wm-search-border-width);
        border-radius: var(--wm-search-border-radius);
    }
    .input-group-addon {
        height: var(--wm-search-height);
        ripple-color: var(--wm-search-btn-ripple-color);
        background-color: var(--wm-search-btn-background-color);
        border-top-right-radius: var(--wm-search-border-radius);
        border-bottom-right-radius: var(--wm-search-border-radius);
        border-color: var(--wm-search-border-color);
        border-width: var(--wm-search-border-width);
        border-style: solid;
        border-left-width: 0;
    }
    
    &-button>i.app-icon.app-icon {
        color: var(--wm-search-btn-icon-color);
        font-size: var(--wm-search-btn-icon-size);
    }
}


.app-search[type=autocomplete]>input.app-textbox {
  width: var(--wm-form-controls-min-width);
}
.app-search>input.app-textbox{
  width: 100%;
}