	div#demo-settings{
		display:none;
	}
	.backpack-remove-link:hover{
		color: #fff;
		text-decoration:underline;
	}
	
	#makeMeScrollable
	{
		width:100%;
		height: 160px;
		position: relative;
	}

	#makeMeScrollable div.scrollableArea img
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		/* If you don't want the images in the scroller to be selectable, try the following
		   block of code. It's just a nice feature that prevent the images from
		   accidentally becoming selected/inverted when the user interacts with the scroller. */
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	
	.list-group-item
	{
		font-size: 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.backpack-menu
	{
		margin-top: 22px;
	}
	
	.backpack-menu:hover
	{
		border: 2px solid blue;
		cursor: pointer;
	}
	
	.backpack-menu.active:hover
	{
		border: 1px solid transparent;
		cursor: default;
	}
	
	.badge-success
	{
		margin-top: 7px;
	}
	
	.fa-youtube-play
	{
		line-height: 1.6;
		color: red;
	}
	
	.nav-pills
	{
		white-space:nowrap;
	}
	
	.nav-pills li
	{
		cursor:pointer;
	}
	
	.nav-pills li.active
	{
		cursor:default;
	}
	
	.backpack
	{
		visibility:hidden;
	}
	
	.youtube-link
	{
		cursor:pointer;
	}
	
	#youtube-video iframe
	{
		width:100%;
	}
	
	.list-group
	{
		margin-bottom:0;
		font-size:0;
	}
	
	#book-chapters
	{
		font-size:0;
	}
	
	#book-chapters li
	{
		font-size:13px;
	}
	.scroll-width
	{
		width:100%!important;
	}
	.desk-hidden
	{
		display:none;
	}
	.signin-with-fb
	{
		cursor:pointer;
		margin-left: 5px!important;
		margin-right: 5px!important;
		border-radius: 2px;
		color:#fff!important;
		background:#4f6faa!important;
	}
	.signin-with-fb:hover
	{
		background:rgba(79, 111, 170, .8)!important;
	}
	.signin-with-fb span
	{
	font-weight:600;
	}
	.signin-with-google
	{
		cursor:pointer;
		text-align:center;
		margin-left: 5px!important;
		margin-right: 5px!important;
		border-radius: 2px;
		color:#fff!important;
		background:#dd4b39!important;
	}
	.signin-with-google:hover
	{
		opacity:0.8;
	}
	.sm-signin:hover
	{
		cursor:pointer;
		text-decoration:underline!important;
	}
	