body {padding-top: 50px;}
.sub-header {padding-bottom: 10px;border-bottom: 1px solid #eee;}
.navbar-fixed-top {border:0;}
.sidebar{display: none;}
@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {padding-right:20px;padding-left:20px;}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {color:#fff;background-color:#428bca;}


/*
 * Main content
 */

.main {padding: 20px;}
@media (min-width: 768px) {
	.main{padding-right:40px;padding-left: 40px;}
}
.main .page-header {margin-top: 0;}

.form-signin{width:40%;margin:auto;}
.form-signin input{margin:10px auto;}

#credits{font-size:11px;text-align:center;background:#f5f5f5;margin:0;height:25px;line-height:25px;position:fixed;bottom:0;left:0;right:0;width:100%;}
#credits a{text-decoration:none;}

a.webam span:nth-child(11n) 	{ color: #6b0e4d; }
a.webam span:nth-child(11n+1) 	{ color: #c103aa; }
a.webam span:nth-child(11n+2)  	{ color: #ff00ff; }
a.webam span:nth-child(11n+3)  	{ color: #6f1ba6; }
a.webam span:nth-child(11n+4)  	{ color: #007187; }
a.webam span:nth-child(11n+5)  	{ color: #00e7f0; }
a.webam span:nth-child(11n+6)  	{ color: #00e9d1; }
a.webam span:nth-child(11n+7) 	{ color: #009c55; }
a.webam span:nth-child(11n+8)  	{ color: #a2e70e; }
a.webam span:nth-child(11n+9)  	{ color: #e4ff05; }
a.webam span:nth-child(11n+10)  { color: #ff5500; }