body{
     padding:0;
     margin:0;
     font-family: 'Ubuntu', sans-serif;
     font-size:15px;
     line-height:1.2em;
     position:relative;
     height:100%;
     /*background:url('../design/pattern1.jpg');*/
     background:#e3e3e3;
}
.clear{
     display:block;
     clear:both;
}
a{
     text-decoration:none;
     color:#2bc96a;
}
a:hover{
     text-decoration:underline;
}
a img{
     border: 0;
}
#login_wrapper{
     margin:10px auto;
     width:350px;
     box-shadow:0px 0px 5px rgba(0,0,0,0.6);
     border-radius:10px;
     overflow:hidden;
}
h1{
     margin:0;
     padding:20px;
     font-size:1.5em;
     background:#2d323e;
     color:white;
     text-align:center;
     font-weight:500;
     border-bottom:1px solid #024850;
}
.one_login_div{
     padding:20px 25px 0 25px;
     background:#039be5;
}
.one_login_div label{
     color:#333;
}
.input_div{
     margin-top:5px;
}
.input_div input{
     width:100%;
     box-sizing:border-box;
     line-height:2em;
     font-family:Ubuntu;
     padding:3px 7px;
     border-radius:5px;
     border:1px solid #555;
}
.one_login_submit_div{
     padding:15px 25px 20px 25px;
     background: #2d323e;
     border-top:1px solid #024850;
}
.one_login_submit_div label{
     color:#e5e5e5;
     cursor:pointer;
}
.logmein{
     float:right;
     font-size:1em;
     font-family:Ubuntu;
     padding:10px 15px;
     cursor:pointer;
}
.error{
     background:#f9b3b3;
     border:2px solid red;
     color:#222;
     padding:15px 20px;
     width:350px;
     box-sizing:border-box;
     margin:10px auto;
     border-radius:10px;
}
.notpass{
     width:300px;
     margin:10px auto;
}

@media only screen and (max-width: 400px) {
     #login_wrapper{
          width:94%;
          box-sizing: border-box;
     }

}