<template>
	<v-flex shrink wrap class="searchbox">
		<v-card class="blue lighten-3">
				<v-card-actions >
				<v-layout row wrap align-center>
			<v-flex xs3>
				<input class="noreg" type="text" placeholder="No Reg" ></input>
			</v-flex>
			<v-flex xs5>
				<input class="search" type="text" placeholder="Name+HP+DOB+Alamat" ></input>
			</v-flex>
			<v-flex >
					<v-btn left rounded class="btn-search">
						Search
					</v-btn>
					<v-btn left rounded class="btn-new" >
						New
					</v-btn>
			</v-flex>
			</v-layout>
				</v-card-actions>
		</v-card>
	</v-flex>
</template>
<style scoped>
.btn-search{
		background-color: #ff8a65!important;
		color:white!important;
}
.btn-new {
		background-color: #ffd54f!important;
		color:white!important;
}
.layout {
		padding:10px;
}
::placeholder { 
	color: #b0b0b0 ;
	font-size: 1.1em; 
	font-style: italic; 
	font-weight:normal;
}
input.noreg {
		font-size: 1.2em;
		font-weight: bold;
}
input {
		background-color:white;
		padding:4px;
		font-size: 1.1em;
		vertical-align:middle;
		border: solid 1px #dedede;
		border-radius: 5px;
		width:90%;
}
</style>
<script>
module.exports = {
}
</script>
