.pretao
{
	position:fixed!important; 
	top:0; 
	left:0; 
	background-color:rgba(17,17,17,0.7);
	/*background-color:#000;*/
	width:100%; 
	height:100%;  
	animation: myAnim1 0.5s ease 0s 1 normal forwards;
	z-index:1001;
	
	display: none;
	justify-content: center;
	align-items: center;	
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .pretao {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  
@keyframes myAnim1
{
	0% 
	{
		opacity: 0;
	}
	100% 
	{
		opacity: 1;
	}
}

@keyframes myAnim2
{
	0% 
	{
		opacity: 1;
	}
	100% 
	{
		opacity: 0;
	}
}

@keyframes abre_janela1
{
	0% 
	{
		transform: scale(0);
	}
	100% 
	{
		transform: scale(1);
	}
}

@keyframes abre_janela2
{
	0% 
	{
		transform: scale(1);
	}
	100% 
	{
		transform: scale(0);
	}
}

.janela_basica
{
	position:relative;
	width:calc(100% - 40px);
	background-color:#f5f7ff;
	border-radius:8px;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);
	border-left:10px solid #4A6CF7;
	
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:16px;
	color:#212529;
	text-align:justify;
	overflow:hidden;
	display:none;
	
	animation: abre_janela1 0.5s ease 0s 1 normal forwards;
}

.bt_fechar_janelas
{
	position:absolute;
	right:10px;
	top:10px;
	width:30px;
	height:30px;
	border-radius: 50%;
	cursor:pointer;
	/*background-color:#FF6B6B;*/
	
	outline:0;
	border:0;
	margin:0;
	
	background-image:url(../img/fechar.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:55%;
	
	-webkit-transition: var(--transition);
	transition: var(--transition);
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}

@media screen and (min-width: 961px) and (max-width: 1119px)
{
}

@media screen and (min-width: 1120px)
{
	.janela_basica
	{
		position:relative;
		width:500px;
		background-color:#f5f7ff;
		border-radius:8px;
		box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);
		
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size:16px;
		color:#212529;
		text-align:justify;
		overflow:hidden;
		display:none;
		
		border-left:10px solid #4A6CF7;
		
		animation: abre_janela1 0.5s ease 0s 1 normal forwards;
	}

	.bt_fechar_janelas
	{
		position:absolute;
		right:10px;
		top:10px;
		width:30px;
		height:30px;
		border-radius: 50%;
		cursor:pointer;
		/*background-color:#6C757D;*/
		
		outline:0;
		border:0;
		margin:0;
		
		background-image:url(../img/fechar.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:55%;
		
		-webkit-transition: var(--transition);
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
	}


	.bt_fechar_janelas:hover
	{
		/*background-color:#FF6B6B;*/
		background-size:70%;
	}
}