.DeliveryHeader {
	font-size: 1.5rem;
}

.DeliveryHeader b {
	display: inline-block;
	padding-bottom: 10px;
}

.DeliveryPrefTable {
	width: 100%;
}

.DeliveryHeader th {
	padding: 0;
}

.MyCartRemove {
	text-align: right;
}

/* .ShippingDetail table > tbody > tr > td {
	padding-bottom: 15px;
	display: inline-block;
	width: 18%;
} */

.delivery-holder td {
	width: 100% !important;
}

.pCheckoutDeliveryDetails1 {
	padding: 0 5%;
}

.SaveAsControlMobileLine input {
	display: none;
}

.MyCart_Table {
	width: 100%;
}

.MyCartRemove input,
.ClearCartButton,
.UpdateOrderButton,
.MyCartCommentCO input,
.button_add-comment {
	border-style: none;
	padding: 5px 10px;
	border-radius: 5px;
}

.MyCart_Table tbody > tr > td {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

.MyCart_Table tbody > tr > td > div > div {
	display: inline-block;
	width: 8%;
	vertical-align: middle;
	text-align: center;
}

.MyCartWholesale,
.MyCartYourPrice {
	display: none;
}

.MyCartInfoPopUp {
	display: none !important;
}

.DeliveryPrefTableRight {
	text-align: right;
}

.MyCart_Table .MyCartDescription {
	width: 35%;
	text-align: left;
	overflow-x: hidden;
}

.MyCart_Table .MyCartDescription .MyCartPreOrderLabel {
	background-color: #7dc242;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;
	margin-left: 10px;
}

.MyCart_Table .MyCartPart {
	width: 15%;
	overflow-x: hidden;
}
.checkoutBuyersDetails textarea {
	padding-right: 6px;
}

.pCheckoutDeliveryDetails1 input,
.pVoucherRedeem .txtVoucherCode,
.checkoutBuyersDetails textarea {
	border-style: none;
	padding: 5px 10px;
	background-color: #e6e6e6;
	border-radius: 5px;
	outline: none;
}

.DeliveryType input {
	background-color: transparent;
}

.MyCart_Table .B2BPanel {
	margin-bottom: 0;
}

input.DetailsButton {
	background-color: #7dc242;
	color: #ffffff;
	font-size: 16px;
	padding: 5px 20px;
}

.select-css {
	display: block;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: 0.6em 1.4em 0.5em 0.8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
	border-radius: 0.5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
		linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right 0.7em top 50%, 0 0;
	background-size: 0.65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight: normal;
}

.pnlLoginRewards,
.pnlGrowingPoints {
	padding: 0;
	font-weight: 700;
}

.pnlLoginRewards a {
	color: #00753b !important;
}

.checkoutOrderOptions input {
	width: 130px;
	height: 51px;
	padding: 5px;
	display: inline-block;
	background-size: contain;
}

.OrderOptions {
	display: none;
}

.OrderSuccessMessage {
	margin-top: 15px;
}

.OrderSuccessMessage,
.pnlGrowingPoints {
	text-align: center;
}

/* .dd-label {
	width: 12% !important;
} */

.pCheckoutContainer1 .google_autocomplete {
	width: 100%;
}

.pCheckoutContainer1 .google_validation {
	color: #ff0000;
	font-weight: 600;
}

.pCheckoutContainer1 .pVoucherRedeem-container {
	text-align: right;
}

.pCheckoutContainer1 .payment-details-wrapper {
	border: 2px solid #ccc;
	background: #efefef;
	border-radius: 5px;
	width: 100%;
	float: left;
}

.pCheckoutContainer1 .padding-left {
	padding-left: 20px;
}

.pCheckoutContainer1 .CCPaymentTitle2 {
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 700;
}

.pCheckoutContainer1 .payment-details-wrapper input {
	border: 1px solid #ccc;
	padding: 6px 12px;
	background-color: #fff;
	border-radius: 4px;
}

.btn-shopping {
	background-color: #7dc242;
}

.SaveMyOrderContainer {
	padding-top: 20px;
	text-align: right;
}

.paymentDetails_bottom {
	padding-top: 20px;
}

.selectPayment_lable,
.ConfTotalToPay,
.ConfTotalToPayAmt,
.lblSearchAddress,
.lblSelectAddress,
.MyCart_HeaderStyle span,
.lblDeliveryChoices {
	font-weight: 700;
}

.pickupimg_container,
.deliveryimg_container {
	width: 50%;
	float: left;
}

.DelivedryColumn,
.SummaryColumn {
	vertical-align: top;
}

.details-title {
	font-size: 20px;
	font-weight: bold;
}

table.container-table th.delivery-container,
td.DelivedryColumn {
	width: 60%;
	padding: 10px;
}

table.container-table th.payment-container,
td.SummaryColumn {
	width: 40%;
	padding: 10px;
}

.ShippingDetail {
	width: 60%;
}

.ShippingDetail table {
	width: 100%;
}

#ShippingDetails td.shipping-detail-half {
	width: 60%;
	padding-bottom: 10px;
	position: relative;
}

span.required-field {
	position: absolute;
	right: -12px;
	top: -12px;
	font-size: 30px;
}

.pickupimg_container span,
.deliveryimg_container span {
	display: block;
}

.label-height {
	line-height: 34px;
}

.checkoutBuyersDetails textarea {
	width: 100%;
}
.required_field {
	float: left;
	width: 100%;
}

.lblDeliveryChoices {
	/* color: #7dc242; */
}
.UpdateOrderButton {
	background-color: #7dc242;
	color: #fff;
}

.pCheckoutCartList1 {
	padding: 0 10px;
}

.cart-list-title {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	color: #666666;
}

.cart-list-btn-area {
	float: right;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.visible-mobile {
	display: none;
}

/* large laptop */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
}

/* iPadPro */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.ShippingDetail {
		width: 100%;
	}
}

/* iPad */
@media only screen and (min-width: 426px) and (max-width: 768px) {
	.ShippingDetail {
		width: 100%;
	}
}

/* Mobile */
@media only screen and (max-width: 426px) {
	.details-title {
		margin-bottom: 10px;
		display: block;
	}

	.lblSelectAddress,
	.lblSearchAddress,
	.DeliveryOptions,
	.lblDeliveryChoices {
		margin: 5px 0;
		display: block;
	}

	#ShippingDetails td.shipping-detail-half p {
		line-height: 1.6;
	}

	.visible-mobile {
		display: inline-block;
	}

	.ShippingDetail {
		width: 100%;
	}

	table.container-table th.delivery-container,
	td.DelivedryColumn {
		width: 100%;
		padding: 10px;
		float: left;
	}

	table.container-table th.payment-container,
	td.SummaryColumn {
		width: 100%;
		padding: 10px;
		float: left;
	}

	.hideInMobile {
		display: none;
	}

	.MyCart_Table tbody > tr > td.hideInMobile {
		border-bottom: none;
		padding: 0;
	}

	.pCheckoutCartList1 table tr td {
		width: 100%;
		float: left;
	}

	.pCheckoutCartList1 table .MyCartImage {
		width: 33.33%;
		float: left;
		vertical-align: middle;
		height: 110px;
		overflow: hidden;
	}

	.pCheckoutCartList1 table .MyCartPart {
		width: 33.33%;
		float: left;
		vertical-align: middle;
		height: 110px;
	}

	.pCheckoutCartList1 table .MyCartDescription {
		width: 33.33%;
		float: left;
		vertical-align: middle;
		height: 110px;
	}

	.pCheckoutCartList1 table .MyCartStock {
		width: 20%;
		float: left;
		text-align: left;
		line-height: 35px;
	}

	.pCheckoutCartList1 table .B2BPanel {
		width: 15%;
		float: left;
		text-align: left;
		line-height: 35px;
		margin-top: 10px;
	}

	.pCheckoutCartList1 table .MyCartQuantity {
		width: 30%;
		float: left;
		line-height: 35px;
		margin-top: 10px;
	}

	.pCheckoutCartList1 table .MyCartQuantity input {
		line-height: 20px;
		text-align: center;
	}

	.pCheckoutCartList1 table .MyCartTotal {
		width: 30%;
		float: left;
		text-align: left;
		line-height: 35px;
		margin-top: 10px;
	}

	.pCheckoutCartList1 table .MyCartRemove {
		width: 25%;
		float: left;
		margin-top: 10px;
	}

	.pCheckoutDeliveryDetails1 input[type="checkbox"] {
		margin-right: 10px;
	}

	input.DetailsButton {
		width: 100%;
	}
}

.ChoosePathHolder {
	width: 100%;
}

.ChoosePathHolder {
	width: 100%;
}

.ChoosePathHeaderHolder {
	text-align: center;
}

h1.ChoosePathMainHeader {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 20px;
	color: #262626;
}

.ChoosePathSub {
	width: 50%;
	float: left;
}

.ChoosePathSub.standard-login {
	width: 45%;
	float: left;
}

.ChoosePathSub.guest-login {
	width: 45%;
	float: right;
}

.ChoosePathSub,
.ChoosePathSubDivider {
	vertical-align: text-top !important;
}

h3 .ChoosePathHeader {
	font-size: 24px;
	color: #262626;
	padding-bottom: 23px;
}

div.ChoosePathMainText {
	font-size: 18px;
	line-height: 25px;
	color: #6a6563;
}

.ChoosePathNonMemberFormHolder {
	border-radius: 3px;
	padding: 40px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

.ChoosePathNonMemberFormRow {
	margin-bottom: 30px;
}

.ChoosePathNonMemberFormRow > input,
.ChoosePathNonMemberFormRow .LeftItem > input,
.ChoosePathNonMemberFormRow .RightItem > input {
	width: 100%;
	border: none;
	outline: none;
	background-color: #f2f2f2;
	border-bottom: 2px solid #6a6563;
	line-height: 50px;
	font-size: 14px;
}

.LeftItem {
	width: 51%;
	display: inline-block;
}

.RightItem {
	width: 40%;
	margin-left: 8%;
	display: inline-block;
}

.register-link {
	color: #e11b22 !important;
	text-decoration: underline !important;
	text-decoration-style: solid !important;
}

[id$="_View_loginControl_Login_DNN_plUsername"],
[id$="_View_loginControl_Login_DNN_plPassword"] {
	display: block;
}

[id$="_View_loginControl_Login_DNN_cmdLogin"] {
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 3rem !important;
	text-transform: uppercase;
	letter-spacing: 3px;
}

[id$="_View_loginControl_Login_DNN_liPassword"],
.dnnLoginRememberMe {
	display: none !important;
	height: 0px;
}

.dnnLoginService {
	margin: 0 auto;
	width: 100%;
}

.dnnLoginService .dnnFormItem input[type="text"],
.dnnLoginService .dnnFormItem input[type="password"] {
	width: 100%;
}

.GuestLogin {
	background: #ffffff !important;
	color: #7dc242 !important;
	border: 1px solid #7dc242;
	border-radius: 10px !important;
	text-transform: capitalize;
	padding: 8px 16px;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	display: block;
}

.display-block {
	display: block;
}

.GuestLoginService {
	margin: 0 auto;
	width: 100%;
}

.GuestLoginService .dnnFormItem input[type="text"],
.GuestLoginService .dnnFormItem input[type="password"] {
	width: 100%;
}

h3.ChoosePathHeader {
	color: rgb(51, 51, 51);
	font-size: 20px;
	font-weight: bold;
}

.ChoosePathSubDivider {
	/*height: 300px;*/
	width: 0px;
	/*border-left: 1px solid #cccccc;*/
	display: inline-block;
	margin: 50px 5%;
}

.ValidationFailed {
	color: red;
}

.JoinNow {
	float: right;
}

.guest-login-option,
.standard-login-option {
	display: block;
	font-size: 18px;
	font-weight: 900;
	padding-top: 10px;
}

.open-guest-login,
.open-standard-login {
	text-decoration: underline;
	color: #e11b22;
}

.standard-login .dnnFormItem > .dnnLabel {
	margin-top: 0;
}

a.cus-btn-reg {
	background: #ffffff !important;
	color: #7dc242 !important;
	border: 1px solid #7dc242;
	border-radius: 10px !important;
	text-transform: capitalize;
	padding: 8px 0;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	letter-spacing: normal;
	font-weight: bold;
	width: 100%;
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.is-gift {
	font-size: 20px;
	font-weight: bold;
	color: #7dc242;
}

.ShippingDetail textarea {
	border-style: none;
	padding: 5px 10px;
	background-color: #e6e6e6;
	border-radius: 5px;
	outline: none;
}

.btn-save {
	background-color: #7dc242 !important;
	margin-left: 10px;
	color: #fff;
}

.gift-message-box {
	padding: 10px;
	background-color: #eee;
	border-radius: 5px;
}

#giftFrom {
	margin-left: 10px;
}

.gift-to {
	float: left;
	width: 50%;
	position: relative;
}

.gift-to input {
	width: 95%;
}

span.no-right {
	right: 0;
}

.gift-from {
	float: left;
	width: 50%;
	position: relative;
}

.gift-from input {
	width: 95%;
}

p.checkout-note {
	margin-top: 40px;
}

#save-message {
	color: #ff0000;
	text-align: right;
	font-weight: bold;
	display: none;
}

/* iPadPro */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.dnnLoginService .dnnFormItem input[type="text"],
	.dnnLoginService .dnnFormItem input[type="password"] {
		width: 95%;
	}

	.GuestLoginService .dnnFormItem input[type="text"],
	.GuestLoginService .dnnFormItem input[type="password"] {
		width: 95%;
	}
}

/* iPad */
@media only screen and (min-width: 426px) and (max-width: 768px) {
	.dnnLoginService .dnnFormItem input[type="text"],
	.dnnLoginService .dnnFormItem input[type="password"] {
		width: 95%;
	}

	.GuestLoginService .dnnFormItem input[type="text"],
	.GuestLoginService .dnnFormItem input[type="password"] {
		width: 95%;
	}
}

/* New Design for Mobile */
@media only screen and (max-width: 426px) {
	.ChoosePathSub {
		width: 100%;
		float: left;
	}

	.ChoosePathSub.standard-login,
	.ChoosePathSub.guest-login {
		width: 100%;
		float: left;
	}
}

.pCheckoutDeliveryDetails1 input,
.ShippingDetail textarea,
.MyCartRemove input,
.ClearCartButton {
  border: 1px solid #aaa !important;
}
.DeliveryTypeImg {
  width: 118px !important;
  height: 48px !important;
  border: 1px solid #aaa !important;
}

.DeliveryTypeImg.Selected {
  border: 1px solid #000000 !important;
  background-color: #7DC242 !important;
}

.DetailsButton {
  border: 1px solid #000000 !important;
}

.passwordLink {
  margin-top: 10px !important;
  color: #7dc242 !important;
  font-weight: bold !important;
  display: block !important;
  text-align: left !important;
  cursor: pointer;
}

:root, [data-bs-theme=light] {
	--ao-primary: #f55266;
	--ao-secondary: #6c727f;
	--ao-success: #33b36b;
	--ao-info: #2f6ed5;
	--ao-warning: #fc9231;
	--ao-danger: #f03d3d;
	--ao-light: #fff;
	--ao-dark: #222934;
	--ao-primary-rgb: 245, 82, 102;
	--ao-secondary-rgb: 108, 114, 127;
	--ao-success-rgb: 51, 179, 107;
	--ao-info-rgb: 47, 110, 213;
	--ao-warning-rgb: 252, 146, 49;
	--ao-danger-rgb: 240, 61, 61;
	--ao-light-rgb: 255, 255, 255;
	--ao-dark-rgb: 34, 41, 52;
	--ao-primary-text-emphasis: #f2223b;
	--ao-secondary-text-emphasis: #333d4c;
	--ao-success-text-emphasis: #288b53;
	--ao-info-text-emphasis: #2358ae;
	--ao-warning-text-emphasis: #f67804;
	--ao-danger-text-emphasis: #e81212;
	--ao-light-text-emphasis: #333d4c;
	--ao-dark-text-emphasis: #181d25;
	--ao-primary-bg-subtle: #feeef0;
	--ao-secondary-bg-subtle: #f5f7fa;
	--ao-success-bg-subtle: #ebf7f0;
	--ao-info-bg-subtle: #eaf1fb;
	--ao-warning-bg-subtle: #fff4ea;
	--ao-danger-bg-subtle: #feecec;
	--ao-light-bg-subtle: #fff;
	--ao-dark-bg-subtle: #edeeef;
	--ao-primary-border-subtle: #fddce0;
	--ao-secondary-border-subtle: #e0e5eb;
	--ao-success-border-subtle: #d6f0e1;
	--ao-info-border-subtle: #d5e2f7;
	--ao-warning-border-subtle: #fee9d6;
	--ao-danger-border-subtle: #fcd8d8;
	--ao-light-border-subtle: #eef1f6;
	--ao-dark-border-subtle: #e0e5eb;
	--ao-white-rgb: 255, 255, 255;
	--ao-black-rgb: 0, 0, 0;
	--ao-font-sans-serif: "Inter", sans-serif;
	--ao-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--ao-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
	--ao-root-font-size: 1rem;
	--ao-body-font-family: var(--ao-font-sans-serif);
	--ao-body-font-size: 1rem;
	--ao-body-font-weight: 400;
	--ao-body-line-height: 1.5;
	--ao-body-color: #4e5562;
	--ao-body-color-rgb: 78, 85, 98;
	--ao-body-bg: #fff;
	--ao-body-bg-rgb: 255, 255, 255;
	--ao-emphasis-color: #222934;
	--ao-emphasis-color-rgb: 34, 41, 52;
	--ao-secondary-color: #6c727f;
	--ao-secondary-color-rgb: 108, 114, 127;
	--ao-secondary-bg: #eef1f6;
	--ao-secondary-bg-rgb: 238, 241, 246;
	--ao-tertiary-color: #9ca3af;
	--ao-tertiary-color-rgb: 156, 163, 175;
	--ao-tertiary-bg: #f5f7fa;
	--ao-tertiary-bg-rgb: 245, 247, 250;
	--ao-heading-color: #181d25;
	--ao-link-color: #f55266;
	--ao-link-color-rgb: 245, 82, 102;
	--ao-link-decoration: underline;
	--ao-link-hover-color: #f55266;
	--ao-link-hover-color-rgb: 245, 82, 102;
	--ao-link-hover-decoration: none;
	--ao-code-color: #d63384;
	--ao-highlight-color: #4e5562;
	--ao-highlight-bg: #fff3cd;
	--ao-border-width: 1px;
	--ao-border-style: solid;
	--ao-border-color: #e0e5eb;
	--ao-border-color-translucent: rgba(0, 0, 0, .1);
	--ao-border-radius: 0.5rem;
	--ao-border-radius-sm: calc(var(--ao-border-radius) * 0.75);
	--ao-border-radius-lg: calc(var(--ao-border-radius) * 1.5);
	--ao-border-radius-xl: calc(var(--ao-border-radius) * 2);
	--ao-border-radius-xxl: calc(var(--ao-border-radius) * 2.5);
	--ao-border-radius-2xl: var(--ao-border-radius-xxl);
	--ao-border-radius-pill: 50rem;
	--ao-box-shadow: 0 0.5rem 2rem -0.25rem hsla(216, 9%, 44%, .1);
	--ao-box-shadow-sm: 0 0.375rem 1.5rem hsla(216, 9%, 44%, .06);
	--ao-box-shadow-lg: 0 1.125rem 3rem -0.375rem hsla(216, 9%, 44%, .12);
	--ao-box-shadow-inset: unset;
	--ao-focus-ring-width: 0.25rem;
	--ao-focus-ring-opacity: 0.1;
	--ao-focus-ring-color: rgba(24, 29, 37, .1);
	--ao-form-valid-color: #33b36b;
	--ao-form-valid-border-color: #33b36b;
	--ao-form-invalid-color: #f03d3d;
	--ao-form-invalid-border-color: #f03d3d;
}

:root {
	--ao-breakpoint-xs: 0;
	--ao-breakpoint-sm: 500px;
	--ao-breakpoint-md: 768px;
	--ao-breakpoint-lg: 992px;
	--ao-breakpoint-xl: 1200px;
	--ao-breakpoint-xxl: 1400px;
}

:root, [data-bs-theme=light] {
	--ao-link-color: var(--ao-info);
	--ao-link-color-rgb: var(--ao-info-rgb);
	--ao-link-hover-color: var(--ao-info);
	--ao-link-hover-color-rgb: var(--ao-info-rgb);
	--ao-component-color: #333d4c;
	--ao-component-hover-color: #181d25;
	--ao-component-hover-bg: #f5f7fa;
	--ao-component-active-color: #181d25;
	--ao-component-active-bg: #eef1f6;
	--ao-component-disabled-color: #9ca3af;
	--ao-user-selection-color: rgba(24, 29, 37, .1);
	--ao-border-radius-xs: calc(var(--ao-border-radius) * 0.5);
	--ao-border-radius-xxxl: calc(var(--ao-border-radius) * 3);
	--ao-underline-thickness: 1px;
	--plyr-color-main: var(--ao-primary);
}

.card {
	--ao-card-spacer-y: 1.5rem;
	--ao-card-spacer-x: 1.5rem;
	--ao-card-title-spacer-y: 0.75rem;
	--ao-card-title-color: var(--ao-heading-color);
	--ao-card-subtitle-color:;
	--ao-card-border-width: var(--ao-border-width);
	--ao-card-border-color: var(--ao-border-color-translucent);
	--ao-card-border-radius: var(--ao-border-radius);
	--ao-card-box-shadow:;
	--ao-card-inner-border-radius: calc(var(--ao-border-radius) - var(--ao-border-width));
	--ao-card-cap-padding-y: 0.75rem;
	--ao-card-cap-padding-x: 1.5rem;
	--ao-card-cap-bg: rgba(var(--ao-body-color-rgb), 0.03);
	--ao-card-cap-color:;
	--ao-card-height:;
	--ao-card-color:;
	--ao-card-bg: var(--ao-body-bg);
	--ao-card-img-overlay-padding: 1.5rem;
	--ao-card-group-margin: 0.75rem;
	color: var(--ao-body-color);
	display: flex;
	flex-direction: column;
	height: var(--ao-card-height);
	min-width: 0;
	position: relative;
	word-wrap: break-word;
	background-clip: border-box;
	background-color: var(--ao-card-bg);
	border: var(--ao-card-border-width) solid var(--ao-card-border-color);
	border-radius: var(--ao-card-border-radius);
	box-shadow: var(--ao-card-box-shadow);
}

*, :after, :before {
	box-sizing: border-box !important;
}



.alert {
	--ao-alert-bg: transparent !important;
	--ao-alert-padding-x: 1rem !important;
	--ao-alert-padding-y: 1rem !important;
	--ao-alert-margin-bottom: 1.25rem !important;
	--ao-alert-color: inherit !important;
	--ao-alert-border-color: transparent !important;
	--ao-alert-border: var(--ao-border-width) solid var(--ao-alert-border-color) !important;
	--ao-alert-border-radius: var(--ao-border-radius) !important;
	--ao-alert-link-color: inherit !important;
	background-color: var(--ao-alert-bg) !important;
	border: var(--ao-alert-border) !important;
	border-radius: var(--ao-alert-border-radius) !important;
	color: var(--ao-alert-color) !important;
	margin-bottom: var(--ao-alert-margin-bottom) !important;
	padding: var(--ao-alert-padding-y) var(--ao-alert-padding-x) !important;
	position: relative !important;
}

.alert-warning {
	--ao-alert-color: var(--ao-warning-text-emphasis) !important;
	--ao-alert-bg: var(--ao-warning-bg-subtle) !important;
	--ao-alert-border-color: var(--ao-warning-border-subtle) !important;
	--ao-alert-link-color: var(--ao-warning-text-emphasis) !important;
	margin: 10px;
}


.mt-1 {
	margin-top: .25rem !important;
}

.me-2 {
	margin-right: .5rem !important;
}

.pe-1 {
	padding-right: .25rem !important;
}

.fs-lg {
	font-size: 1.125rem !important;
}

[class*=" aoi-"], [class^=aoi-] {
	display: inline-flex;
}

[class*=" aoi-"]:before, [class^=aoi-]:before {
	font-family: ao-icons !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400 !important;
	line-height: 1;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.aoi-alert-triangle:before {
	content: "\f106";
}

.d-flex {
	display: flex !important;
}

.dnnFormMessage {
	margin:10px !important;
}