body{
	font-size: 12px;
}
.buttons{
	text-align: center;
	padding: 1em;
}
#panel{   
  padding: 1em;
  background: #fff;
  width: 40%;
  height: 100%;
  position: fixed;
  z-index: 2000;
  margin-left: 60%;
  -webkit-box-shadow: -2px 0px 19px 0px rgba(148, 148, 148, 1);
  -moz-box-shadow: -2px 0px 19px 0px rgba(148, 148, 148, 1);
   box-shadow: -2px 0px 19px 0px rgba(148, 148, 148, 1);
  overflow-y: auto;
  display: none;
 
}
.title-panel{
	color: #949494;
    font-weight: 400;
    font-size: 1.4em;
    margin-bottom: 1.5em;
}
.subtitle-panel{
	text-align: center;

}
.sub{
	color: #949494;
}
#list-panel, .container-results{
	padding: 1em;
}
.container-buttons{
	display:flex;
	padding-bottom:3em;
}
.container-buttons button{
	flex: 48%;
}
.container-buttons button:first-child{
	margin-right: 1em;
}


@keyframes view-left {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}

	to {
		transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes view-rigth {
	from {
		transform: translateX(50%);
		opacity: 0;
	}

	to {
		transform: translateX(0%);
		opacity: 1;
	}
}