.employee-box{
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	box-shadow: 0 0 2px 1px #f0f0f0;
	.float-left, .float-right{
		padding: 10px 0;
	}
	ul{
		padding-left: 15px;
		li{
			padding: 5px 10px 5px 0;
			border-bottom: 1px solid #eeeeee;
			box-shadow: 0 1px 0 0 #f8f8f8;
			&:last-child{
				border-bottom: none;
				box-shadow: none;
			}
			.img-avatar{
				position: relative;
				img{
					position: absolute;
					right: 0;
					top: -5px;
					width: 30px;
					height: 30px;
				}
			}
		}
	}
}

.employee-wrapper{
	.nav-bar{
		background: #ffffff;
	}
	.employee-container{
		padding-left: 15px;
	}
}

.add-employee-btn{
	position: absolute;
	right: 10px;
	top: 10px;
}
.employee-search{
	form{
		padding: 10px 15px;
		position: relative;
		input[type="text"]{
			width: 100%;
			border: 1px solid #dbdbdb;
			background: #dedede;
			padding: 10px 15px 10px 25px;
			border-radius: 3px;
		}
		.icon{
			position: absolute;
			left: 25px;
			top: 20px;
			color: #5e5e5e;
		}
	}
}

.employee-list{
	dl{
		margin: 0;
		
		li{
			padding: 5px 15px;
			border-top: 1px solid #f2f2f2;
			border-bottom: 1px solid #f2f2f2;
			&.active{
				background: #0cc579;
				color: #ffffff;
				border-top: 1px solid #a7dbc4;
				border-bottom: 1px solid #a7dbc4;
			}
			.img-wrapper{
				margin-right: 10px;
			}
			img{
				width: 45px;
				height: 45px;
			}
			small{
				display: block;
			}
		}
	}
	dt{
		background: #f5f5f5;
		border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		padding: 2px 15px;
		background: #f5f5f5;
	}
}
.employee-top-menu{
	.top-menu-btn{
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

.employee-content{
	padding: 15px;
	background: #f5f5f5;
}
.employee-status{
	padding: 15px 10px 15px 15px;
}
