html,body,.container,.row,.row > div {
	height:100%;
}

.settings-button {
	z-index:100;
	position:fixed;
	top:0;
	right:0;
}

.container {
	width:auto;
}

.row > div {
	overflow-y:scroll;
}

#login {
	margin-top:5%;
	text-align:center;
}

.list-group.nav {
	margin-bottom:0;
}

.nav a {
	white-space:nowrap;
	overflow-x:hidden;
	text-overflow:ellipsis;
}

#notes {
	width:100%;
}

.note textarea {
	width:100%;
	background-color:transparent;
	border:none;
}

.note .header {
	word-break:break-all;
	font-weight:700;
	padding:5px;
}

.note .delete {
	position:absolute;
	height:20px;
	width:20px;
	top:-10px;
	right:-10px;
	border-radius:10px;
	text-align:center;
	background-color:#fffafa;
	cursor:pointer;
}

#loadlayer {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	right:0;
	z-index:1000;
	background:-webkit-radial-gradient(center,ellipse cover,rgba(41,42,45,1) 0%,rgba(0,0,0,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center,ellipse cover,rgba(41,42,45,1) 0%,rgba(0,0,0,1) 100%);
/* Opera 12+ */
	background:-ms-radial-gradient(center,ellipse cover,rgba(41,42,45,1) 0%,rgba(0,0,0,1) 100%);
/* IE10+ */
	background:radial-gradient(ellipse at center,rgba(41,42,45,1) 0%,rgba(0,0,0,1) 100%);
/* W3C */
}

#loadlayer ul {
	margin:auto;
	height:10px;
	width:500px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	list-style:none;
	padding:0;
}

#loadlayer li {
	display:block;
	float:left;
	width:90px;
	height:10px;
	margin-right:10px;
}

@media(max-width:768px) {
	#loadlayer ul {
		margin:auto;
		height:5px;
		width:250px;
	}
	#loadlayer li {
		width:45px;
		height:5px;
		margin-right:5px;
	}
}

#loadlayer li {
	box-shadow:inset 0 0 10px 1px rgba(117,182,255,0.4),0 0 20px rgba(117,182,255,0.1);
}

#loadlayer li.active {
	background:rgba(255,255,255,0.9);
	box-shadow:inset 0 0 10px 2px rgba(117,182,255,0.5),0 0 20px rgba(117,182,214,0.5);
}

#loadlayer li.pulse {
	-webkit-animation:pulse 1s alternate infinite;
	-moz-animation:pulse 1s alternate infinite;
}

@-webkit-keyframes pulse {
	0% {
		background:rgba(255,255,255,1);
		box-shadow:inset 0 0 10px 2px rgba(117,182,255,0.5),0 0 40px 2px rgba(105,135,255,1);
	}
	
	100% {
		background:rgba(255,255,255,0);
		box-shadow:inset 0 0 10px 2px rgba(117,182,255,0.5),0 0 30px 2px rgba(105,135,255,0.3);
	}
}

@-moz-keyframes pulse {
	0% {
		background:rgba(255,255,255,1);
		box-shadow:inset 0 0 10px 2px rgba(117,182,255,0.5),0 0 40px 2px rgba(105,135,255,1);
	}
	
	100% {
		background:rgba(255,255,255,0);
		box-shadow:inset 0 0 10px 2px rgba(117,182,255,0.5),0 0 30px 2px rgba(105,135,255,0.3);
	}
}

@media print {
	.nav-column, .settings-button {
		display: none;
	}
	html,body,.container,.row,.row > div {
		height: auto;
	}
	.row > div {
		overflow-y:visible;
	}
}