/** * Framework Tecno * @author Anderson Carlos * @copyright Tecnoprog © 2019, Tecnoprog Informatica e Eletronica LTDA - ME. * * Modal de sessao expirando (#session-timeout-dialog). * Emitido por ultimo no (#erp-css-late) — o default.css e * e perde para Bootstrap |inline (fonte/botoes maiores). * * z-index acima do Select2 (~1051) para o aviso/contagem nao ficar atras * do combo (ex.: /order/budget-form). */ #session-timeout-dialog { z-index: 2000; } /** * Backdrop so do aviso de sessao (classe aplicada no JS ao abrir). * Nao alterar .modal-backdrop global — quebra outros modais do ERP. */ .modal-backdrop.session-timeout-backdrop { z-index: 1990; } #session-timeout-dialog .modal-dialog { font-size: 0.875rem; } #session-timeout-dialog .modal-content { border: 1px solid #bfc9d4; box-shadow: 0 0 15px 1px #ebedf2; } #session-timeout-dialog .modal-body { text-align: center; padding: 1rem; } #session-timeout-dialog .modal-body p { color: #3b3f5c; font-weight: 600; margin-bottom: 0; font-size: 0.875rem; line-height: 1.45; } #session-timeout-dialog .modal-body p + p { margin-top: 0.5rem; } #session-timeout-dialog p span.countdown-holder { color: #e7515a; font-size: 18px; font-weight: 600; } #session-timeout-dialog .modal-footer { border: none; justify-content: center; padding: 0.75rem 1rem 1rem; } /** * Botoes no tamanho do theme Cork (.btn), nao do Bootstrap padrao (1rem). */ #session-timeout-dialog .modal-footer .btn { margin: 0 5px; padding: 0.4375rem 1.25rem; font-size: 14px; font-weight: normal; line-height: 1.5; min-width: auto; box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1); } #session-timeout-dialog .progress { width: 50%; margin: 0.75rem auto 0; border-radius: 30px; height: 10px; background-color: #ebedf2; } #session-timeout-dialog .progress .progress-bar, #session-timeout-dialog .progress .countdown-bar { border-radius: 30px; } @media (min-width: 576px) { #session-timeout-dialog .modal-dialog { max-width: 350px; } }