html,
body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Barlow Semi Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

/* nav */
#navbar .navbar-brand {
	color: #99792f;
}

#navbar .navbar-brand > img {
	width: 30px;
	margin-top: -3px;
	margin-right: 6px;
}

#navbar .navbar-brand > span {
	color: #564e49;
}

/* sections */
section h2, section p.lead {
	padding-top: 4.5rem;
	color: #99792f;
}

section h3 {
	padding-top: 1rem;
}

/* footer */
footer {
	margin-top: 4.5rem;
	padding: 30px 0 20px 0;
	color: #564e49;
}

/* scrollup */
a.scrollup {
	height: 32px;
	width: 32px;
	color: #ffffff;
	background-color: #564e49;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	opacity: 0.5;
}

a.scrollup:hover {
	opacity: 1;
	color: #fff;
}

/* settings */
dd {
	color: #777;
}

dl.language {
	font-size: 0.9em;
}

dd.type,
dl.language dd {
	color: #000;
}

dl.language dd {
	margin-bottom: 0;
}

/* code */
pre.prettyprint,
pre.prettyprint.prettyprinted {
	padding: 10px;
}

/* responsive */
@media (max-width: 767px) {
	a.scrollup {
		height: 28px;
		width: 28px;
		bottom: 12px;
		right: 12px;
	}

	section {
		padding: 1rem 0 1rem 0;
	}
}


/* calendar demo */
.demo-calendar {
	min-height: 340px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #888;
	border-radius: 4px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

.demo-calendar.basic {
	min-height: 190px;
}

table.lightgrey-weekends tbody td:nth-child(n+6) {
	background-color: #f3f3f3;
}
.event-john-red {
	background-color: #fcc !important;
}
.event-red {
	background-color: red !important;
}
.event-green {
	background-color: green !important;
}
.event-yellow {
	background-color: yellow !important;
}
.event-orange {
	background-color: orange !important;
}
.event-blue {
	background-color: blue !important;
}
.event-turquoise {
	background-color: turquoise !important;
}
.event-black {
	background-color: #000 !important;
	color: white !important;
}
.event-pink {
	background-color: #fff !important;
}

.event-colourful {
	background: linear-gradient(180deg, #fdcd3b 50%, #ffed4b 50%), linear-gradient(45deg, #b5ffd0 50%, #00ff00 50%);
	background-position: top left, bottom right;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 50%;
}


.event-john-complete {
	background-color: #0f0 !important;
}


.diamond {
	display: inline-block;
	width: 25px;
	height: 25px;
	transform: rotate(45deg);
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background: #fff;
}

.diamond-day {
	display: inline-block;
	width: 25px;
	height: 25px;
	transform: rotate(-45deg);
	padding-top: 0.33em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	color: red;
}

.grade-1 {
	background-color: #fa2601 !important;
}

.grade-2 {
	background-color: #fa8a00 !important;
}

.grade-3 {
	background-color: #ffeB00 !important;
}

.grade-4 {
	background-color: #27ab00 !important;
}

.console-log {
	width: 100%;
	height: 300px;
	overflow-y: scroll;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 4px;
	color: #00ff00;
	background-color: #000;
}

.console-log p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1rem;
	font-family: 'Courier New', Courier, sans-serif;
	font-size: 0.75rem;
}