/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.custom-bg-color1{
	background-color: #800080 !important;
}

.vertical-overlay-menu .content {
	margin-left: 0; }
  
  .vertical-overlay-menu .navbar .navbar-header {
	float: left;
	width: 340px; }
  
  .vertical-overlay-menu .navbar.navbar-brand-center .navbar-header {
	float: left;
	width: auto; }
  
  .vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: width .25s,opacity .25s,transform .25s;
	width: 340px;
	left: -340px; }
	.vertical-overlay-menu .main-menu .navigation .navigation-header .feather.icon-minus {
	  display: none; }
	.vertical-overlay-menu .main-menu .navigation > li > a > i {
	  font-size: 1.2rem;
	  margin-right: 12px;
	  float: left; }
	  .vertical-overlay-menu .main-menu .navigation > li > a > i:before {
		transition: 200ms ease all; }
	.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
	  content: "\f105";
	  font-family: 'FontAwesome';
	  font-size: 1rem;
	  display: inline-block;
	  position: absolute;
	  right: 20px;
	  top: 10px;
	  transform: rotate(0deg);
	  transition: -webkit-transform 0.2s ease-in-out; }
	.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
	  transform: rotate(90deg); }
	.vertical-overlay-menu .main-menu .main-menu-footer {
	  bottom: 55px; }
	.vertical-overlay-menu .main-menu .main-menu-footer {
	  width: 340px; }
  
  .vertical-overlay-menu.menu-open .main-menu {
	opacity: 1;
	transform: translate3d(340px, 0, 0);
	transition: width .25s,opacity .25s,transform .25s; }
  
  .vertical-overlay-menu.menu-flipped .main-menu {
	right: -340px;
	left: inherit; }
  
  .vertical-overlay-menu.menu-flipped .navbar .navbar-container {
	margin: 0;
	margin-right: 340px; }
  
  .vertical-overlay-menu.menu-flipped .navbar .navbar-header {
	float: right; }
  
  .vertical-overlay-menu.menu-flipped.menu-open .main-menu {
	transform: translate3d(-340px, 0, 0); }
  
  .vertical-overlay-menu footer.footer.fixed-bottom {
	z-index: 999; }
  
  .vertical-overlay-menu.vertical-overlay-menu.boxed-layout.menu-open .main-menu {
	transform: translate3d(340px, 0, 0);
	margin-left: 7px; }
  
  @media (max-width: 991.98px) {
	.vertical-overlay-menu .main-menu .main-menu-footer {
	  bottom: 0px; } }
  
  @media screen and (max-width: 575px) {
	.vertical-overlay-menu.boxed-layout.menu-open .main-menu {
	  transform: translate3d(340px, 0, 0) !important;
	  margin-left: 0 !important; } }
  
  [data-textdirection="rtl"] body.vertical-layout.vertical-overlay-menu.menu-collapsed .main-menu .navigation > li > a {
	padding: 14px 16px !important; }
  
  [data-textdirection="rtl"] body.vertical-layout.vertical-overlay-menu.menu-collapsed .main-menu .navigation > li.navigation-header .feather.icon-minus {
	padding: 12px 0px; }
  
  [data-textdirection="rtl"] body.vertical-layout.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
	content: '\f104'; }
  
  [data-textdirection="rtl"] body.vertical-layout .knob-center-icon {
	margin-left: -99px; }