.BGCata_Brown {
    color:#DEB992;
}

.BGCata_Green {
    color:#1ba098;
}

.btn-BGCata_Green_Submit {
	--bs-btn-font-weight: 600;
	--bs-btn-color: #000000;
	--bs-btn-bg: #1BA098;
	--bs-btn-border-color: #1BA098;
	--bs-btn-border-radius: .5rem;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #1BA098;
	--bs-btn-hover-border-color: #{shade-color(#000000, 10%)};
	--bs-btn-focus-shadow-rgb: #1BA098;
	--bs-btn-active-color: #000000;
	--bs-btn-active-bg: #{shade-color(#000000, 20%)};
	--bs-btn-active-border-color: #{shade-color(#000000, 20%)};
}

.nav-link-BGCata-Red {
	--bs-nav-link-color: #ffffff;
	background-color: #c32232;
}

.BGCata-InLibrary {
	color:#000000;
	background-color: #ffffff;
}

.BGCata-Loaned {
	color:#000000;
	background-color: #f7e96b;
}

.BGCata-Sold {
	color:#ffffff;
	background-color: #a02020;
}

.BGCata-Lost {
	color:#ffffff;
	background-color: #333333;
}



datalist {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	writing-mode: vertical-lr;
	width: 200px;
  }

/* Scrollbar */
::-webkit-scrollbar {
    width: .45rem;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(27, 27, 27, .4);
    border-radius: 3px;
}
::-webkit-scrollbar-track{
    background: transparent;
}