/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/

body.login{

    background-image:var(--comfe-login-background);

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

}

/*
|--------------------------------------------------------------------------
| Logo
|--------------------------------------------------------------------------
*/

.login h1 a{

    background-image:var(--comfe-login-logo);

    background-size:contain;

    width:170px;

    height:70px;

}

.login h1{

    margin-bottom:15px;

}

/*
|--------------------------------------------------------------------------
| Contenedor del Login
|--------------------------------------------------------------------------
*/

.login form{

    border:none;

    border-radius:12px;

    box-shadow:

        0 10px 30px rgba(0,0,0,.18);

}

/*
|--------------------------------------------------------------------------
| Botón Principal
|--------------------------------------------------------------------------
*/

.wp-core-ui .button-primary{

    background:#C8DD00;

    border-color:#C8DD00;

    color:#000;

    text-shadow:none;

}

.wp-core-ui .button-primary:hover{

    background:#b8ca00;

    border-color:#b8ca00;

}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.comfe-login-footer{

    margin-top:40px;

    text-align:center;

    color:#ffffff;

    font-size:13px;

}

/*
|--------------------------------------------------------------------------
| Título
|--------------------------------------------------------------------------
*/

.comfe-login-title{

    margin:0 0 30px;

    text-align:center;

    font-size:24px;

    font-weight:700;

    color:#222;

}

/*
|--------------------------------------------------------------------------
| Inputs
|--------------------------------------------------------------------------
*/

.login form{

    padding:35px;

    width:320px;

}

.login input[type=text],
.login input[type=password]{

    height:46px;

    font-size:18px;

    border-radius:3px;

}

/*
|--------------------------------------------------------------------------
| Office365
|--------------------------------------------------------------------------
*/

.mo-openid-app-icons{

    margin-bottom:18px;

}

.mo_btn{

    width:100% !important;

    display:flex !important;

    justify-content:center;

    align-items:center;

}

/*
|--------------------------------------------------------------------------
| Botón Acceder
|--------------------------------------------------------------------------
*/

.wp-core-ui .button-primary{

    width:100%;

    height:48px;

    border-radius:4px;

    font-size:18px;

}

/*
|--------------------------------------------------------------------------
| Checkbox
|--------------------------------------------------------------------------
*/

.forgetmenot{

    display: none;

}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.comfe-login-footer{

    margin-top:30px;

    font-size:12px;

}