.nw-input {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 1.5 \9;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    outline: none;
    position: relative;

    max-width: 100%;
    width: 100%;
}
.nw-input.-align-left {
	text-align: left;
}
.nw-input.-align-right {
	text-align: right;
}
.nw-input.-align-center {
	text-align: center;
}
.input-wrap {
    position: relative;
    display: inline-block;
}
.input-wrap.-block {
    display: block;
}
.nw-input.-before-adjust-padding {
    padding-left: 37px;
}
.nw-input.-after-adjust-padding {
    padding-right: 37px;
}
.nw-addon {
    position: absolute;
    background: rgba(0,0,0,0.05);
    z-index: 1;
    height: 96%;
    width: 30px;
    // flex svg, icon, image
    display: flex;
    align-items: center;
    justify-content: center;
    &.-before { left: 0; }
    &.-after { right: 0; }
}