.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
  margin-left: -100%;
}

.main-sidebar, .main-sidebar::before {
  transition: margin-left .3s ease-in-out,width .3s ease-in-out;
  width: 100%;
}

@media all and (min-width: 992px) {
	.tile-menu .tile-item .dropdown-menu{ display: none; }
	.tile-menu .tile-item:hover .tile-link{   }
	.tile-menu .tile-item:hover .dropdown-menu{ display: block; }
	.tile-menu .tile-item .dropdown-menu{ margin-top:0; }
}

a.dropdown-item:hover {
  background: #5fc5f1;
  color: #fff;
  font-weight: 700;
}

a.link-item > span > img { border-radius: 0%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
a.link-item > span > img:hover {
  border-radius: 50%;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.card.card-blur {
  background-color: transparent;
  backdrop-filter: blur(10px);
}

ul.navbar-nav > li.nav-item > a{
	color: #fff;
  font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px #365670 dotted;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

ul.navbar-nav > li.nav-item > a.active,
ul.navbar-nav > li.nav-item > a:hover,
ul.navbar-nav > li.nav-item > a:hover{
	background:#486977;
  color:#fff;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.bg-menu-tile {
  background-image: linear-gradient(#5fc5f1, black);
}