/* ---------------------------------------------------------------------- */
/*	Up To Medium Devices
 /* ---------------------------------------------------------------------- */
@media (max-width: 1200px) {

	}


/* ---------------------------------------------------------------------- */
/*	From Medium Devices Up To Larger Devices
 /* ---------------------------------------------------------------------- */
@media (min-width: 980px) and (max-width: 1199px)  {



}

/* ---------------------------------------------------------------------- */
/*	From Small Devices Up To Medium Devices
 /* ---------------------------------------------------------------------- */
@media (min-width: 980px)  {

}



/* ---------------------------------------------------------------------- */
/*	From Small Devices Up To Medium Devices
 /* ---------------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 979px) {



}


/* ---------------------------------------------------------------------- */
/*	Extra Small Devices Only
 /* ---------------------------------------------------------------------- */
@media (max-width: 767px) {
.navbar-header--dark + .search-dropdown .btn {
	color: #ffffff !important;
}

	.login-logo{
	background: red;
	width: 130px;
	margin:0 auto;
	margin-top: 50px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;

}

}


/* ---------------------------------------------------------------------- */
/*	Extra Small Devices Only
 /* ---------------------------------------------------------------------- */

@media (min-width: 768px) {
.navbar-header {
	width: 240px;
}
.navbar-collapse {
	height: 50px;
	background-color: transparent;
	border-top: none;
}
.navbar-collapse .toggle-btn {
	padding: 15px;
}


.ui {
	padding-top: 50px;
}
.ui-header.text-white .navbar-collapse {
	color: inherit;
}
.ui-aside {
	margin-left: 0;
}
.ui-content {
	width: auto;
	margin-left: 240px;
	-webkit-transition: all .299s;
	transition: all .299s;
}
.ui-aside-right {
	top: 50px;
}
.ui-footer {
	margin-left: 240px;
}
.ui-aside-compact .ui-header .navbar-header {
	width: 50px;
}
.ui-aside-compact .ui-header .navbar-brand .logo {
	display: none;
}
.ui-aside-compact .ui-header .navbar-brand .logo-compact {
	display: block;
}
.ui-aside-compact .ui-aside {
	width: 50px;
}
.ui-aside-compact .ui-aside > .nav > li > a > .pull-right {
	opacity: 0;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.ui-aside-compact .ui-content {
	margin-left: 50px;
	-webkit-transition: all .301s;
	transition: all .301s;
}
.ui-aside-compact .ui-footer {
	margin-left: 50px;
}
.ui-content-compact .ui-aside-right {
	margin-right: 0;
}
.ui-aside-compact .nav[ui-nav] > li > a span {
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.ui-aside-compact .nav > li .nav-sub {
	background-color: #0a4373;
	position: absolute;
	display: block !important;
	top: 0;
	left: 100%;
	width: 240px;
	margin-left: -20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0s;
	transition: all 0s;
	z-index: 2000;
}
.ui-aside-compact .nav > li .nav-sub .nav-sub {
	padding-left: 0;
}
.ui-aside-compact .nav > li .nav-sub > li > a {
	padding: 12px 15px;
}
.ui-aside-compact .nav > li .nav-sub > li > a span {
	padding-left: 5px;
}
.ui-aside-compact .nav > li .nav-sub-header {
	display: block !important;
}
.ui-aside-compact .nav > li .nav-sub-header a {
	color: #ffffff;
	background-color: #0c5490;
}
.ui-aside-compact .nav > li:hover > a {
	background-color: #0c5490;
}
.ui-aside-compact .nav > li:hover > .nav-sub {
	margin-left: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}






}



/* ---------------------------------------------------------------------- */
/*	Extra Small Devices Only
 /* ---------------------------------------------------------------------- */
@media (max-width: 480px) {
.navbar-collapse.nav-responsive-disabled .navbar-nav .dropdown-menu-responsive {
	position: fixed !important;
	top: 0;
	margin-top: 101px;
}


.ui-aside {
	position: fixed;
    height: 100%;
    z-index: 10;
	padding-bottom: 100px;
	overflow-y: auto;
}

}