@charset 'UTF-8';
/*
 * Copyright 2012 Nicosys Co. Ltd.
 */

/* Sidenav for Docs */

.cream-sidenav {
	width: 228px;
	margin-top: 10px;
	background-color: white;
	padding: 0;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	   -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	        box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

/* Large desktop  */
@media (min-width: 1200px) {
	.cream-sidenav {
		width: 258px;
	}
}
/* Desktop */
@media (max-width: 980px) {
	.cream-sidenav {
		width: 218px;
	}
}
/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.cream-sidenav {
		width: 166px;
	}
}
/* Tablet */
@media (max-width: 767px) {
	.cream-sidenav {
		width: auto;
		margin-bottom: 20px;
	}
}


.cream-sidenav > li > a {
	display: block;
	width: 190px \9;
	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;
}


.cream-sidenav.affix {
	top: 50px;
}
.cream-sidenav.affix-bottom {
	position: absolute;
	top: auto;
	bottom: 40px;
}

/* Responsive */

/* Large desktop */
@media (min-width: 1200px) {
	.cream-sidenav > li > a {
		width: 230px \9; /* Override the previous IE8-9 hack */
	}
}

/* Desktop */
@media (max-width: 980px) {
}

/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.cream-sidenav.affix {
		top: 0;
	}
}

/* Tablet */
@media (max-width: 767px) {
	.cream-sidenav.affix {
		position: static;
	}
}

/* Design */

.cream-sidenav > li:first-child > a { /* , .cream-sidenav > li.divider + li > a */
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}

.cream-sidenav > li:last-child > a {
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
}

.cream-sidenav > .active > a {
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	   -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	        box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

/* Chevrons */
.cream-sidenav .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}

.cream-sidenav > li > a:hover {
	background-color: #f5f5f5;
}

.cream-sidenav a:hover .icon-chevron-right {
	opacity: .5;
}

.cream-sidenav .active .icon-chevron-right,
.cream-sidenav .active a:hover .icon-chevron-right {
	background-image: url(../img/glyphicons-halflings-white.png);
	opacity: 1;
}