@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_mini2
{
	width:100% !important;
	float:left !important;
	display:table !important;
	
	padding:0;
	margin:0;
	text-align:center;
	height:200px;
	
	border: solid 2px #FF0000 !important;
}

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

.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");
}


/* Loader css */
.body_ajax {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.93) 0.6%, rgba(220, 220, 220, 0.8) 101%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.9s ease, visibility 0.9s ease;
}

.body_ajax.show {
    opacity: 0.7;
    visibility: visible;
}

.body_ajax.hide {
    opacity: 0;
    visibility: hidden;
}

.body_ajax > div {
    width: 80px;
    height: 80px;
    border: 5px solid rgba(0, 0, 0, 0.15);
    border-top: 5px solid #333;
    border-radius: 50%;
    animation: loaderSpin 0.8s linear infinite;
    box-sizing: border-box;
    background: transparent;
}

.body_ajax_stripe {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.93) 0.6%, rgba(220, 220, 220, 0.8) 101%);
}

.body_ajax_stripe > div,
.body_ajax_stripe .stripe_loader {
    width: 80px;
    height: 80px;
    border: 5px solid rgba(0, 0, 0, 0.15);
    border-top: 5px solid #333;
    border-radius: 50%;
    animation: loaderSpin 0.8s linear infinite;
    box-sizing: border-box;
    background: transparent;
}

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

/*loaders css */


.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 */
}