Hola me gustaría cambiar el Logo de la pantalla de login del administrador y que quede centrado en vez de a la izquierda como estaba en la versión 11.

Vale el cambio del logo es muy sencillo simplemente añado el logo.png en la carpeta admin y cambio la ruta en el archivo admin/login.php

Pero ahora no consigo dejarlo centrado de forma automática, con el archivo admin/css/template.css

La estructura de la página del login está referida dentro del archivo template.css en esta sección.

/*
| -----------------------------
| LOGIN
| -----------------------------
*/

.logo {
    margin-left: 20px;
}

.login-form {
    padding: 20px;
    text-align: center;
}

.login-form .button {
    margin-top: 20px;
}

---------------------------------------

Y el logo se posiciona con este parámetro

.logo {
    margin-left: 20px;
}

Podría añadir 500px y quedaría centrado siempre que la pagina estuviese viéndose con un Zoom del 100% pero si variamos el Zoom sucede que el logo va rodándose a izquierda o derecha según si ampliamos o reducimos su tamaño

Que comando puedo utilizar para que la imagen del logo me quede centrada y siga funcionando con respoonsive y a cualquier tamaño de zoom siempre en el centro

he probado lo que se me ha ocurrido, pero no lo consigo

.logo {
    margin-left: 0px auto;
}

.logo {
    margin-left: 0 auto;

}

.logo{

display:block;

margin:0auto;

}

Bueno no quiero poner tropecientos ejemplos, pero he probado muchas modificaciones y el caso es que no he dado con el comando adecuado, para que me quede el logo centrado en mitad de la página sobre el área de texto de login, de forma automática.

Agradecería una ayudita, muchas gracias, un saludo.