/* CUSTOM CSS - LOADING */

div.loading { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100vw; height: 100vh; z-index: 999999; text-align: center; padding-top: 26vh; animation: show_effect 0.3s; }
div.loading.showLoad { animation: show_effect 0.3s; }
div.loading.hideLoad { animation: hide_effect 0.4s; }


div.loading > span.message { display: block; width: 50%; margin: 0 auto; margin-top: 20px; color: rgba(240, 240, 240, 1); font-size: 18px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); }



div.loading.report { background-color: transparent; padding-top: 16vh; animation: show_effect 0.3s; }
div.loading.report > span.message { color: rgba(0, 0, 0, 0.8); font-size: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }


@keyframes hide_effect {
	100% { opacity: 0; }
}