*{
box-sizing: border-box;
}
body{
font-family:sans-serif;
font-size:14px;
line-height:1.42857143;
color:#333;
background-color:#ecf0f5;
}
.header{
position:fixed;
top:0px;
left:0px;
right:0px;
max-height:100px;
}
.title{
background-color: #1E77AB;
}
.sidebar{
position:fixed;
padding-top: 50px;
background-color:#222D32;
color:white;
left:0px;
padding:5px;
}
.content{
margin-left:20px;
padding-top:50px;
}
.body-login{
background-color:#222222;
}
.login-form{
text-align:center;
width:33%;
min-width:250px;
max-width:400px;
background-color:#ffffff;
padding:20px;
margin-top:70px;
margin-left:auto;
margin-right:auto;
}
.login-head{
margin-bottom:20px;
font-size:1.25rem;
font-weight:600;
}
.login-logo{
margin-bottom:20px;
}
.login-input{
width:90%;
border:0 none;
border-bottom-style:solid;
border-bottom-color:#bbbbbb;
border-bottom-width:1px;
padding:10px;
margin-bottom:10px;
}
.login-submit{
width:90%;
background-color:#446D8C;
border:0 none;
color:white;
padding:10px;
margin:10px;
display:inline-block;
}
.login-error{
color:red;
font-weight:600;
}