/* Icone de carregamento (mesmo padrao usado em spinner_loader.css/home.aspx): usa a imagem
   images/common/ampulheta.png revelada de cima para baixo em loop. Mantido o nome ".lds-ring"
   (e os 4 <div> filhos do HTML original, agora ocultos) para nao precisar alterar o HTML de
   login.aspx/recuperar.aspx. */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    background-image: url('../../images/common/ampulheta.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: ampulhetaReveal 1.8s ease-in-out infinite;
}

    .lds-ring div {
        display: none;
    }

@keyframes ampulhetaReveal {
    0% {
        clip-path: inset(100% 0 0 0);
    }

    45% {
        clip-path: inset(0 0 0 0);
    }

    80% {
        clip-path: inset(0 0 0 0);
    }

    100% {
        clip-path: inset(100% 0 0 0);
    }
}

/* Escopado só pro modal de loading (#modalWait) - ".modal-dialog" sozinho e' a classe generica do
   Bootstrap, compartilhada por todo modal real da aplicacao (Cadastro Usuário/ECV/Posto-Pátio,
   etc.). Sem esse escopo, o "margin-top: 45vh" (pensado só pra centralizar o spinner) empurrava
   qualquer formulário de cadastro pra baixo da tela, exigindo rolagem pra ver por completo -
   achado reportado pelo usuário em 2026-08-26. */
#modalWait .modal-dialog {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: transparent !important;
    margin-top: 45vh !important;
}