/* FORM ..................*/ 
.login .form{
    padding: 120px 0 30px 0;
}

/* CENTER ..................*/ 
.login .center{
    margin: 0 auto;
    width: 470px;
    height: 320px;
}

/* LEFT ..................*/ 
.login .left{
    width: 180px;
    height: 100%;
    overflow: hidden;
    float: left;
}

/* RIGHT ..................*/ 
.login .right{
    width: calc(100% - 190px);
    height: 100%;
    overflow: hidden;
    float: right;
    position: relative;
}

/* BOTTOM ..................*/ 
.login .bottom{
    margin: 0 auto;
    width: 470px;
}  

/* FORGOTTEN ..................*/ 
.login .forgotten{
    margin: 0 auto;
    width: 470px;
}  
.login .forgotten a{
    margin-top: 5px;
    display: block;
    float: right;
    font-style: italic;
}  
/* FORGOTTEN ..................*/ 


/* LOGO ..................*/ 
.login .logo{
    width: 100%;
    height: 180px;
    overflow: hidden;
    display: block;
}

/* LANG ..................*/
.login .lang{
    margin: 10px 0 0 0;
    width: 100%;
    height: calc(100% - 190px);
    overflow: hidden;
    background-color: #656565;
}
.login .lang .inputs{
    margin: 15px;
}
.login .lang .inputs .label{
    font-weight: bold;
}
.login .lang .inputs .select{
    background-color: #656565;
    color: #fff;
    border: 1px solid #444;
    padding:5px;
    display: block;
    width: calc(100% - 0px);
}
/* LANG ..................*/



/* INPUTS ..................*/
.login .right .inputs{
    width: 100%;
    height: calc(100% - 70px);
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

/* MOBILE ..................*/
.login .right .toMobile{
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}       

/* INPUT ..................*/
.login .right .input-box{
    margin: 15px 15px 15px 15px;
}   
.login .right .input-box-first{
    margin-top: 60px;
} 

.login .right .label{
    font-weight: bold;
    text-align: left;
} 
.login .right .input{
    padding: 6px;
    display: block;
    width: calc(100% - 14px);
} 
.login .right .select{
    padding:5px;
    display: block;
    width: calc(100% - 0px);
} 

.login .right .input:focus,
.login .right .select:focus {
    border-color:#ff6c00;
    outline:none;
}
/* INPUT ..................*/


/* SEND ..................*/
.login .right .send{
    margin: 10px 0 0 0;
    height: 60px;
    cursor: pointer;
}
.login .right .send .enter{
    margin: 16px 20px 0 0;
    width: calc(50% - 20px);
    font-size: 22px;
    color: #fff;
    float: right;
    text-align: right;
}
/* SEND ..................*/


/* BOTTOM ..................*/
.login .bottom{
    margin: 10px auto 0 auto;
    width: 470px;
}
.login .bottom .error{
    text-align: center;
    margin:  0 0 10px 0;
    padding:10px;
    color:#fff;
    background-color:#CB0729;
}
.login .bottom .copyright{
    margin: 0 0 0 0;
    text-align: center;
}
/* BOTTOM ..................*/