.navTopBG {
	background-color: var(--primaryColor);
}
.navButtonBox {
	/* border-top: 1px solid var(--secondaryColor); */
	/* border-left: 1px solid var(--secondaryColor); */
}
.navBtn {
	color: var(--accentColor);
}
.navBtn:hover {
	background-color: var(--hoverColor);
}
.navTitle {
	color: var(--accentColor);
}
#navMenu {
	background-color: #fff;
	border: 2px solid #ddd;
	color: #666;
}
.navMenuClose:hover {
	background-color: #eee;
}

.navAddCart {
	color: #fff;
	background-color: #F2D16B;
}
.navAddCart:hover {
	background-color: #F9E7B4;
}

.navTopIcon {
	fill: var(--secondaryColor);
}
.navTopIconSecond {
	fill: var(--secondaryColor);
}

.msgBoxError {
	color: #333;
}
.msgBoxError > .text {
	background-color: #fff;
}
.msgBoxError > .button {
	background: url('../../images/diagonal_lines.svg') #d44;
	color: #fff;
}
.msgBoxError > .button:hover {
	background-color: #7b1111;
}

.msgBoxNotice {
	color: #333;
}
.msgBoxNotice > .text {
	background-color: #fff;
}
.msgBoxNotice > .button {
	background-color: #f2ce46;
}
.msgBoxNotice > .button:hover {
	background-color: #000;
	color: #fff;
}

.msgBoxSuccess {
	color: #333;
}
.msgBoxSuccess > .text {
	background-color: #fff;
}
.msgBoxSuccess > .button {
	background-color: #9ed266;
}
.msgBoxSuccess > .button:hover {
	background-color: #eee;
}

.contentBox {
	background-color: var(--primaryColor);
}

.itemRow, .itemDetailsBox {
	background-color: var(--primaryColor);
}

.itemRow, .cartTitle, .cartRowTotal, .addressRow, .checkRow, .thanksRow, .paymentRow, .contactRow, .itemDetailsBox, .maintenanceRow {
	color: var(--secondaryColor);
}
.cartRow {
	color: var(--secondaryColor);
}

.pageTitle {
	color: var(--accentColor);
}

.inputTextDefault {
	border: 1px solid #999;
}
.inputSelectDefault {
	border: 1px solid #999;
}
.inputRequiredBorder {
	border-color: #d00;
}
.inputRequiredText {
	color: #d00;
}

.itemRowContent {
	color: var(--accentColor);
}
.itemRowContent > div > .link {
	color: var(--secondaryColor);
}
.itemRowContent > .title {
	color: #666;
}
.itemRowContent > .desc {
	color: #8c8c92;
}

.itemGalleryRow > .subTitle {
	color: var(--accentColor);
}
.itemGalleryRow > div > .link {
	color: var(--secondaryColor);
}
.itemGalleryRow {
	background-color: var(--primaryColor);
	border: 1px solid var(--primaryColor);
	color: var(--accentColor);
	box-shadow: 0 1px 1px 0 rgba(60,64,67,.1), 0 1px 3px 1px rgba(60,64,67,.2);	
}
.itemGalleryRow:hover {
	border: 1px solid var(--accentColor);
}

.groupRow {
	background-color: var(--primaryColor);
	color: var(--accentColor);
}
.groupRow:hover {
	background-color: var(--hoverColor);
}
.groupRowContent > .title {
	color: var(--secondaryColor);
}
.groupRowContent > .subTitle {
	/* color: var(--secondaryColor); */
}
.groupCardsTile {
	background-color: #fff;
}

.timeTableHeader {
	background-color: var(--primaryColor);
}
.timeTableHeader > div > a {
	color: var(--accentColor);
	font-weight: bold;
}
.timeTableHeader > div > a:hover {
	background-color: var(--hoverColor);
}
.timeTableRow {
	background-color: var(--primaryColor);
	color: var(--accentColor);
}
.timeTableRow:hover {
	background-color: var(--hoverColor);
}
.timeTableInfos > .title {
	color: var(--secondaryColor);
}
.timeTableInfos > .subTitle {
	color: var(--accentColor);
}

.cartRowEmpty {
	background-color: var(--primaryColor);
	color: var(--accentColor);
	padding: 2em;
}

.itemDetailsBox > div > .title {
	color: var(--accentColor);
}
.itemDetailsBox > div > .title {
	color: var(--secondaryColor);
}
.checkLabel {
	font-weight: bold;
	color: var(--secondaryColor);
}

#canvasSpace {
	background-color: #eee;
}
#canvasInfo {
	border-left: 1px solid #aaa;
	background-color: var(--primaryColor);
	color: var(--accentColor);
}
#seatingBtnClose > div {
	border-bottom: 1px solid #bbb;
}
.seatingNavBtn {
	/* border-right: 1px solid var(--secondaryColor); */
	border-bottom: 1px solid var(--secondaryColor);
	color: var(--accentColor);
	background-color: var(--primaryColor);
}
.seatingNavBtn:hover {
	background-color: var(--hoverColor);
}
.seatingNavBtnActive {
	background-color: var(--primaryColor);
	color: var(--secondaryColor);
	border: 0;
	border-left: 1px solid var(--secondaryColor);
	border-right: 1px solid var(--secondaryColor);
}
.seatingNavBtnActive:hover {
	background-color: var(--hoverColor);
}
#seatingTabInfo {
	border-left: 1px solid var(--secondaryColor);
}

.shopFooter {
	background-color: var(--primaryColor);
	color: var(--accentColor);
	/* border-bottom: 1px solid var(--secondaryColor); */
}
.shopFooter a {
	color: var(--secondaryColor);
}
.shopFooter p {
	color: var(--accentColor);
}
.paymentValue {
	color: var(--secondaryColor);
}
.paymentLabel {
	color: var(--accentColor);
}
.paymentUnderline {
	border-bottom: 1px solid var(--accentColor);
}
.paymentFooter {
	color: var(--secondaryColor);
}

.navTopGroupTitle > div {
	background-color: var(--primaryColor);
	color: var(--secondaryColor);
	box-shadow: 0 1px 1px 0 rgba(60,64,67,.1), 0 1px 3px 1px rgba(60,64,67,.2);
}
.shopStatusBox {
	color: var(--accentColor);
}

#optionsBox {
	background-color: #fff;
	border: 2px solid #ddd;
}
.optionsBtn {
	border: 1px solid #ddd;
}
.optionsBtn:hover {
	background-color: #eee;
}
.optionsBtn > .text {
	color: #333;
}
.optionsBtn > .text > div {
	color: #666;
}
.clickableTag {
	background-color: #333;
	border: 1px solid #444;
	color: #ddd;
}
.clickableTag:hover {
	background-color: #000;
}

.progressBarSales {
	border: 1px solid #777;
}
.progressBarSales > .leftBar {
	color: #333;
}
.progressBarSales > .rightBar {
	color: #ddd;
}

.errorTitle {
	color: var(--secondaryColor);
	font-weight: bold;
}
.attributeTitle {
	color: var(--secondaryColor);
	font-weight: bold;
}
.agbLinks {
	color: var(--secondaryColor);
}
.cartRowContent > .info {
	color: var(--accentColor);
}