/*login*/
.login-area {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
  
  @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* header logo */
a:hover {
  text-decoration: none;
}
.main-sidebar .sidebar-brand a .header-logo {
  height: 50px;
}

@media (max-width: 580px) {
  .fullscreen-btn {
    display: none;
  }
}