.CustomColor1 {
	color: rgba(5, 172, 114, 1);
}
.CustomBackgroundColor1 {
	background-color: rgba(5, 172, 114, 1);
}
.CustomBorderColor1 {
	border-color: rgba(5, 172, 114, 1);
}

.CustomColor2 {
	color: rgba(208, 239, 227, 1);
}
.CustomBackgroundColor2 {
	background-color: rgba(208, 239, 227, 1);
}
.CustomBorderColor2 {
	border-color: rgba(208, 239, 227, 1);
}

.CustomButton1 {
	background-color: rgba(5, 172, 114, 1);
	border: none;
	border-radius: 23px;
	box-shadow: none;
	color: #ffffff;
	font-size: 11px;
	padding: 12px;
	text-align: center;
	width: 100%;
}
	.CustomButton1:disabled {
		opacity: 0.5;
	}
.CustomButton2 {
	background-color: #ffffff;
	border: solid 1px rgba(5, 172, 114, 1);
	border-radius: 23px;
	box-shadow: none;
	color: rgba(5, 172, 114, 1);
	font-size: 11px;
	padding: 12px;
	text-align: center;
	width: 100%;
}
	.CustomButton2:disabled {
		opacity: 0.5;
	}

img {
	max-width: 100%;
}

.CustomButton1.AutoWidth {
	min-width: 100px;
	width: auto;
}
.CustomButton2.AutoWidth {
	min-width: 100px;
	width: auto;
}

.FullLayout {
	min-height: 100vh;
}

/* Header - Wide */
.FullLayoutWideHeader {
	height: 92px;
	position: fixed;
	width: 100vw;
	z-index: 100;
}
	.FullLayoutWideHeader .LogoContainer {
		position: absolute;
		right: 0px;
	}
		.FullLayoutWideHeader .LogoContainer img {
			height: 76px;
			margin-top: 5px;
		}

	.FullLayoutWideHeader .Headers {
		color: #ffffff;
		position: absolute;
		right: 85px;
		top: 0px;
	}
		.FullLayoutWideHeader .Headers .PrimaryHeader {
			font-size: 20px;
			font-weight: 500;
			margin-top: 20px;
		}
		.FullLayoutWideHeader .Headers .SecondaryHeader {
			font-size: 13px;
		}

	.FullLayoutWideHeader .ShoppingBag {
		background: transparent url('../../assets/shopping-bag.svg') 0% 0% no-repeat padding-box;
		background-size: 22px 27px;
		height: 27px;
		position: absolute;
		left: 260px;
		top: 28px;
		width: 22px;
	}

	.FullLayoutWideHeader .ShoppingBagRowsCount {
		background-color: #ffffff;
		border-radius: 3px;
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0px;
		padding: 0px 2px;
		left: 275px;
		position: absolute;
		top: 43px;
	}

	.FullLayoutWideHeader .UserIcon {
		background: transparent url('../../assets/user-icon.svg') 0% 0% no-repeat padding-box;
		height: 21px;
		position: absolute;
		left: 220px;
		top: 33px;
		width: 16px;
	}

	.FullLayoutWideHeader .UserCaret {
		background: transparent url('../../assets/user-caret.svg') 0% 0% no-repeat padding-box;
		height: 21px;
		position: absolute;
		left: 185px;
		top: 41px;
		width: 6px;
	}

	.FullLayoutWideHeader .CustomerInfo_CustomerName {
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		position: absolute;
		right: calc(100% - 180px);
		top: 32px;
	}

	.FullLayoutWideHeader .CustomerSiteInfo_CustomerName {
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		position: absolute;
		right: calc(100% - 180px);
		top: 32px;
	}
	.FullLayoutWideHeader .CustomerSiteInfo_CustomerSiteName {
		color: #dddddd;
		font-size: 14px;
		font-weight: 400;
		position: absolute;
		right: calc(100% - 180px);
		top: 50px;
	}

	.FullLayoutWideHeader .Menu {
		display: flex;
		height: 100%;
		position: absolute;
		right: 320px;
		top: 0px;
		width: calc(100% - 600px);
	}
		.FullLayoutWideHeader .Menu .RootMenuItem {
			color: #ffffff;
			display: flex;
			font-size: 18px;
			font-weight: 500;
			letter-spacing: 0.54px;
			margin-top: 30px;
			margin-left: 26px;
		}
			.FullLayoutWideHeader .Menu .RootMenuItem .Selected {
				text-decoration: underline;
			}
			.FullLayoutWideHeader .Menu .RootMenuItem .IconContainer {
				background-color: rgba(0, 0, 0, 0.2);
				border-radius: 5px;
				height: 35px;
				padding: 5px;
				width: 35px;
			}
			.FullLayoutWideHeader .Menu .RootMenuItem img {
				height: 25px;
				width: 25px;
			}
			.FullLayoutWideHeader .Menu .RootMenuItem .TextContainer {
				margin-right: 10px;
				margin-top: 5px;
			}
				.FullLayoutWideHeader .Menu .RootMenuItem .TextContainer span:hover {
					cursor: pointer;
				}

.FullLayoutWideHeaderSpacer {
	height: 92px;
}
.FullLayoutWideSubHeader {
	position: fixed;
	padding: 10px;
	top: 93px;
	width: 100vw;
	z-index: 100;
}
	.FullLayoutWideSubHeader .Column {
		border-left: solid 1px #ffffff;
	}
	.FullLayoutWideSubHeader .Column:last-child {
		border-left: none;
	}
	.FullLayoutWideSubHeader .SubMenuGroupTitle {
		color: #ffffff;
		font-size: 20px;
		font-weight: 500;
		padding: 10px;
	}
	.FullLayoutWideSubHeader .SubMenuItem {
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		padding-right: 15px;
	}
	.FullLayoutWideSubHeader .SubMenuItem a {
		color: #ffffff;
	}
	.FullLayoutWideSubHeader .SubMenuItem.Selected {
		text-decoration: underline;
	}

/********/
	.FullLayoutNarrowHeader {
		height: 56px;
		position: fixed;
		width: 100vw;
		z-index: 100;
	}
	.FullLayoutNarrowHeader .MenuButton {
		height: 32px;
		position: absolute;
		right: 12px;
		top: 12px;
		width: 32px;
	}
		.FullLayoutNarrowHeader .MenuButton img {
			height: 32px;
			width: 32px;
		}
	.FullLayoutNarrowHeader .ShoppingBag {
		background: transparent url('../../assets/shopping-bag.svg') 0% 0% no-repeat padding-box;
		height: 22px;
		position: absolute;
		right: 90px;
		top: 17px;
		width: 18px;
	}
	.FullLayoutNarrowHeader .ShoppingBagRowsCount {
		background-color: #ffffff;
		border-radius: 3px;
		font-size: 10px;
		letter-spacing: 0px;
		padding: 0px 2px;
		left: calc(100vw - 96px);
		position: absolute;
		top: 28px;
	}
	.FullLayoutNarrowHeader .UserIcon {
		background: transparent url('../../assets/user-icon.svg') 0% 0% no-repeat padding-box;
		height: 21px;
		position: absolute;
		right: 160px;
		top: 18px;
		width: 16px;
	}
	.FullLayoutNarrowHeader .UserCaret {
		background: transparent url('../../assets/user-caret.svg') 0% 0% no-repeat padding-box;
		height: 21px;
		position: absolute;
		right: 177px;
		top: 27px;
		width: 6px;
	}

.FullLayoutNarrowHeader .CustomerInfo_CustomerName {
	color: #ffffff;
	font-size: 11px;
	font-weight: 100;
	position: absolute;
	right: 190px;
	top: 22px;
}

		.FullLayoutNarrowHeader .CustomerSiteInfo_CustomerName {
			color: #ffffff;
			font-size: 15px;
			font-weight: 100;
			position: absolute;
			right: 190px;
			top: 12px;
		}

		.FullLayoutNarrowHeader .CustomerSiteInfo_CustomerSiteName {
			color: #dddddd;
			font-size: 13px;
			font-weight: 100;
			position: absolute;
			right: 190px;
			top: 29px;
		}

	.FullLayoutNarrowHeader .LogoContainer {
		position: absolute;
		left: 0px;
	}
		.FullLayoutNarrowHeader .LogoContainer img {
			height: 52px;
		}
.FullLayoutNarrowHeaderSpacer {
	height: 56px;
}

.FullLayoutViewContainer {
	display: flex;
}
.FullLayoutView.Narrow {
	width: 100%;
}
.FullLayoutView.Wide {
	width: 100%;
}

.ToolBar {
	background-color: #ffffff;
	height: calc(100vh - 92px);
	text-align: center;
	width: 80px;
}
.ToolBarButton {
	border: none;
	border-radius: 6px;
	color: #ffffff;
	height: 60px;
	margin-top: 20px;
	outline: none;
	padding: 0px;
	width: 60px;
}
	.ToolBarButton.Active {
		opacity: 0.5;
	}

.FullLayoutFooter {
	color: #ffffff;
	padding-right: 55px;
}
	.FullLayoutFooter .Line1 {
		display: flex;
	}
		.FullLayoutFooter .Line1 img {
			height: 66px;
			margin-top: 5px;
		}
		.FullLayoutFooter .Line1 .Headers {
			margin-right: 20px;
			margin-top: 20px;
		}
		.FullLayoutFooter .Line1 .PrimaryHeader {
		}
		.FullLayoutFooter .Line1 .SecondaryHeader {
			font-size: 14px;
		}
	.FullLayoutFooter .Line2 {
		border-top: solid 1px rgba(54,97,135,1);
		margin-top: 20px;
		padding-bottom: 20px;
		padding-right: 12px;
		padding-top: 20px;
	}
		.FullLayoutFooter .Line2 div {
			display: flex;
			margin-top: 10px;
		}
		.FullLayoutFooter .Line2 img {
			height: 20px;
			width: 20px;
		}
		.FullLayoutFooter .Line2 span,
		.FullLayoutFooter .Line2 a {
			color: #ffffff;
			font-weight: 300;
			margin-right: 20px;
		}
.FullLayoutCredits {
	font-size: 11px;
	padding: 10px;
}