div {
/* HbG CMS 	outline: pink 1px dashed;*/
}
ul {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
div.row {
/* HbG CMS 	outline: blue 1px dotted;*/
}
body {
}
a {
	color: #7C410E;
}

header {
	position: relative;
}
#topper {
	position: fixed;
	font-size: .9rem;
	line-height: .8rem;
	bottom: 10px;
	right: 2%;
	z-index: 900;
	background: url(../grafix/fade.png);
	padding: 2px;
}
#hbg-wrap {
	background-color: #243749;
	background-image: url(../grafix/denimbg.jpg);
    position:absolute;
    top:0;
    left:0;
    min-height: 100%;
    width:100%;
    z-index:10;
}
#loginbadge {
	position: absolute;
	bottom:2px;
	left:3px;
	font-size: .6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	z-index:900;
}
#loginbadge a {
	color: inherit;
}
#topnavbar {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 0px;
	z-index:800;
}
#topnavbar li.nav-item:first-child {
	margin-right: 20px;
}
#topnavbar li.nav-item:last-child {
	margin-left: 20px;
}
#topnavbar .dropdown-menu {
	background-color: #DADADA;
	font-size: 100%;
	border-bottom-color: #999;
	border-left-color: #999;
	border-right-color: #999;
}
#hbg-header {
	background-color: #343a40;
	color: #fff;
	/* margin-top: 3.2rem; Match with navbar top margin*/
	padding-bottom: 2px;
	margin-bottom: 0px;
}
#hbg-header a {
	color: #CE6C17;
}

#hbg-header .nav-tabs {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0;
}
#hbg-header .nav-link {
	border-color: #535A61;
	margin-right: 2px;
	border-bottom: 0;
}
#hbg-header .nav-link.active {
	background-color: #535A61;
	color: #fff;
}
#hbg-header ul.sub {
	text-align: left;
	padding-bottom: 5px;
}
#hbg-header ul.sub li.nav-item {
	padding: .2rem 0;
	margin: 0;
	border-bottom: 1px solid #31445D;
	height: auto;
}
/* Center Content */
#hbg-center {
	background-color: #eee;
	position: relative;
}
#hbg-center .nav-tabs {
	border-bottom : 0;
}
#hbg-center .nav-link.active {
	background-color: #eee;
}
/* Footer */
#hbg-footer {
	background-color: #7C410E;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.footer {
	/* Set the fixed height of the footer here */
	min-height: 3.5rem;
	line-height: 2.5rem; /* Vertically center the text there */
	color: #fff;
}
.footer a { color: #F7FFDA; }

/* UnderTabs */
#hbg-undertabs .dropdown-menu {
	background-color:#D2D2D2;
	font-size: 100%;
	border-bottom-color: #999;
	border-left-color: #999;
	border-right-color: #999;
}
#hbg-undertabs {
	background-color: #fff;/*#ccc */
	border-bottom: 1px #999 solid;
}
#hbg-undertabs .nav-link:hover {
	border-color: #666;
	border-bottom-color: #eee;
}
#hbg-undertabs .nav-link.active {
	border-top-color: #999;
	border-left-color: #999;
	border-right-color: #999;
	border-bottom-color: #eee;
	background-color: #eee;
}
/* Rightbar Menu */
#rightbar {
	padding-top: 10px;
	font-size: .9rem;
}
#rightbar p {
	padding-left: 7px;
}
#rightbar ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
#rightbar li.nav-item {
	padding: .1rem 0;
	margin: 0;
	border-bottom: 2px solid #CE6C17;
	height: auto;
}
#rightbar li li.nav-item {
	padding: .08rem 0;
	margin: 0;
	border-bottom: none;
	height: auto;
}
#rightbar ul.sub {
	text-align: center;
}
#rightbar ul.sub li.nav-item {
	padding: .09rem 0;
	margin: 0;
	border-bottom: none;
	height: auto;
}
#rightbar div.fade {
	position: absolute;
	bottom: auto;
	left: 2px;
	z-index: 100;
	padding-bottom: 5px;
	background-color: #eee
}
#rightbar li div {
	border-left: 1px solid #CE6C17;
	border-right: 1px solid #CE6C17;
	border-bottom: 1px solid #CE6C17;
}
#rightbar li li div {
	border:none;
}


/*For Sidebar Nav;*/
#sidebarbutton {
/*position: absolute;
	margin: 0px 10px 10px 0px;*/
}
		
/* Sidebar Appearances*/
/* Active Links*/

#sidebar .nav-item.active, #rightbar .nav-item.active {
	background-color: #eee;
	font-weight: 900;
}
/* Sidebar Appearances*/
#sidebar {
	font-size: .9rem;
	padding-top:10px;
	padding-bottom: 40px;
}
#sidebar p {
	padding-right: 7px;
	text-align: right;
	min-width: 150px;
}
#sidebar ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
#sidebar li.nav-item {
	list-style: none;
	padding: .1rem 0;
	margin: 0;
	border-bottom: 2px solid #CE6C17;
	height: auto;
	text-align: right;
}
#sidebar li li.nav-item {
	padding: .09rem 0;
	margin: 0;
	border-bottom: none;
	height: auto;
}

#sidebar div.fade {
	position: absolute;
	bottom: auto;
	right: 2px;
	z-index: 100;
	background-color: #eee
}
#sidebar li div {
	border-left: 1px solid #CE6C17;
	border-right: 1px solid #CE6C17;
	border-bottom: 1px solid #CE6C17;
}
#sidebar li li div {
	border:none;
}
#sidebar li.fade {
}

.nav-link[data-toggle].collapsed:before, button[data-toggle].collapsed:before {
	content: "▼ ";
}
.nav-link[data-toggle]:not(.collapsed):before, button[data-toggle]:not(.collapsed):before  {
	content: "▲ ";
}
.overlay {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background-color: #606099;
	opacity: 0.35;
	z-index: 790;
}

@media (max-width: 767.98px) {
/* Sidebar Menu*/
#sidebar {
	min-width: 170px;
}
.offcanvas-collapse {
	position: fixed;
	top: 3.2rem; /* Height of navbar */
	bottom: 0;
	width: 12rem;
	padding-right: 0rem;
	padding-left: 0rem;
	overflow-y: auto;
	background-color: var(--gray-dark);
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-webkit-transform: translateX(-400px);
	transform: translateX(-400px);
	z-index: 1000;
}
.offcanvas-collapse.open {
	-webkit-transform: translateX(0px);
	transform: translateX(0px); /* Account for horizontal padding on navbar */
}
/* Rightbar Menu*/
#rightbar {
	min-width: 170px;
}
.rightbar-collapse {
	position: fixed;
	top: 3.2rem; /* Height of navbar */
	bottom: 0;
	right: 0px;
	width: 12rem;
	padding-right: 0rem;
	padding-left: .5rem;
	overflow-y: auto;
	background-color: var(--gray-dark);
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	z-index: 1000;
}
.rightbar-collapse.open {
	-webkit-transform: translateX(0px);
	transform: translateX(0px); /* Account for horizontal padding on navbar */
}
}