@import '../../style/mixin';

.h-input-wapper {
	display: inline-block;
	width: 100%;
	position: relative;

	.h-input {
		@include view(100%, 32px);
		padding: 4px 11px;
		font-size: 14px;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		background: transparent;
		position: relative;

		&.h-input-large {
			height: 40px;
			padding: 6px 11px;
			font-size: 16px;
		}

		&:not(:last-child) {
			padding: 0 30px;
		}
	}

	i.icon-user {
		@include position(absolute, 1, top, calc(50% - 7px), left, 10px);
		color: #999;
	}

	i.icon-search {
		@include position(absolute, 1, top, calc(50% - 7px), right, 10px);
		color: #999;
	}
}