body{
	background: #f5f5f5;
}
a{
	color: #000000;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.bold-text{
	font-weight: bold;
}
.reset-list{
	margin: 0;
	padding: 0;
	list-style: none;
	li:before, li:after{
		display: table;
		content: " ";
	}
	li:after{
		clear: both;
	}
}
.label-text{
	color: #a8a8a8;
}
.success-text{
	color: #14c984;
}
.danger-text{
	color: #fd101a;
}

.page-wrapper{
	padding-left: 0;
	.nav-bar{
		z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		min-width: 300px;
		height: 100%;
		overflow-y: auto;
		background: #f5f5f5;
		border-right: 1px solid #dadada;
		.menu-bar{
			color: #ffffff;
			background: #0cc579;
			position: relative;
			padding: 15px 0;
			i{
				font-size: 1.8em;
			}
		}
		.menu-btn{
			position: absolute;
			left: 10px;
			top: 10px;	
		}
	}
	.page-container{
		padding-left: 40px;
		position: relative;
		background: #ffffff;
		.page-top-menu{
			i{
				font-size: 1.8em;
			}
			background: #0cc579;
			position: fixed;
			top: 0;
			right: 0;
			left: 300px;
			color: #ffffff;
			padding: 15px 0;
			z-index: 10;
		}
	}
}
@media(min-width:768px){
	.page-wrapper{
		padding-left: 300px;
	}
}
@media(max-width: 767px){
	.page-top-menu{
		left: 0 !important;
	}
}