Tengo este código de un iframe que muestra un documento de Google Docs:

<div itemprop="description" class="col-xs-12 no-h-padding" id="article_desc" style="margin:0 auto; width:90%; float:none;">

  <iframe src="https://docs.google.com/viewer?url=http://example.com/docs/1.pdf&hl=ar&embedded=true" scrolling="no"></iframe>

</div>

El iFrame funciona muy bien y muestra el siguiente iFrame:

Ahora quiero cambiar el fondo gris como se ve en la imagen de arriba a un color de fondo blanco, he estado buscando una solución y se me ocurrióesta, pero no funciona, el fondo se volvió blanco (con mi CSS personalizado) pero Google Docs no funcionó y mostró un mensaje que me decía "algo salió mal" dentro del iFrame.

¿Alguien sabe cómo puedo cambiar el color de fondo gris?

EDITAR Funciona en Google Chrome y Opera, pero no en Firefox ni Safari.