:root {
  --accent-color: #40a8c6;
  --accent-background-secondary: #4d65a4;
  --background-primary: #ffffff;
  --background-secondary: #ffffff;
  --text-primary: #000000;
  --text-secondary: #000000;
}

html[data-theme="dark"] {
  --accent-color: #40a8c6;
  --accent-background-secondary: #303030;
  --background-primary: #222222;
  --background-secondary: #303030;
  --text-primary: #ffffff;
  --text-secondary: #222222;
}

body {
background-color: #ffffff;
}
@media screen and (max-width:580px) {
.login input, .login div, .login label{
max-width: 99%;
}
.login div#login{
margin-top: 20px;
}
div#login div#branding img
{
max-width: 70%;
}
.login .submit{
position: absolute;
left: 50%;
margin-top: -45px !important;
display: inline-block;
width: 50px !important;
}
#imgLogo {
width: 400px;
}
.login .lostpassword
{
text-align: center;
margin-top: 28px;
width: 100%;
}
}