body {
  background: var(--background-gradient);
  --background-gradient: linear-gradient(to bottom right, #00ffff 0%, #59d9d9 25%, #6d80e6 50%, #c032e3 75%, #ff00cc  100%);

}

html, body {
  height: 100%;
  margin: 0; 
}

.container {
  height: calc(100vh - 56px);
  display: flex; 
  justify-content: center; 
  align-items: center;
}

.card {
  border: none !important;
  box-shadow: none !important;
}

#login-container{
	background-color: #009abb;
}

.login-button{
  background: linear-gradient(to bottom right, #49ba80 0%, #009abb 33%, #344da1 66%, #b03c96 100%);

}

.btn-icon{
  max-height: 22px;
}

.toast {
  position: fixed; 
  bottom: 56px; 
  left: 50%;
  transform: translateX(-50%);
}