#hideMe {
		-moz-animation: cssAnimation 5s ease-in 3s forwards;
		/* Firefox */
		-webkit-animation: cssAnimation 5s ease-in 3s forwards;
		/* Safari and Chrome */
		-o-animation: cssAnimation 5s ease-in 3s forwards;
		/* Opera */
		animation: cssAnimation 5s ease-in 3s forwards;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
}
@keyframes cssAnimation {
		to {
				visbility: hidden;
				opacity: 0;
				scale: 1%;
				max-height: 1px;
		}
}
@-webkit-keyframes cssAnimation {
		to {
				visibility: hidden;
				opacity: 0;
				scale: 1%;
				max-height: 1px;
		}
}
.bg-hbg {
		background-color: #CE6C17;
}
.btn-hbg {
		background-color: #CE6C17;
}
.btn-hbg:hover {
		background-color: #F2A81A;
}
.border-hbg {
		border: 1px #CE6C17 solid;
}
.bg-cms {
		background-image: url("../grafix/denimbgsmdar.jpg");
		color: #fff;
}
.bg-cms-subtle {
		background-image: url("../grafix/denimbgsmdar-lite.jpg");
		color: #fff;
}
.border-hbg-center {
		border-color: #eee;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #80A493;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #80A493;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #80A493;
}
/* 
.overlay {
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		cursor: pointer;
		background-color: #606099;
		opacity: 0.35;
		z-index: 790;
}
 */
.page-item.disabled .page-link {
		background-color: rgba(133, 141, 149, 0.90) !important;
		pointer-events: none;
		color: #fff;
}
.page-link {
		padding: 7px;
		background-color: rgba(250, 250, 250, 0.7) !important;
}
.page-link:hover {
		border-color: #69634F !important;
}
.sticky-div { /* Mimics the sticky-top class, but with less z-index */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 320;
}
.tooltip-inner {
		background-color: #CE6C17;
		font-size: 12px;
}
.tooltip.bs-tooltip-bottom .arrow:before {
		border-bottom-color: #7E6516 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
		border-left-color: #7E6516 !important;
}
.tooltip.bs-tooltip-right .arrow:before {
		border-right-color: #BD9821 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
		border-top-color: #BD9821 !important;
}
#hash {
		-webkit-user-select: all;
		-ms-user-select: all;
		user-select: all;
}
#hbg-buttons {
		display: none;
}
#hbg-center {
		background-color: #eee;
		position: relative;
		min-height: 300px;
}
#hbg-center ul {
		font-size: 80%;
}
#hbg-downtabs ul {
		margin: 0 auto 15px 0px;
		border: none !important;
		font-size: 90%
}
#hbg-downtabs .nav-tabs {}
#hbg-downtabs .nav-link {
		padding: .1rem .3rem .3rem .3rem;
		margin-right: 4px;
		background-image: url("../grafix/denimbgsmdar.jpg");
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem;
		color: #fff;
}
#hbg-downtabs .nav-link:hover, #hbg-downtabs .nav-link:focus {
		background-color: #9D561A;
		border-top: 1px #774214 solid;
}
#hbg-downtabs .nav-link.active {
		background-color: #9D561A;
}
#hbg-downtabs select.custom-select {
		background-color: #E2DDD8;
		height: 2rem;
		padding: .2rem 1.5rem .2rem .35rem;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem;
		font-size: 90%
}
#hbg-footer {
		position: relative;
		background-color: #7C410E;
		padding: 5px 15px;
		min-height: 3.5rem; /* Set the fixed height of the footer here */
		line-height: 1.2rem; /* Vertically center the text there */
		color: #fff;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
}
#hbg-footer a {
		color: #F7D7BB;
}
#hbg-footer a.login {
		color: #7C410E;
		position: absolute;
		bottom: 5px;
		right: 0px;
}
#hbg-header .nav-tabs {
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: 0;
}
#hbg-header {
		position: relative;
		background-color: #343a40;
		color: #fff;
		margin-bottom: 0;
		padding-bottom: 0;
}
#hbg-header a {
		color: #CE6C17;
}
#hbg-header .navbar-brand img {
		filter: drop-shadow(0px 0px 6px #fff);
}
#hbg-undertabs {
		background-color: #fff;
}
#hbg-undertabs ul {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
}
#hbg-undertabs .nav-item {
		margin-right: 3px;
}
#hbg-undertabs .nav-link:hover {
		border-bottom: 1px #ABABAB solid;
}
#hbg-undertabs .nav-link {
		border-top-color: #ABABAB;
		border-left-color: #ABABAB;
		border-right-color: #ABABAB;
		padding: .2rem;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
}
#hbg-undertabs .nav-link.active {
		background-color: #eee;
		border-bottom-color: #eee;
		font-weight: bold;
}
#hbg-undertabs2 .nav-item {
		padding: 0px;
		margin-right: 2px;
		border: none;
}
#hbg-undertabs2 .nav-link {
		padding: 3px 4px;
		margin-right: 0px;
		background-color: #eee;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-color: #999;
}
#hbg-undertabs2 .nav-link:hover {
		background-color: #fff;
		border: 1px #999 solid;
		border-top: none;
}
#hbg-undertabs2 .nav-link.active {
		border-top-color: #fff;
		border-left-color: #999;
		border-right-color: #999;
		border-bottom-color: #999;
		background-color: #fff;
}
#hbg-undertabs2 {
		margin: 0px auto 4px auto;
		padding: 0px;
		position: relative;
		top: -1px;
}
#hbg-undertabs2 ul.nav {
		border: none;
}
#hbg-wrap {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		width: 100%;
		padding: 0 0 30px 0;
		z-index: 10;
		background-color: #243749;
		background-image: url("../grafix/denimbgsmdar.jpg");
}
#loginbadge {
		position: absolute;
		top: 2px;
		right: 5px;
		font-size: .5em;
		padding: 2px;
		margin: 0px;
		color: inherit;
		opacity: .6;
		z-index: 1000;
}
#loginbadge a {
		color: inherit;
		padding: 4px;
		text-decoration: none;
}
.offcanvas.myinfo {
		top: 7vh;
		right: 5vw;
		height: 60vh;
		border: 2px #17a2b8 solid;
		border-radius: 7px;
		overflow: auto;
		margin: 1px;
		padding: .5rem;
		font-size: 90%;
}
.offcanvas.show.mysidebar {
		top: 10vh;
		left: 1vh;
		width: 40vw;
		height: 85vh;
		border: 2px #17a2b8 solid;
		border-radius: 6px;
		overflow: auto;
}
#rightbar {}
#rightbar li div {
		border-left: 1px solid #505A8B;
		border-right: 1px solid #505A8B;
		border-bottom: 1px solid #505A8B;
}
#rightbar li li div {
		border: none;
}
#rightbar li li.nav-item {
		padding: .08rem 0;
		margin: 0;
		border-bottom: none;
		height: auto;
}
#rightbar li.nav-item {
		padding: .1rem 0;
		margin: 0;
		border-bottom: 2px solid #CE6C17;
		height: auto;
}
#rightbar p {
		padding-left: 7px;
}
#rightbar ul {
		padding-top: 10px;
		padding-bottom: 10px;
}
#saving.sticky-div, #saving2.sticky-div, #saving3.sticky-div {
		background-image: url("../grafix/denimbgsmdar.jpg");
		border-bottom: 2px rgba(15, 18, 29, 1.00) solid;
		padding: .25rem;
		padding-bottom: 0;
		color: #fff;
}
#search {
		position: relative;
}
#sidebar .nav-item.active, #rightbar .nav-item.active {
		background-color: #eee;
		font-weight: bold;
}
#sidebar {
		font-size: .9rem;
		padding-top: 10px;
		padding-bottom: 40px;
}
#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 li.nav-item {
		padding: .09rem 0;
		margin: 0;
		border-bottom: none;
		height: auto;
}
#sidebar li.nav-item {
		list-style: none;
		padding: .1rem 0;
		margin: 0;
		border-bottom: 2px solid #CE6C17;
		height: auto;
		text-align: right;
}
#sidebar p {
		padding-right: 7px;
		text-align: right;
		min-width: 150px;
}
#sidebar ul {
		padding-top: 10px;
		padding-bottom: 10px;
}
#submitsrch {
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 100%;
		background: url("../grafix/icons/magn.png") no-repeat center center;
		border: none;
		z-index: 900;
}
#topnavbar .dropdown-menu {
		background-color: #DADADA;
		font-size: 100%;
		border-bottom-color: #999;
		border-left-color: #999;
		border-right-color: #999;
}
#topnavbar {
		position: relative;
		margin: 10px auto 0 auto;
		padding: 0;
		white-space: nowrap;
		font-size: .8rem;
}
#topnavbar a.dropdown-item.active, a.dropdown-item:active {
		background-color: #767676;
		color: #fff;
}
#topnavbar a.nav-link {
		color: #C0DAF6;
		background-color: #455B64;
		border-color: #C0DAF6;
		margin-top: 5px;
		margin-right: 4px;
		margin-bottom: 0px;
		padding: 6px 8px;
		border-bottom: none;
}
#topnavbar .nav-item {
		padding: 1px 2px 0 2px;
		margin: 0px;
}
#topnavbar .nav-item.small {
		padding-top: 4px;
}
#topnavbar a.nav-link.active {
		background-color: #fff;
		color: #333;
		font-weight: bold;
}
#topnavbar li {
		margin-right: 2px;
		margin-left: 0px;
		margin-bottom: 0px;
}
#topnavbar li.nav-item:last-child {
		margin-left: 12px;
}
#topnavbar ul {
		margin-top: 7px;
		padding: 0px;
}
#topper {
		color: #000;
		position: fixed;
		line-height: .9rem;
		z-index: 900;
		width: 30px;
		bottom: 5vh;
		right: 0;
		text-align: center;
		padding: 6px 4px;
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
}
.nav-tabs .nav-item {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
}
ul.nav-tabs {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
}
a {
		color: #7C410E;
		text-decoration: none;
}
html {
		font-size: 16px;
}
body {
		line-height: 1.4;
}
header {
		position: relative;
}
input#srch {
		padding: 3px 5px;
}
ul {
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
}
ul.square {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
}
@media (max-width: 767.98px) {
		#hbg-buttons {
				display: block;
				position: absolute;
				left: 0px;
				right: 0px;
				top: 0px;
				bottom: 20px;
				pointer-events: none;
				padding: 0;
		}
		#topnavbtn {
				position: absolute;
				display: block;
				left: 49%;
				top: 0px;
				width: 35px;
				margin: 0 1px;
				padding: 3px 3px 5px 3px;
				white-space: nowrap;
				pointer-events: auto;
				border-bottom-right-radius: 7px;
				border-bottom-left-radius: 7px;
				font-size: 120%;
		}
		#sidebarbtn, #rightbarbtn {
				position: absolute;
				display: block;
				bottom: 0px;
				margin: 1px 0;
				white-space: nowrap;
				pointer-events: auto;
				z-index: 200;
		}
		#sidebarbtn:hover, #rightbarbtn:hover {
				width: 50px;
		}
		#topnavbtn:hover {
				width: 45px;
				left: 48%;
		}
		#sidebarbtn:hover, #rightbarbtn:hover, #topnavbtn:hover {
				background-color: #F2A81A;
		}
		#rightbarbtn {
				right: 0px;
				width: 40px;
				padding: 5px 5px 7px 3px;
				border-top-left-radius: 7px;
				border-bottom-left-radius: 7px;
		}
		#sidebarbtn {
				left: 0px;
				width: 40px;
				padding: 5px 5px 7px 3px;
				border-top-right-radius: 7px;
				border-bottom-right-radius: 7px;
		}
		html {
				font-size: 16px;
		}
}