html,
body {
	background-color: rgb(175, 106, 41) !important;
	background-image: url("/Images/Background10.png") !important;
}

.info-box,
.product-box {
	background-color: rgb(240, 191, 119) !important;
	color: white !important;
	text-shadow: none;
}

.big-box {
	background-color: rgb(146, 115, 49) !important;
	color: rgb(24, 111, 122) !important;
}

.big-box p {
	color: rgb(87, 46, 22);
}

footer p {
	color: black !important;
}

a {
	color: rgb(95, 166, 184) !important;
}

a:hover {
	color: rgb(24, 156, 145) !important;
}

.header {
	display: grid;
	grid-template-columns: 1fr 10fr 10fr;
	row-gap: 12px;
	column-gap: 12px;
	flex: 1;
	height: 44px;
	padding: 12px !important;
	border: 1px solid rgba(7, 114, 21, 0.548);
	flex: 1 !important;
	height: 44px !important;
	/*position: fixed !important;*/
	z-index: 100 !important;
	/* From https://css.glass */
	background: rgba(8, 151, 32, 0.75) !important;
	/*border-radius: 16px;*/
	box-shadow: 0 4px 30px rgba(44, 122, 2, 0.418) !important;
	backdrop-filter: blur(5.2px) !important;
	-webkit-backdrop-filter: blur(5.2px) !important;
	border: 1px solid rgba(0, 130, 182, 0.548) !important;
	border-bottom: 2px solid rgba(117, 83, 20, 0.548) !important;
	backdrop-filter: blur(3.2px) !important;
	-webkit-backdrop-filter: blur(5.2px) !important;
	background: rgba(24, 194, 9, 0.253) !important;
	background: rgba(199, 149, 12, 0.75) !important;
	background-color: lightgrey !important;
	margin-bottom: 50px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.418) !important;
	/*background-image: url("https://web.archive.org/web/20110221164753im_/http://wwwimages.adobe.com/homepage/include/style/default/SiteHeader/tile.png");*/
	background-repeat: repeat-x;
	background-size: contain;
}

#header {
	position: fixed;
	z-index: 1000;
	margin-bottom: 50px;
	background: none !important;
	right: 0;
	left: 0;
	top: 0;
	right: 0 !important;
	left: 0 !important;
	position: fixed;
	animation-name: slideDown;
	animation-duration: 500ms;
}

@supports (display: flex) {
	.header {
		display: flex !important;
	}
}

@supports (backdrop-filter: blur(1px)) {
	.header {
		background-color: rgba(7, 150, 207, 0.253) !important;
		background: rgba(161, 114, 13, 0.75) !important;
	}
}

.left-header {
	display: flex;
	flex: 1;
	/*background-color: aqua;*/
	justify-content: start;
}

.right-header {
	display: flex;
	flex: 3;
	/*background-color: red;*/
	justify-content: end;
}

/* Search.css */

#box-body-top {
	background-color: rgb(85, 72, 14) !important;
	border: rgb(170, 102, 12) 2px solid !important;
	border-top: none;
	color: rgb(219, 219, 219) !important;
	padding: 5px;
}

.box-head {
	background-color: rgb(161, 106, 33);
}

input[type="search"] {
	outline-color: rgba(255, 255, 255, 0);
	border: none;
	margin: 2px;
	border-color: aliceblue;
	transition: outline-color 1s, border-color 1s, box-shadow linear .2s;
	border-radius: 20px;
	padding: 5px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.712);
	width: 100%;
}

input[type="search"]:hover {
	border: 2px #1aa0d8 solid;
	outline-color: #1aa0d8;
	margin: 0px;
}

.tabs {
	background-color: rgb(136, 103, 14);
	list-style: none;
	padding: 2px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-right: 0px;
}

.tab {
	background-color: rgb(199, 148, 72);
	color: rgba(0, 0, 0, 0.712);
	content: "";
	padding: 20px;
	font-size: larger;
	margin-bottom: 1px;
}

.tab:hover {
	background-color: wheat;
	margin-bottom: 0px;
	margin-top: -1px;
	box-shadow: outset 10px -10px 50px rgb(128, 109, 56);
	border-top: rgb(146, 103, 48) 1px solid;
	border-bottom: rgb(141, 98, 43) 1px solid;
}

.tab.active {
	background-color: rgb(165, 80, 10);
	text-shadow: none;
	color: white;
}

.tab.first {
	border-top-left-radius: 10px;
}

.tab.last {
	border-bottom-left-radius: 10px;
}

.result {
	margin-top: 0px !important;
}

.p-description {
	background-color: #01440c8e;
	border-radius: 10px;
	padding: 10px;
	max-height: 300px;
	overflow-y: scroll;
	word-break: break-all;
}

/**/


.box-head h1,
.box-head h2,
.box-head h3,
.box-head h4,
.box-head h5,
.box-head h6,
.box-head h7 {
	color: rgb(236, 236, 236);
}

.Welcome-text {
	color: #4425018e;
}

.user-box {
	display: block;
	background: rgb(133, 80, 12) !important;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid rgb(156, 52, 4) !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.user-box-head {
	border-radius: 7px;
	border: 2px solid rgb(165, 96, 5);
	background-color: rgb(158, 79, 5);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 2px 10px;
	text-shadow: none;
}

.user-box-head h3 {
	color: rgb(235, 255, 236);
}

hr {
	border-color: rgb(177, 52, 14);
}

.leaf {
	position: absolute;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.8;
	pointer-events: none;
	animation-name: fall;
	animation-timing-function: linear;
}

@keyframes fall {
	0% {
		transform: translateY(-50px) rotate(0deg);
		opacity: 1;
	}

	100% {
		transform: translateY(110vh) rotate(360deg);
		opacity: 0;
	}
}

#fall-leaves-overlay {
	border: none !important;
	background: transparent !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1000000000000000000000000000 !important;
	pointer-events: none !important;
}