.menu-btn { font-weight: 800; }
.btn-trans {
	background-color: black;
	border: 1px solid grey;
	border-radius: 7px;
	overflow: hidden;
	outline: none;
    color: white;
}
#btn-customer{
	padding:6px 10px; margin: auto; background-color: rgb(255,215,0); font-size:12px; font-weight:800; color: #000; text-transform: uppercase;
}

#send-offer-request, #close-offer-request {
	color: white; 
	padding:6px 10px; 
	margin: auto; 
	background-color: rgb(0,0,0); 
	font-size:12px; 
	font-weight:bolder;
	text-transform: uppercase;	
}
#send-offer-request:hover, #close-offer-request:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}


.h4, h4 {
    font-weight: 800;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
	color: #000;
    font-weight: bolder;
	background-color: rgb(255,215,0);
	border-color: #985f0d;
}
.btn-warning, .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
	color: #000;
    font-weight: bolder;
	background-color: rgb(255,215,0);
	background-image: none;
	border-color: #d58512;
}
.menu-btn-active {
	background-color: #f5f5f5;
	border-top: 4px solid rgb(255,215,0);
	font-weight: 800;
}

.shape-category-active, .orn-category-active {
    font-weight: 800;
	cursor: pointer;
	padding: 10px 10px 10px 10px;
	border-left: 4px solid rgb(255,215,0);
}
.orn-main-category-active, .scripture-main-category-active, .base-category-active {
	border-top: 4px solid rgb(255,215,0);
}