@charset "iso-8859-1";
/* CSS Document */
.css_ajax
{
	position:absolute;
	width:100%;
	float:left;
	text-align:center;
	box-sizing:border-box;
	padding-top:30px;
	padding-bottom:30px;	
}

.body_ajax
{
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #646464;
	background-color: rgba(0,0,0,0.4);
	opacity: 1;
	z-index: 99999999999999999999999999999999999;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* círculo branco central */
.body_ajax > div:nth-child(1)
{
	position: relative;
	box-sizing: border-box;
	opacity: 1;
	border-radius: 100%;
	height: 120px;
	width: 120px;
}

/* spinner em css */
.body_ajax > div:nth-child(1)::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin-top: -27px;
	margin-left: -27px;
	border-radius: 50%;
	border: 5px solid rgba(0, 0, 0, 0.12);
	border-top: 5px solid #333333;
	animation: bodyAjaxSpin 0.8s linear infinite;
}

/* efeito opcional de brilho pulsando */
.body_ajax > div:nth-child(1)::after
{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 78px;
	height: 78px;
	margin-top: -39px;
	margin-left: -39px;
	border-radius: 50%;
	background: rgba(0,0,0,0.03);
	animation: bodyAjaxPulse 1.4s ease-in-out infinite;
}

@keyframes bodyAjaxSpin
{
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes bodyAjaxPulse
{
	0%   { transform: scale(0.92); opacity: 0.35; }
	50%  { transform: scale(1); opacity: 0.15; }
	100% { transform: scale(0.92); opacity: 0.35; }
}

.body_ajax > img
{
	box-sizing: border-box;
	margin-top: 10%;
	width: 150px;
	display: none; /* esconde a imagem antiga */
}

.ajax_content
{
	width:100% !important;
	margin:0 auto;
	text-align:center;
	display:block;	
	border:solid 1px #ff0000;
}

.div_load_max
{
	width:100%;
	float:left;	
	
	background-image:url(../../images/carregando_slide.gif);
	background-position:center;
	background-size:auto 100px;
	background-repeat:no-repeat;
	opacity:1;
	
	min-height:500px;
	height:500px;
}

@media screen and (max-width:400px) 
{
	.body_ajax
	{
		height:110% !important;
	}
}