/* Celular */

@media (max-width: 767px) {
	
	.aside.in {
  width: 100%;
  min-width: auto;
	
		 
}

	.aside {
  min-width: 650px;
  width: 60%;
  position: fixed;
  top:0px;
  right: 0;
  bottom: -300px;
  background-color: #fafafa;
  font-family: Helvetica, Arial, sans-serif;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 210000;
  width: 0px;
  min-width: 0px;
    overflow: hidden;

	
}


.aside-backdrop {
 
  z-index: 200000;
  
}

.aside-conteudo 
{
	height:500px;
	overflow:auto;
	padding-bottom:25px;
	
}

	
}


/* tablet */

@media (min-width: 766px) and (max-width: 1199px) {
	
	.aside.in {
  width: 35%;
  min-width: 500px;
	
		 
}


	.aside {
  min-width: 650px;
  width: 60%;
  position: fixed;
  top:0px;
  right: 0;
  bottom: -300px;
  background-color: #fafafa;
  font-family: Helvetica, Arial, sans-serif;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   z-index: 210000;
  width: 0px;
  min-width: 0px;
  overflow: hidden;
	
}


aside-backdrop {
 
  z-index: 200000;
 
}

.aside-conteudo 
{
	height:500px;
	overflow:auto;
	padding-bottom:25px;
	
}	

	
	
}



/* desktop */ 

@media (min-width: 1199px) 
{
	
	.aside.in {
  width: 35%;
  min-width: 500px;
	}
	
	.aside {
  position: fixed;
  top:0px;
  right: 0;
  bottom: -300px;
  background-color: #fafafa;
  font-family: Helvetica, Arial, sans-serif;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 210000;
  width: 0px;
  min-width: 0px;
  overflow: hidden;
	
}
	
aside-backdrop {
 z-index: 210000;
}
	
	
.aside-conteudo 
{
	height:450px;
	overflow:scroll;
	padding-bottom:50px;
	
}	
		 
	
}

/* Gerais */

.aside .close 
{
	position:absolute;
	top:0px;
	right:0px;
	opacity:100;
}

.aside .aside-conteudo
{
	color:#1D1A1A;
	padding-right:40px;
	padding-left:40px;
	padding-top:30px;
	overflow:auto;
	
	
}


.aside .aside-header {
  background-color: #3498DB;
  padding: 1em;
  padding-left: 0.5em;
  border-bottom: 3px solid #2980B9;
  font-size: 1.2em;
  color: #fff;
}

.aside .aside-header .close2 {
  float: right;
  cursor: pointer;
	
}

.aside .aside-contents {
  
  padding-bottom: 1em;
}



.aside-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  transition: 0.4s opacity ease;
  opacity: 0;
  display: none;
	z-index:100000;
}

.aside-backdrop.in {
  display: block;
  opacity: 0.7;
}

.link-mensagem 
{
	cursor:pointer !important;
}