/* * xDocket Global Spinner Animation Fix * This file ensures ALL spinners animate properly throughout the application * * IMPORTANT: This file must be loaded AFTER any other CSS that defines .spinner-border * Add to _Layout.cshtml in the section AFTER all other CSS files */ /* Fix spinner animation - requires display: inline-block for transform to work */ .spinner-border { display: inline-block !important; animation: xd-spinner-rotation 0.75s linear infinite !important; } /* Ensure keyframes animation exists globally */ @keyframes xd-spinner-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Fix progress bar animation */ .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite !important; } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0; } 100% { background-position: 0 0; } }