#loading {
    top:      43%; /* posicao vertical na tela */
    margin:   -65px 0 0 -45px; /* não é necessário alterar estas margens */ 
}
  
#loading .loading-indicator {
    background: url(./files/loading/13.gif); /* troque aqui o nome do arquivo */
    background-repeat: no-repeat; /* sem essa propriedade a imagem se repete na tela */
    background-position: center; /*centraliza a imagem dentro do container loading-indicator */
    background-size: 300px; /* tamano da animação */
    background-color: transparent; 
    color:      #333; /*Cor do texto (Loading, Carregando) */
    font:       15px arial,helvetica,tahoma; /* Tamanho e tipo da fonte */
    padding:    130px 10px 10px 10px; /* Posicionamento do texto. dependendo do background-size, pode ser necessário reajustar */
    opacity: .7;
    rotate: (45deg);    
}

.x-mask-msg  {
    background-image: url(./files/loading/13.gif) !important;
    background-size: 50px; 
    background-color: #FFF !important;             
    background-repeat: no-repeat !important;
    background-position: center 8px  !important;
    border-radius: 8px !important; 
    border: 1px solid #CCC;
    padding: 30px 40px 10px 40px !important; 
    -webkit-box-shadow: 0px 5px 43px -11px rgba(92,92,92,1);
    -moz-box-shadow: 0px 5px 43px -11px rgba(92,92,92,1);
    box-shadow: 0px 5px 43px -11px rgba(92,92,92,1);
 }
 
 .x-mask-msg-text, .x-mask-msg-inner {
    background-color: transparent !important;  
    background-image: none !important;
    border:0 !important; 
 } 
 
 .x-mask-msg-text {
    margin: 0;
    padding: 0;
    margin: 35px 0 -6px 0;
    text-align: center !important;      
    color: #666 !important; 
    position: relative;
    bottom: 3px;
 }