/* checkout.css ACC LIVE*/

.feather-plus{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkout-container {
	padding-left: 0;
	padding-right: 0;
}

.reimagine_checkout-row {
	position: relative;
	contain: layout;
}

.checkout-sidebar {
	border-left: 1px solid var(--off-white-1);
	color: var(--primary-dark-grey);
	padding: 30px;
	position: sticky;
	top: 0;
}

.checkout-sidebar::after {
	content: "";
	position: absolute;
	/*background: linear-gradient(
		130deg,
		rgba(230, 233, 236, 0.7) 20%,
		rgb(255, 255, 255) 50%
	);*/
	top: 0;
	left: 0;
	right: -339px;
	bottom: 0;
	z-index: -1;
}

.secure {
	display: inline-block;
}

.checkout-show-details {
	float: right;
}

.checkout-breadcrumbs,
.checkout-breadcrumbs a {
	display: flex;
	justify-content: center;
	color: var(--primary-medium-grey);
}

.checkout-row {
	display: flex;
}

p.payment-method,
p.have-account {
	color: var(--primary-medium-grey);
	font-size: 0.8em;
}

p.have-account a {
	border-bottom: 1px solid var(--primary-color);
	font-weight: 500;
}

.reimagine_billing-form {
	margin-top: 32px;
}

#wrapper-formBilling input,
#payment-form input,
input.reimagine_form-control {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
	height: 50px;
	margin-bottom: 15px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

input.reimagine_form-control.expiry,
input.reimagine_form-control.cw {
	padding-top: 16px;
}

select.reimagine_form-control {
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	-webkit-box-shadow: none;
}

select.countrySelect,
select.stateSelect,
select.buildingSelect,
select.phoneTypeSelect,
select.dateSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='5 0 40 40' fill='none' stroke='grey' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'><polyline points='6 9 12 15 18 9'></polyline></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 2px;
	border-left: 1px solid var(--light-grey);
}

.phoneType-form-group > label,
.country-form-group > label,
.state-form-group > label,
.expiry-form-group > label,
.cw-form-group > label,
.building-form-group > label,
.date-form-group > label {
	font-size: 0.7em;
	color: var(--light-grey);
	font-weight: 400;
	position: absolute;
	left: 15px;
	top: 8px;
}

.country-form-group,
.state-form-group,
.postal-form-control,
.expiry-form-group,
.cw-form-group {
	width: 33%;
	display: inline-block;
}

.region-wrapper {
	display: flex;
	justify-content: space-between;
}

.credit-card-wrapper {
	display: flex;
	justify-content: flex-start;
}

.credit-card-wrapper > * {
	margin-right: 15px;
}

.input-group.same-as-billing {
	display: inline-block;
}

.input-group-addon.same-as-billing {
	background-color: transparent;
	background: transparent;
	border: none;
	padding: 0 8px 0 0;
	display: inline-block;
}

p.reimagine_cart-header.special {
	margin-bottom: -10px;
}

.checkout-right-wrapper {
	width: 375px;
}

.order-details-wrapper {
	margin-top: 90px;
	border-bottom: 1px solid var(--lighter-grey);
	padding-bottom: 40px;
}

.order-details-wrapper.order-placed {
	border-bottom: none;
}

.subtotal-wrapper {
	border-bottom: 1px solid var(--lighter-grey);
	padding-bottom: 40px;
}

.coupon-wrapper {
	padding-top: 30px;
	border-bottom: 1px solid var(--lighter-grey);
	padding-bottom: 20px;
}

.total-wrapper {
	margin-top: 30px;
}

.order-details-item-row {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	justify-content: space-between;
	margin-bottom: 15px;
}

.order-details-item-row-img-wrapper {
	border: 1px solid var(--lighter-grey);
	border-radius: 8px;
	margin-right: 15px;
}

.order-details-item-row-img-wrapper img {
	width: 64px;
	height: 64px;
}

p.reimagine_cart-header.order-details {
	margin-bottom: 15px;
}

.subtotal-fee {
	font-weight: 700;
}

.coupon-btn {
	height: 50px;
	background-color: var(--light-grey);
	color: #fff;
	margin-left: 15px;
	padding: 0 20px;
	border-radius: 4px;
}

.place-order-btn:enabled > label[for="submit-billingForm"]{
    cursor: pointer !important;
}

.place-order-btn:disabled > label[for="submit-billingForm"]{
    cursor: not-allowed;
}

.place-order-btn {
	height: 50px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 30px;
}

.place-order-btn:enabled {
	background-color: var(--primary-color);
    cursor: pointer;
}

.place-order-btn:disabled {
	background-color: var(--lighter-grey);
    cursor: not-allowed;
}

.total-price {
	font-size: 20px;
	font-weight: 600;
}

.line-clamp-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.order-details-desc {
	max-width: 64%;
}

p.fix-cart-header {
	margin-bottom: unset !important;
}

.dateSelect {
	margin-bottom: unset;
}

@media (min-width: 991px) {
	.mobile-slide-down-wrapper {
		display: block !important;
	}

	.place-order-btn.mobile {
		display: none;
	}
}

@media (max-width: 992px) {
	.checkout-container {
		margin: 0;
		width: 100%;
	}

	.checkout-row {
		flex-direction: column;
	}

	.checkout-sidebar {
		position: relative;
		height: unset;
		background: linear-gradient(
			130deg,
			rgba(232, 235, 237, 0.8) 30%,
			rgb(255, 255, 255) 80%
		);
	}

	.checkout-right-wrapper {
		position: relative;
		width: 100%;
	}

	.reimagine_billing-form {
		padding-right: unset;
	}

	.country-form-group,
	.state-form-group,
	.postal-form-control,
	.expiry-form-group,
	.cw-form-control {
		width: 100%;
	}

	.region-wrapper,
	.credit-card-wrapper {
		flex-direction: row;
        justify-content: center;
        margin-bottom: 10px;
	}

	.checkout-show-details {
		display: inline-flex;
	}

    .mobile-slide-down-wrapper {
		display: none;
	}

	.place-order-btn.desktop {
		display: none;
	}

    .place-order-btn {
        height: 50px;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
	.checkout-right-wrapper {
		width: unset;
	}

	.secure,
	.checkout-show-details {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.secure {
		margin-bottom: 20px;
	}

	.checkout-show-details {
		float: none;
	}
}

/* FOR SIGNED IN CHECKOUT  */

.reimagine_cart-header.signedin-billing {
	margin-bottom: unset;
}

p.edit-billing-info {
	margin-top: 20px;
	font-size: 0.8em;
	color: var(--primary-medium-grey);
	margin-bottom: 0;
}

p.edit-billing-info:hover {
	color: var(--primary-color);
}

p.fix-cart-header {
	margin-bottom: unset;
}

/* FOR SIGN IN  */
.signin-wrapper {
	max-width: 600px;
	margin: 0 auto;
}

.signin-btn {
	height: 50px;
	background-color: var(--light-grey);
	color: #fff;
	padding: 0 20px;
	border-radius: 4px;
}

@media (max-width: 992px) {
	.container.signin-container {
		width: 100% !important;
	}
}

/* FOR ORDER PLACED  */

p.order-placed-confirmation {
	font-weight: 700;
	color: var(--primary-color);
}