/* sidebar button */
.openbtn {
  position: fixed;
  top: 50%;}
  
 #mySidepanel { 
  position: fixed;
  top: 49%;
   
  } 
.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 70px;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.7s;
  padding-top: 4px;
  border-radius:0px 10px 10px 0px;
 
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #f1f1f1;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #818181;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 25px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 8px 12px;
  border: none;
  border-radius:0px 15px 15px 0px;
}

.openbtn:hover {
  background-color:#444;
  
}
/* sidebar button end */

/* auto popup */
.autoPopup{
	background:white;
	width:666px;
	padding:7px 7px 25px 0px!important;
	position:absolute!important;
	transform: translate(-50%,-50%)!important;
	left: 50%!important;
	top:80%!important;
	border-radius:8px;
	
	text-align: center;
	display:none;


}

#close1{
	
	display:block!important;
	margin:0 0 20px auto!important;
	background:transparent!important;
	font-size:24px!important;
	border-radius:100%!important;
	width:40px!important;
	height:40px!important;
	border: none;
	outline:none;
	cursor:pointer!important;
	background:#d93902!important;
	color:white;
	text-align:center;	
}
/* auto popup end */