.demo-panel{
	position: fixed;
	right: 0;
	top: 0;


	background: #fff;
	height: 100%;
	width: 260px;
	padding: 20px;


    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
	z-index: 100000;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	backface-visibility: hidden;
}

.demo-panel{
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-webkit-transform: translateX(260px);
	transform: translateX(260px);		
	transition: transform .2s;
}

.demo-panel-control, .demo-panel.open{
	box-shadow: -7px 0px 20px -1px rgba(0,0,0,0.14);
}

.demo-panel.open, .demo-panel-control{
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);		

	transition: transform .2s;
}

.demo-panel-control.open{
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-webkit-transform: translateX(-260px);
	transform: translateX(-260px);	
	transition: transform .2s;
}	

.demo-panel-control {
	top: 20%;
	position: fixed;
	background: #fff;
	padding: 10px;
	font-size: 20px;
	margin-left: -68px;
	right: 0;
	z-index: 1000001;
	border-radius: 10px 0 0 10px;
	cursor: pointer;
}

.demo-panel-control span{
  animation: spin 4s infinite linear;
  display: inline-block;
}

.demo-panel img{
	max-width: 100%;
}

.ps-scrollbar-x-rail, .ps-scrollbar-y-rail{
	display: none;
}


.demo-panel .button_wrapper{
	width: 100%;
}

.demo-panel .button_wrapper a{
	background-color: #90bf3d;
	font-weight: bold;
	color: #fff;
	font-weight: bold !important;
	font-size: 16px;	
	width: 100%;
	line-height: 26px;
}

.demo-panel .button_wrapper a:hover{
	line-height: 26px;
}

.demo-link{
    text-decoration: none;
    margin-bottom: 30px;
    display: block;
}

.demo-link img{  
    margin-bottom: 10px;
}

.demo-link h5{
    font-size: 14px !important;
    line-height: 14px !important;
    color: #666666 !important;
    font-family: "Roboto Condensed" !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.demo-panel-contents i{
    color: #a9a9a9;
    font-style: normal;
    position: absolute;
    right: 20px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
}

.other-demos{
	margin: 40px 0 0;
}

.other-demos h5{
	font-size: 12px !important;
	letter-spacing: 4px;
	color: #bbb;	
}