@charset "utf-8";
/* ---------------------------------------------------------------------- */
/*  Admin
/* ---------------------------------------------------------------------- */
.aside{
    position:fixed;
    top:0;
	bottom:0;
	z-index:10;
	width:260px;
	border-right:1px solid #eaecf1;
	background-color:#fff;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
	transition:all .2s ease;
    overflow-y: auto;
}
.aside-header{
	text-align:center;
	padding:1.5rem;
}
.aside-utils{
	text-align:right;
    margin-top:1rem;
    margin-bottom:-.75rem;
}
.btn-text{
	font-size:.75rem;
	color:#666;
	display:inline-block;
	padding:4px 8px;
	border:1px solid #eee;
}
.aside-nav > li > a{
	position:relative;
	font-size:1rem;
	font-weight:600;
	display:block;
	padding:.75rem 1.25rem;
	margin-bottom:-1px;
	border-top:1px solid #eaecf1;
	border-bottom:1px solid #eaecf1;
	background-color:#f7f8fb;
}
.aside-nav > li:last-child .aside-sub{
	border-bottom:1px solid #eaecf1;
}
.aside-nav > li.active > a{
	color:#fff;
	background-color:#ec1b34;
}
.aside-sub > li.active > a{
	color:#ec1b34;
	font-weight:600;
}
.aside-sub > li.active > a::before{
	background-color:#ec1b34;
}
.aside-sub{
	padding:.5rem 0;
}
.aside-sub > li > a{
	position:relative;
	font-size:.875rem;
	display:block;
	padding:.5rem 1.25rem .5rem 2rem;
}
.aside-sub > li > a::before{
	content:"";
	display:inline-block;
	width:6px;
	height:1px;
	background-color:#8e8e8e;
	position:absolute;
	top:50%;
	left:1.25rem;
	margin-top:-1px;
}
.content-page{
    overflow:hidden;
    padding:2rem 1.5rem;
	margin-left:260px;
    min-height:100vh;
}
.content-page .container{
	max-width:1400px;
	margin-left:0;
}
.search-box{
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	border: 1px solid #ededed;
}
.search-box > .form-group:last-child{
	margin-bottom: 0;
}
/* ---------------------------------------------------------------------- */
/*  Login
/* ---------------------------------------------------------------------- */
.login-wrap{
	height:100vh;
    display:flex;
    align-items:center;
}
/* ---------------------------------------------------------------------- */
/*  Responsible
/* ---------------------------------------------------------------------- */
@media screen and (min-width:360px){

}
@media screen and (min-width:576px){

}
@media screen and (min-width:768px){

}
@media screen and (min-width:880px){

}
@media screen and (min-width:992px){

}
@media screen and (min-width:1200px){

}
@media screen and (min-width:1280px){

}
@media screen and (min-width:1400px){

}