/* Background Pattern from www.subtlepatterns.com */

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
}
body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-image:url("paper.png");
}
h4 {
	margin-top:0;
}
[contenteditable=true]:empty:before{
	content: attr(placeholder);
	color:#666;
}
button {
	outline:0 !important;
}
.navbar-default {
	background:rgba(180,180,180,.8);
	border:0;
}
.navbar-default .navbar-toggle {
	padding-top:11px;
	border:0;
	border-radius:0;
}
.navbar-default .navbar-collapse {
	border:0;
	margin:0;
}
.navbar-default .navbar-brand {
	color:#5e5e5e;
}
.navbar-default .navbar-nav>li>a:hover {
	background:#AAA;
}
.navbar-nav>li>a {
	width:50px;
	padding: 9px;
	outline:none;
	text-align:center;
	margin:auto;
}
.navbar-nav>li>a i {
	padding-top: 4px;
}
#content-container {
	width:100%;
	height:100%;
	padding-top:50px;
}
#content {
	width:100%;
	height:100%;
}
.note {
	width:252px;
	height:252px;
	position:absolute;
	box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.3);
	left:calc(50% - 125px);
	text-align:left;
	border: 1px solid #999;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s, border-color .2s;
	-webkit-transform:scale(0);
	transform:scale(0);
}
.note-head {
	width:100%;
	height:25px;
	padding:0 3px;
	transition: border-color .2s;
}
.note-title {
	margin-right:25px;
	outline:none;
	white-space:nowrap;
	overflow:hidden;
	font-weight: bold;
	font-size:17px;
}
.note-icon {
	float: right;
	padding:5px 2px;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	color:#666;
	outline:0;
}
.note-icon:hover {
	color:#222;
}
.note-drag {
	cursor:move;
}
.note-edit {
	width:100%;
	height:225px;
	height:calc(100% - 25px);
	overflow-y:auto;
	background: white;
	transition: background .2s;
}
.note-edit .note-text {
	outline:none;
	padding:8px;
	height:100%;
}
.note-edit .note-text div:last-child {
	padding-bottom:5px;
}
.ui-icon-gripsmall-diagonal-se {
	background:0;
}
.popover-content {
	padding-top:3px;
	width:182px;
}
.popover-content>div {
	height:30px;
	display:table-cell;
	vertical-align:bottom;
}
.colour-box {
	width:18px;
	height:18px;
	margin:2px;
	display:inline-block;
	border:1px solid;
	transition: height .05s;
}
.colour-box:hover {
	height:22px;
}
.modal {
	text-align:left;
}
.modal-content {
	border-radius:0;
}
.form-control[readonly] {
	cursor:auto;
}