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

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 87px;} 

body
{
margin:0px;
padding:0px;
background-color:#f0f0f0;
font-family: 'Inter',Arial,sans-serif !important;
color:#797a7b;
font-size:14px;
}

#container
{
width:831px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index: 0;
}

.logo
{
height: 215px;
width:827px;
background: url(lay/ds-colour-demo.png) no-repeat 50% 21px transparent;
text-align: center;
font-size:28px;
font-weight: 600;
position: relative;
margin-bottom: 21px;
}

.demo 
{ 
position: absolute; 
bottom: 0; 
left: 0; 
width:825px;
color: #9c9e9f;
padding-bottom: 20px;
}

.loginadmin-zimmer, .loginmini-mini
{
width: 388px;
height: 303px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #d8d8d8;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.loginadmin-zimmer
{

float: left;
margin-right: 49px;
}

.loginmini-mini
{

float: left;
}

h3
{
line-height: 71px;
height:71px;
padding: 0px 0px 0px 22px;
margin: 0px;
}

.loginadmin-zimmer fieldset, .loginmini-mini fieldset
{
border: 0px;
text-align: right;
margin:0px 21px 0px 0px;
padding:0px 0px 16px 0px; 
}

.loginadmin-zimmer fieldset legend, .loginmini-mini fieldset legend
{
float: left;
width: 78px;
height: 39px;
line-height: 39px;
text-align: right;
padding:0px 10px 0px 15px;
font-size: 17px;
color: #9c9e9f;
font-weight: 300;
}

.loginadmin-zimmer input, .loginmini-mini input
{
width: 250px;
height: 39px;
border: 1px solid #9fa1a2;
background-color: #f7f7f7;
font-size: 17px;
font-weight: 300!important;
color: #9c9e9f;
padding:0px 5px 0px 5px;
}

body .login-button-admin, body .login-button-mini
{
background-color:#00e696!important;
color: #000!important;
border: 0px!important; 
width: 153px!important;
font-weight: 300 !important;
cursor: pointer;
-webkit-appearance: none;
border-radius: 20px;
font-weight: 600 !important;

}


.login-button-minidddd
{
background-color:#41abe7!important;
color: #fff!important;
border: 0px!important; 
width: 153px!important;
font-weight: 300 !important;
cursor: pointer;
-webkit-appearance: none;
}

.clear
{
clear: both;
}

.content
{
padding: 40px 0px 20px 0px;
font-weight: 300 !important;
font-size: 16px;
}

a
{
color: #41abe7;
}

#footer
{
width: 100%;
height: 77px;
background-color: #9c9e9f;
position: relative;
margin-top: -77px; 
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix 
{
display: inline-block;
}

.footer-content
{
width:835px;
margin-left:auto;
margin-right:auto;
position:relative;
color: #fff;
font-weight: 300 !important;
}

.copy
{
float: left;
margin-top: 10px;
}

.link
{
margin-top: 10px;
float: right;
}

.link a
{
color: #fff!important;
}