/*body {
    /*  background: #2d343d;*/
    /* background: #dc6528;*/
	/*background:#FFF;*/
/*}*/


.login {
    margin: 150px auto;
    /*width: 350px;*/
    width: 20%;
    padding: 30px 25px;
    background: white;
    border: 1px solid #c4c4c4;
}

h1.login-title {
    margin: -28px -25px 25px;
    padding: 15px 25px;
    line-height: 30px;
    font-size: 25px;
    font-weight: 300;
    color: #ADADAD;
    text-align:center;
    background: #f7f7f7;

}

.login-input {
    width: 120px;
    height: 50px;
    margin-bottom: 15px;
    padding-left:15px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.login-input:focus {
    border-color:#6e8095;
    outline: none;
}

.login-dv {
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
    padding-left:10px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.login-dv:focus {
    border-color:#6e8095;
    outline: none;
}

.login-button {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #006699; /* #f0776c;*/
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    outline:0;
}

.login-lost
{
    text-align:center;
    margin-bottom:0px;
}

.login-lost a
{
    color:#666;
    text-decoration:none;
    font-size:13px;
}

@media (max-width: 700px)  {
    .login {
        margin: 50px auto;
        width: 80%;
        max-width: 700px;
    }
}