@charset "utf-8";
/* CSS Document */

.div_janelas
{
	position:fixed;
	box-sizing:border-box;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	/*background-color:rgba(6,6,6,0.60);*/
	background-color:rgb(102,102,102,0.6);
	z-index:999999999999999999999999999999999999999999999999999999999999999 !important;	
}

.div_janelas>div
{
	width:120px;
	height:120px;
	margin:0 auto;
	margin-top:18%;
	border-radius:150px;
	
	background-color:rgb(255,255,255);
	box-shadow:1px 1px 4px rgb(0,0,0,0.2);
	
	background-image:url(../../js/ajax/loader/loader_preview.gif);
	background-size:auto 150px;
	background-position:center;
	background-repeat:no-repeat;
}

.load_forms
{
    width: 100%;
    float: left;
    padding-top: 30px;
    text-align: center;
}

.load_forms > div
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    opacity: 0.3;
    
    background-image: url("loader/loader_preview.gif");
    background-size: cover;
    background-repeat: no-repeat;
}

.css_ajax
{
	margin:0 auto;
	padding:0;
	position:relative;
	width:40px;
	height:40px !important;
	min-height:40px !important;
	border-radius:40px !important;
	padding:5px !important;
	margin-top: 30px;
	
	text-align:center;
	background-color:#FFFFFF;	
	box-sizing:border-box;
	line-height:40px;
	display:table;
}

.css_ajax img
{
	width:140px;
}

.css_ajaxBg
{
	margin:0 auto;
	margin-top:10px;
	
	position:relative;
	width:100%;
	height:80px !important;
	
	background-image:url(loader/preload.gif);
	background-position:center;
	background-size:200px auto;
	background-repeat:no-repeat;
	
	box-sizing:border-box;
	display:table;
}

.css_ajax_mini
{
	width:100% !important;
	float:left !important;
	display:table !important;
	
	padding:0;
	margin:0;
	text-align:center;
	height:30px;
}

.css_ajax_mini > div
{
    width: 35px;
    height: 35px;
    margin: 0 auto;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px auto;
    
    background-image: url("loader/loader.gif");
}

.body_ajax {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999999999999999999999999999999999999999999999999999999999999999;
    text-align: center;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.93) 0.6%, rgba(220, 220, 220, 0.8) 101%);
    opacity: 0; /* Inicia invisível */
    visibility: hidden; /* Evita interação com o elemento */
    transition: opacity 2s ease, visibility 3s ease; /* Transições suaves */
}

.body_ajax.show {
    opacity: 0.7; /* Torna visível */
    visibility: visible;
}

.body_ajax.hide {  /* Classe para quando for removida a classe 'show' */
  opacity: 0;
  transform: scale(0.9); /* Reduz a escala, se necessário */
}

.body_ajax > div 
{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 20%;
    border-radius: 150px;
    opacity: 0.6;
    background-image: url(loader/loader_big2.gif);
    background-size: auto 250px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 2s ease, opacity 2s ease; /* Transições suaves */
}

.es
{
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0.6%, rgba(20, 20, 20, 0.98) 101%) !important;
}

.es > div
{
	background-image: url(loader/loadBlack.gif);
	background-size:auto 150px;
	opacity: 0.9;
	
	box-shadow: 1px 2px 150px 200px rgb(0,0,0,0.9) !important;
	transition: all 2s; /* Transições suaves */
}