/*
**
**
**
**
**
**
**
**
** ======= LOGIN - DEFAULT OVERWRITE ========================
** ==========================================================
*/

footer{
    background-color:#202022 !important;
}

/*
**
**
**
**
**
**
**
**
** ======= LOGIN - SIGN IN FRAME ============================
** ==========================================================
*/

.frame.login-form{
    position:relative;
    margin:0;
    width:100%;min-width:430px;height:calc(100% - 100px);min-height:550px;padding:0 0 100px 0;   
    background-color:#262628;
    background-image:url("native/resources/visual/interface/tile-BG_0_3.png?v=1");
}
.frame.login-form > .safe-zone{
    position:relative;
    top:calc(50% - 178px);
    margin:0 auto;
    width:360px;
}


/*==== LOGIN - HEADER ==============================*/
/*==================================================*/

.frame.login-form header{
    position:relative;
    margin:0 auto;
    width:92%;height:auto;padding:0;
}
.frame.login-form header > h1{
    font-size:18px;color:#DEDEDF;font-weight:300;letter-spacing:0.4px;line-height:18px;
}
.frame.login-form header > h2{
    font-size:30px;color:#FEFEFF;font-weight:500;letter-spacing:0.2px;line-height:40px;
}


/*==== LOGIN - FORM ================================*/
/*==================================================*/

#recovery-form-A{
    position:relative;
    margin:26px auto 0 auto;
    width:338px;height:auto;padding:0;
    background-color:transparent;
}
#recovery-form-A > .KUI-field-group{
    width:100%;
}
#recovery-form-A > .KUI-field-group > .KUI-field{
    border-width:0;
    background-color:#404042;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
#recovery-form-A > .KUI-field-group > .KUI-field > label,
#recovery-form-A > .KUI-field-group > .KUI-field > input{
    color:#D0D0D2;font-weight:400;letter-spacing:0.6px;
}
#recovery-form-A > .KUI-field-group > .KUI-field[data-format="password"]{
    margin-top:6px;
}
#recovery-form-A > button.login-btn{
    margin-top:18px;
    height:46px;
    background-color:#D45D22;
}


/*==== LOGIN - HEADER ==============================*/
/*==================================================*/

.frame.login-form > .safe-zone > .post-form{
    position:relative;
    margin:70px 0 0 0;
    width:100%;
    text-align:center;
}
.frame.login-form > .safe-zone > .post-form button.NUI-min-button-0{
    margin:2px 0 0 0;
    padding:8px 16px 6px 0;
    background-image:url("native/resources/visual/interface/sub-arrow-right_0_2.png");background-size:16px auto;background-position:right 9px;
    font-size:14px;color:#D45D22;font-weight:400;letter-spacing:0.4px;line-height:18px;
}

/*
**
**
**
**
**
**
**
**
** ======= LOGIN - RESPONSIVE ===============================
** ==========================================================
*/

@media only screen and (max-width:500px){
    
    
    #recovery-form-A > button.login-btn{
        width:100%;
        font-size:15px;letter-spacing:0.8px;
    }
 
    
}