/*
*
* styles/prosilver/theme/loading_indicator.css
*
* @package th23_loading_indicator
* @author Thorsten Hartmann (www.th23.net)
* @copyright (c) 2008 by Thorsten Hartmann (www.th23.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* @modified by dmzx (c) 2014 (www.dmzx-web.net) 
*/

@media (max-width: 500px) {

#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none; /* Initially hidden */
    border: 3px solid #ed9900;
    border-radius: inherit; /* Explicit radius */
    width: 80px; /* Container width */
    height: 80px; /* Container height */
    background-color: transparent; /* Background ensures visibility */
    box-sizing: border-box; /* Ensure padding/border are included in dimensions */
}

#loading-indicator span {
    background: url("./images/loading_indicator.gif") no-repeat center center;
    background-size: contain; /* Maintain aspect ratio of the GIF */
    width: 100%; /* Span width to fill the container */
    height: 100%; /* Span height to fill the container */
    display: block; /* Ensure it's a block element */
}

}