/*<meta conditions="Master.Import" />*/

/* ------------------------------------------------------------------------- BUTTON STYLES ------------------ */

#button

{
background-color: #ffffff;
	border: 2px solid #007E45;
	/* CSS variable IE 11 support */
	border: 2px solid var(--business-product);
	color: #007E45 !important;
	/* CSS variable IE 11 support */
	color: var(--business-product) !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5em 1em 0.5em 1em;
	/* rounded corners - radius - rebrand 2022 phase 2 */
	border-radius: 32px;
	/* rounded corners - radius - rebrand 2022 phase 2 */
	float:right;
}

input[type=button]

{
	display: inline-block;
	/*font-size: 1em;*/
	font-size: 90%;
	font-weight: 300;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;	
	color: #ffffff !important;
	background-color: #006738; /* CSS variable IE 11 support */
	background-color: var(--business-product-hover1);
	border: 1px solid #006738;
	/* CSS variable IE 11 support */
	border: 1px solid var(--business-product-hover1);
	/*padding: 1em 1.5em 1em 1.5em;*/
	padding: 0.5em;
	border-radius: 8px; /* rounded corners - radius - rebrand 2022 phase 2 */
	float: right;
	/*margin-right: 30em;*/
	
	margin-right: -6em;
    margin-top: -8px;
}

a[class*="sageButton"],
a.sageButton,
a.sageButtonLeft,
a.sageButtonRight,
a.sageButtonMedium,
a.sageButtonMediumLeft,
a.sageButtonMediumRight,
a.sageButtonLarge,
a.sageButtonLargeLeft,
a.sageButtonLargeRight	/* Minor button styles */
{
	background-color: #ffffff;
	border: 2px solid #335B70;
	/* CSS variable IE 11 support */
	border: 2px solid var(--col-action-minor-500);
	color: #335B70 !important;
	/* CSS variable IE 11 support */
	color: var(--col-action-minor-500) !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5em 1em 0.5em 1em;
	/* rounded corners - radius - rebrand 2022 phase 2 */
	border-radius: 8px;
	/* rounded corners - radius - rebrand 2022 phase 2 */
}

a[class*="sageButtonPrimary"],
a.sageButtonPrimary,
a.sageButtonPrimaryLeft,
a.sageButtonPrimaryRight,
a.sageButtonPrimaryMedium,
a.sageButtonPrimaryMediumLeft,
a.sageButtonPrimaryMediumRight,
a.sageButtonPrimaryLarge,
a.sageButtonPrimaryLargeLeft,
a.sageButtonPrimaryLargeRight	/* Major/primary button styles */
{
	background-color: #ffffff;
	border: 2px solid #007E45;
	/* CSS variable IE 11 support */
	border: 2px solid var(--business-product);
	color: #007E45 !important;
	/* CSS variable IE 11 support */
	color: var(--business-product) !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5em 1em 0.5em 1em;
	/* rounded corners - radius - rebrand 2022 phase 2 */
	border-radius: 32px;
	/* rounded corners - radius - rebrand 2022 phase 2 */
}

a[class*="sageButton"]:hover,
a.sageButton:hover,
a.sageButtonLeft:hover,
a.sageButtonRight:hover,
a.sageButtonMedium:hover,
a.sageButtonMediumLeft:hover,
a.sageButtonMediumRight:hover,
a.sageButtonLarge:hover,
a.sageButtonLargeLeft:hover,
a.sageButtonLargeRight:hover	/* sageButton: hover style for minor button */
{
	color: #ffffff !important;
	background-color: #00324C;
	/* CSS variable IE 11 support */
	background-color: var(--col-action-minor-600);
	border: 2px solid #00324C;
	/* CSS variable IE 11 support */
	border: 2px solid var(--col-action-minor-600);
	text-decoration: none;
}

a[class*="sageButtonPrimary"]:hover,
a.sageButtonPrimary:hover,
a.sageButtonPrimaryLeft:hover,
a.sageButtonPrimaryRight:hover,
a.sageButtonPrimaryMedium:hover,
a.sageButtonPrimaryMediumLeft:hover,
a.sageButtonPrimaryMediumRight:hover,
a.sageButtonPrimaryLarge:hover,
a.sageButtonPrimaryLargeLeft:hover,
a.sageButtonPrimaryLargeRight:hover	/* sageButton: hover style for major/primary button */
{
	background-color: #006738;
	/* CSS variable IE 11 support */
	background-color: var(--business-product-hover1);
	border: 2px solid #006738;
	/* CSS variable IE 11 support */
	border: 2px solid var(--business-product-hover1);
}

a[class*="sageButtonMedium"],
a.sageButtonMedium,
a.sageButtonMediumLeft,
a.sageButtonMediumRight	/* sageButtonMedium: minor medium button  */
{
	font-size: 1em;
	color: #ffffff !important;
	background-color: #335B70;
	/* CSS variable IE 11 support */
	background-color: var(--col-action-minor-500);
	padding: 1em 1.5em 1em 1.5em;
}

a[class*="sageButtonPrimaryMedium"],
a.sageButtonPrimaryMedium,
a.sageButtonPrimaryMediumLeft,
a.sageButtonPrimaryMediumRight	/* sageButtonPrimaryMedium: major/primary medium button  */
{
	font-size: 1em;
	color: #ffffff !important;
	background-color: #007E45;
	/* CSS variable IE 11 support */
	background-color: var(--business-product);
	padding: 1em 1.5em 1em 1.5em;
}

a[class*="sageButtonLarge"],
a.sageButtonLarge,
a.sageButtonLargeLeft,
a.sageButtonLargeRight	/* sageButtonLarge: minor large button */
{
	font-size: 1.25em;
	/* CSS variable IE 11 support */
	font-size: var(--font-size-h4);
	/* same as h4 */
	color: #ffffff !important;
	background-color: #335B70;
	/* CSS variable IE 11 support */
	background-color: var(--col-action-minor-500);
	padding: 1em 1.5em 1em 1.5em;
}

a[class*="sageButtonPrimaryLarge"],
a.sageButtonPrimaryLarge,
a.sageButtonPrimaryLargeLeft,
a.sageButtonPrimaryLargeRight	/* sageButtonPrimaryLarge: major/primary large button */
{
	font-size: 1.25em;
	/* CSS variable IE 11 support */
	font-size: var(--font-size-h4);
	/* same as h4 */
	color: #ffffff !important;
	background-color: #007E45;
	/* CSS variable IE 11 support */
	background-color: var(--business-product);
	padding: 1em 1.5em 1em 1.5em;
}

a.sageButtonRight:after,
a.sageButtonMediumRight:after,
a.sageButtonLargeRight:after,
a.sageButtonPrimaryRight:after,
a.sageButtonPrimaryMediumRight:after,
a.sageButtonPrimaryLargeRight:after	/* Right: add icon for right buttons */
{
	font-family: "FontAwesome";
	content: "\f105";
	/* FontAwesome : fa-angle-right */
	padding: 0 0 0 0.5em;
	display: inline-block;
}

a[class*="sageButton"][class*="Left"]	/* Left: left button */
{
	text-align: right;
}

a.sageButtonLeft:before,
a.sageButtonMediumLeft:before,
a.sageButtonLargeLeft:before,
a.sageButtonPrimaryLeft:before,
a.sageButtonPrimaryMediumLeft:before,
a.sageButtonPrimaryLargeLeft:before	/* Left: add icon for left buttons */
{
	font-family: "FontAwesome";
	content: "\f104";
	/* FontAwesome : fa-angle-left */
	padding: 0 0.5em 0 0;
	display: inline-block;
}