/* make sidebar nav vertical */
@media ( min-width : 768px) {
	.affix-content .container {
		width: 700px;
	}
	html, body {
		background-color: #f8f8f8;
		height: 100%;
		/*overflow: hidden;*/
	}
	.affix-content .container .page-header {
		margin-top: 0;
	}
	.affix-sidebar {
		padding-right: 0;
		font-size: small;
		padding-left: 0;
	}
	.affix-row, .affix-container, .affix-content {
		/*height: 100%;*/
		/*overflow: scroll;*/
		margin-left: 0;
		margin-right: 0;
	}
	/*  .affix-content{
    background-color:white; 
  } */
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar {
		border-radius: 0;
		margin-bottom: 0;
		border: 0;
	}
	.sidebar-nav .navbar ul {
		float: none;
		display: block;
		margin-top: 5px;
		margin-bottom: -15px;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
		padding-bottom: 10px;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

@media ( min-width : 769px) {
	.affix-content .container {
		width: 600px;
	}
	.affix-content .container .page-header {
		margin-top: 0;
	}
}

@media ( min-width : 992px) {
	.affix-content .container {
		width: 900px;
	}
	.affix-content .container .page-header {
		margin-top: 0;
	}
}

@media ( min-width : 1220px) {
	.affix-row {
		/*overflow: hidden;*/
		
	}
	.affix-content {
		/*overflow: auto;*/
		
	}
	.affix-content .container {
		width: 1000px;
	}
	.affix-content .container .page-header {
		margin-top: 0;
	}
	.affix-content {
		padding-right: 30px;
		padding-left: 30px;
	}
	.affix-title {
		border-bottom: 1px solid #ecf0f1;
		padding-bottom: 10px;
	}
	.navbar-nav {
		margin: 0;
	}
	.navbar-collapse {
		padding: 0;
	}
	.sidebar-nav .navbar li a:hover {
		/*background-color: #428bca;*/
		color: white;
	}
	.sidebar-nav .navbar li a>.caret {
		margin-top: 8px;
	}
}

.sidebar-nav .navbar-default .navbar-nav>.open>a, .sidebar-nav .navbar-default .navbar-nav>.active>a
	{
	color: #000;
	background-color: transparent;
	background-image: none;
	/* border-top: #c4262b solid 8px; */
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sidebar-nav .navbar-default .navbar-nav>.active>a, .sidebar-nav .navbar-default .navbar-nav>.active>a:hover,
	.sidebar-nav .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #d0a821;
	border-top: none;
	border-bottom: none;
}

.sidebar-nav .navbar-default .navbar-nav>li>a {
	color: #fff;
	border-top: none;
	border-bottom: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
	background: #d0a821;
	font-size: medium;
}

.sidebar-nav .nav .nav-list a {
	margin: 0px 5px;
	color: #d0a821;
}

.sidebar-nav .nav .nav-list a:hover {
	color: #B58F0E;
}

.sidebar-nav .navbar .nav-list li a {
	padding-top: 5px;
	padding-bottom: 5px;
}