@keyframes pulsarOpacidade { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.7; } } .uploading { animation: pulsarOpacidade 2s ease-in-out infinite; } label{color: #081131} input, select, textarea { color: #003066; border-color: #d2ddec; border-radius: 5px; } input:focus, select:focus, textarea:focus { color: #ff5034; border-color: #ff5034; border-radius: 5px; } .hidden { display: none!important; } .sombraF { -webkit-box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.1); } .sombraL { -webkit-box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.05); box-shadow: 3px 3px 32px 3px rgba(0, 0, 0, 0.05); } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOutDown { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; animation-duration: 1s;  animation-fill-mode: both; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; animation-duration: 1s;  animation-fill-mode: both; } .popup{ backdrop-filter: blur(5px); } .toast-container { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; padding: 10px; margin-bottom: 35px; } .toast-notification { background-color: #28a745;  color: white; padding: 15px; position: relative; border-radius: 5px; margin-bottom: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center; opacity: 0; bottom: -100px; transition: all 0.5s ease-in-out; animation: slideIn 0.5s forwards; } .toast-notification.error { background-color: #dc3545;  } .toast-close { cursor: pointer; font-size: 20px; } .toast-progress { height: 5px; background-color: white; width: 100%; position: absolute; bottom: 0; left: 0; } @keyframes slideIn { from { bottom: -100px; opacity: 0; } to { bottom: 0; opacity: 1; } } .disableSelect { -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  }