.cnt-payment,
.cnt-checkout {
	font-family: "Helvetica Neue", Arial;
}

.cnt-checkout #changeShippingAddress2,
.cnt-checkout #changeShippingGroup {
	margin-block-end: 0;
}

.cnt-single-shipping,
.cnt-payment {
	background: #F9F9F9;
}

.cnt-payment .cnt-new-card {
	padding-bottom: 1rem;
}

.cnt-payment #placeOrderButton {
	width: 100%;
}

.cnt-payment .save {
	padding-top: 12px;
}

.cnt-payment .txt-gf-header {
	color: var(--Neutral-900, #000);
	font-family: "Helvetica Neue", "Arial";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cnt-multi-shipping .multi-shipping .shipping-item__address,
.cnt-multi-shipping .checkout .pickup {
	background: var(--Secondary-50, #DCECFA);
}

.cnt-multi-shipping .multi-shipping .shipping-item__address header {
	font-weight: 700;
}

.cnt-multi-shipping .txt-back-to,
.cnt-checkout .txt-back-to,
.cnt-payment .txt-back-to {
	margin-bottom: 0.8rem;
}

.cnt-multi-shipping .txt-back-to a,
.cnt-checkout .txt-back-to a,
.cnt-payment .txt-back-to a {
	text-decoration: underline;
}

.cnt-multi-shipping .navBar-item,
.cnt-checkout .navBar-item,
.cnt-payment .navBar-item {
	background-color: #dcedfa;
	padding: 8px;
	margin-bottom: 12px;
	flex-grow: 1;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	display: inline-flex;
	font-size: 18px;
	color: #000;
	width: 100%;
	opacity: 0.4;
}

.cnt-multi-shipping .navBar-item.active,
.cnt-payment .navBar-item.active,
.cnt-checkout .navBar-item.active {
	opacity: 1;
	background-color: #dcedfa;
}

.cnt-multi-shipping .navBar-item.active span,
.cnt-payment .navBar-item.active span,
.cnt-checkout .navBar-item.active span {
	opacity: 1;
}

.cnt-multi-shipping .navBar-item span,
.cnt-payment .navBar-item span,
.cnt-checkout .navBar-item span {
	color: #000;
	font-family: "Helvetica Neue", "Arial";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

}

.cnt-payment .cnt-payment-fields{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.cnt-payment .cnt-payment-fields .form-group-cc-number{
	width: 50%;
	padding-right: 10px;
}

.cnt-payment .cnt-payment-fields .form-group-cc-number label{
	font-weight: bold;
}

.cnt-checkout-cc-form .nexcom-control,
.cnt-payment .cnt-payment-fields .nexcom-control{
	width: 100%;
	padding-right: 10px;
}

.cnt-payment .cnt-billing-fields .nexcom-control{
	width: 100%;
}

.cnt-payment .cnt-payment-fields .nexcom-control {
	justify-content: flex-end;
}


.cnt-cart-summary .disabled,
.cnt-gift-card-form .disabled {
	background-color: grey;
	background: grey;
	cursor: not-allowed;
	opacity: 0.4;
}

.cnt-gift-card-form #giftCertificatePayment .cnt-pin .form-group {
	margin-bottom: 0.5rem;
}

.cnt-payment .cnt-gift-card {
	padding-bottom: 1rem;
}

.bg-white {
	background-color: #fff;
	width: 100%;
}

.bg-grey {
	background-color: #F9F9F9;
	width: 100%;
}

.cnt-summary-totals .labels div {
	text-align: left;
}

.cnt-summary-totals .price div {
	text-align: right;
}

.cnt-summary-totals .txt-gc-total {
	color: var(--Success-500, #0B7716);
}



.cnt-checkout .cnt-shipping-methods .nexcom-control.radiobox,
.cnt-store-pickup-options .nexcom-control.radiobox,
.cnt-ship-home-options .nexcom-control.radiobox,
.cnt-new-shipping-address .nexcom-control.radiobox {
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	background: var(--Neutral-50, #FFF);
	padding: 6px;
	margin-right: 16px;
	display: inline-block;
	max-width: 100%;
	width: 100%;
}

.cnt-shipping-address-book .nexcom-control.radiobox {
	padding: 0 10px;
	margin-bottom: 0;
}

.cnt-store-pickup-options .nexcom-control.radiobox,
.cnt-ship-home-options .nexcom-control.radiobox {
	width: 100%;
	height: 69px;
	display: flex;
	font-size: 14px;
	line-height: normal;
	font-weight: 700;
}


.cnt-shipping-methods .cnt-shipping-type {
	display: flex;
	flex-direction: column;
}

.cnt-shipping-methods .cnt-shipping-type .bold {
	display: block;
}

.cnt-checkout .navBar-item.active span {
	opacity: 1;
}

.cnt-multi-shipping .navBar,
.cnt-checkout .navBar,
.cnt-payment .navBar {
	justify-content: flex-start;
	padding: 0;
	flex-direction: column;
}

.cnt-multi-shipping .nexcom-control label,
.cnt-checkout .nexcom-control label,
.cnt-payment .nexcom-control label,
.cnt-multi-shipping .button,
.cnt-checkout .button,
.cnt-payment .button {
	text-transform: none;
}

.cnt-checkout #single-shipping-selection h2,
.cnt-checkout #single-shipping-selection h3,
.cnt-payment .checkout h3 {
	color: var(--Neutral-900, #000);
	font-family: "Helvetica Neue", "Arial";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background-color: none;
	margin-bottom: 16px;
}

.cnt-checkout .txt-military-star {
	color: var(--Neutral-500, #8E8E8E);
	font-family: "Helvetica Neue", "Arial";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cnt-new-shipping-address .nexcom-control.radiobox {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 0;
}

.cnt-customer-addresses,
.cnt-customer-addresses .cnt-address-info span {
	display: flex;
	flex-direction: column;
}

.cnt-checkout .cnt-shipping-methods .nexcom-control input[type=radio]~label,
.cnt-store-pickup-options .nexcom-control input[type=radio]~label,
.cnt-new-shipping-address .nexcom-control input[type=radio]~label,
.cnt-ship-home-options .nexcom-control input[type=radio]~label,
.cnt-shipping-address-book .nexcom-control input[type=radio]~label {
	display: flex;
	align-items: center;
	margin: 5px 10px 5px 0;
	height: 50px;
}

.cnt-ship-home-options svg,
.cnt-store-pickup-options svg {
	margin-right: 6px;
}

.cnt-store-pickup-options .cnt-your-store {
	background-color: #ffffff;
	border: 1px solid #E9E9E9;
	padding: 30px 25px;
	border-radius: 5px;
	margin-right: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cnt-store-pickup-options .cnt-your-store .d-flex {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.cnt-store-pickup-options .pickup__container {
	margin: 17px 0 0 23px;
}

.cnt-shipping-store .pickup {
	border-radius: 5px;
	background: transparent;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cnt-checkout .order-pickup-text {
	padding-top: 10px;
	padding-left: 10px;
}

.cnt-store-pickup-options .cnt-shipping-store {
	display: flex;
	flex-direction: column;
}

.cnt-shipping-address-book .cnt-shipping-header {
	justify-content: space-between;
	align-items: center;
}

.cnt-shipping-address-book .cnt-shipping-header h3 {
	font-family: "Helvetica Neue", "Arial";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cnt-checkout .cnt-shipping-options {
	display: flex;
	flex-direction: column;
}

.cnt-single-shipping .cnt-checkout .order-pickup-text a {
	color: #2281FF;
}
.cnt-shipping-address-book .cnt-shipping-header a,
.cnt-single-shipping .cnt-checkout a,
#multiShippingCartSummary .panel__header a,
.cnt-cart-summary .panel__header a {
	color: var(--Secondary-900, #0F3073);
	font-family: "Helvetica Neue", "Arial";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
}

#multiShippingCartSummary .panel__header,
.cnt-cart-summary .panel__header {
	justify-content: space-between;
}

.cnt-multicart-summary .quantity,
.cnt-cart-summary .quantity {
	padding-left: 0;
}

.cnt-multicart-summary .cnt-summary-contact,
.cnt-cart-summary .cnt-summary-contact {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.cnt-multicart-summary .details,
.cnt-cart-summary .details {
	flex: 1;
	max-width: 100%;
	padding-right: 0;
	justify-content: space-between;
}

.cnt-cart-summary .details .mb-3{
	font-weight: bold;
}

.cnt-cart-summary .cart__productInfo {
	flex-wrap: nowrap;
	flex-direction: column;
	border-bottom: 1px solid #c8ccd0;
}

.cnt-multi-shipping.cart__productInfo .cnt-summary-info {
	flex-direction: row;
	display: flex;
}

.cnt-summary-address {
	padding-top: 19px;
} 

.cnt-multicart-summary .content-box,
.cnt-summary-totals .content-box {
	border: none;
	outline: none;
	padding: 0 1rem;
}

.cnt-multicart-summary .button,
.cnt-multi-shipping .button {
	text-transform: none;
}

.cnt-multi-shipping #newSubmitButton {
	width: 100%;
}

.multi-shipping .shipping-item {
	margin: 3rem 0 0 0;
}

.multi-shipping .shipping-method-option {
	display: flex;
}

.multi-shipping .section_head_small {
	color: #000;
}

#giftOptions .nexcom-control .control-icon-wrap,
.multi-shipping .nexcom-control .control-icon-wrap {
	justify-content: inherit;
}


.multi-shipping .shipping-method-option input {
	align-self: flex-start;
	margin: 5px 10px 5px 0;
}

.multi-shipping .section_head {
	color: var(--Neutral-900, #000);
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.cnt-shipping-address-book .address-option.radiobox {
	max-width: 100%;
	width: 100%;
	flex-direction: row;
}

.cnt-shipping-address-book .address-option {
	padding: 10px;
	margin-bottom: 0;
	background-color: #fff;
}

/* Styles for the active address-option */
.cnt-shipping-address-book .address-option.active,
.cnt-new-shipping-address .accord-title.active {
	border-radius: 6px;
	border: 1px solid #2281FF;
	background: var(--Neutral-50, #FFF);
}

.cnt-shipping-address-book .address-option span.radiobox__radio-button {
	display: block;
	margin-right: 15px;
}

.cnt-shipping-address-book .address-option input[type=radio]~label {
	display: flex;
	margin: 5px 10px 5px 0;
	height: auto;
	flex-direction: column;
	align-items: flex-start;
}

.cnt-shipping-address-book .address-option .edit-address {
	padding-top: 10px;
	min-width: 80px;
}

.cnt-shipping-address-book .cnt-address-info {
	padding-right: 20px;
}

.cnt-shipping-address-book .cnt-address-info+a {
	text-decoration: underline;
	font-size: 14px;
	color: #0F3073;
	display: none;
}

.new-state,
.new-postal {
	padding-left: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.new-state {
	padding-right: 10px;
}

new-postal {
	padding-right: 0;
}


.cnt-new-shipping-address .nexcom-control input[type=text],
.cnt-new-shipping-address .nexcom-control #country {
	width: 100%;
	max-width: inherit;
}

.cnt-store-pickup-person .form-check {
	margin-right: 20px;
}

.cnt-store-pickup-person .form-check-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 10px;
}

.align-right {
	float: right;
	margin-right: 10px;
}

.cnt-store-pickup-person .cnt-new-pickup,
.cnt-new-shipping-address .cnt-new-address,
#editAddressForm .cnt-edit-address {
	display: flex;
	flex-direction: column;
}

#editAddressForm h2 {
	font-weight: 700;
}

.cnt-new-shipping-address .cnt-new-address #country #editAddressForm .cnt-edit-address #country {
	display: flex;
	flex-direction: column;
}

.cnt-new-shipping-address #newAddressFormPanel {
	padding-top: 2rem;
}

.cnt-store-pickup-person .cnt-new-pickup .nexcom-control,
#editAddressForm .cnt-edit-address .nexcom-control,
.cnt-new-shipping-address .cnt-new-address .nexcom-control {
	width: 100%;
}

.cnt-gift-card-form .add-new-card {
	color: #2281FF;
	font-family: "Helvetica Neue", "Arial";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	position: relative;
	top: 1.5rem;
}

.cnt-gift-card-form #giftCertificatePayment {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.cnt-gift-card-form #giftCertificatePayment .nexcom-control,
.cnt-gift-card-form #giftCertificatePayment .cnt-pin {
	width: 100%;
	flex-direction: column;
}

.cnt-gift-card-form #giftCertificatePayment .cnt-pin input.pinText,
.cnt-gift-card-form #giftCertificatePayment input.giftCard {
	max-width: 100%;
}

.cnt-gift-card-form #giftCertificatePayment .cnt-pin .blueQuestion {
	padding-left: 10px;
}

.cnt-gift-card-form #giftCertificatePayment .cnt-pin .control-icon-wrap {
	justify-content: flex-start;
}

.cnt-checkout-cc-form #savedCard {
	display: flex;
	flex-direction: column;
}

.cnt-checkout-cc-form .cnt-new-card {
	display: flex;
	align-items: center;
}

.cnt-payment-fields .txt-future-orders {
	color: #2F2F2F;
}

.light-grey {
	color: #9B9B9B;
}


.cnt-checkout-cc-form .new-cc-card {
	padding-left: 20px;
}

.cnt-checkout-cc-form .new-cc-card a {
	text-decoration: none;
}

.cnt-checkout-cc-form .control-icon-wrap {
	justify-content: normal;
}

.cnt-checkout-cc-form .control-icon-wrap .control-icon {
	margin-left: 8px;
}

#newCardSection #addressSection {
	margin-top: 35px;
}

.nexcom-control.radiobox input:checked~label .radiobox__radio-button {
	background: url(../img/common/radio.png) -22px top no-repeat;
}

.nexcom-control.radiobox input~label .radiobox__radio-button {
	margin-right: 9px;
	margin-top: 10px;
}

.cnt-customer-addresses .edit-info {
	display: flex;
	flex-direction: row;
}

/* addressVerificationModal */
.cnt-verification-modal,
.cnt-edit-address-modal,
.cnt-new-address-modal,
.cnt-form-modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 1;
	max-width: 100%;
	max-height: 100%;
}

.cnt-new-address-modal .newShippingAddressWrapper {
	padding: 0 15px;
}


.cnt-new-address-modal .modal-content,
.cnt-edit-address-modal .modal-content,
.cnt-verification-modal .modal-content,
.cnt-form-modal .modal-content,
.modal-pick-up {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	width: 80%;
	max-width: 741px;
	height: auto;
}

.cnt-verification-modal .modal-content {
	top: 3rem
}

.modal-pick-up .nexcom-control label,
.modal-pick-up strong,
.modal-pick-up #pickup_other_details p {
	font-size: 14px;
	text-transform: none;
}

.modal-pick-up #pickup_other_details p {
	color: #9B9B9B;
}

.modal-pick-up .icon-close:before,
.modal-pick-up .icon-close:after {
	width: 21px;
}

.cnt-form-modal .modal-content,
.cnt-new-address-modal .modal-content,
.cnt-edit-address-modal .modal-content {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	width: 80%;
	max-width: 741px;
	height: 95vh;
	position: relative;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cnt-edit-address-modal .modal-content {
	top: 60vh;  /* Adjust this */
	height: auto;  /* Allow auto height */
	max-height: 80vh;  /* Limit the height */
	overflow-y: auto;  /* Enable scrolling if content exceeds view */
}

.cnt-edit-address-modal #modal-edit-body {
	overflow-x: hidden;
}

.cnt-form-modal .modal-content,
.cnt-new-address-modal .modal-content {
	max-height: 80vh;
	overflow-y: auto;
}

.cnt-form-modal .modal-header,
.cnt-new-address-modal .modal-header,
.cnt-edit-address-modal .modal-header,
.cnt-verification-modal .modal-header {
	border-bottom: none;
	color: #000;
	font-family: "Helvetica Neue", "Arial";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 0.5rem 0rem;
}

.cnt-form-modal .add-new-address {
	color: #2281FF;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	align-items: center;
	cursor: pointer;
	align-items: center;
	background: none;
	border: none;
}

.cnt-edit-address-modal .modal-body,
.cnt-verification-modal .modal-body {
	margin-bottom: 20px;
	flex: 0.3 1 auto;
}

.cnt-verification-modal .modal-body {
	margin-bottom: 0px;
	padding: 0;
}

.cnt-verification-modal .address-option {
	flex-direction: column;
}
.cnt-edit-address-modal .address-option,
.cnt-verification-modal .address-option {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
}

.cnt-verification-modal .address-option {
	padding: 0;
}

.cnt-edit-address-modal .address-option label,
.cnt-verification-modal .address-option label {
	display: flex;
	align-items: flex-start;
	padding-top: 40px;
}

.cnt-edit-address-modal .address-option label:first-of-type,
.cnt-verification-modal .address-option label:first-of-type {
	padding-right: 5rem;
}

.cnt-edit-address-modal .address-option label input,
.cnt-verification-modal .address-option label input {
	margin: 0.3rem 1rem 0 0;
}

.cnt-edit-address-modal .address,
.cnt-verification-modal .address {
	text-align: left;
}

.cnt-edit-address-modal .address .txt-name,
.cnt-verification-modal .address .txt-name {
	display: block;
	margin-top: 1rem;
	font-weight: bold;
}

.cnt-edit-address-modal .button,
.cnt-verification-modal .button {
	padding: 10px 20px;
	background: linear-gradient(180deg, #124784 0%, #003479 100%);
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	align-self: flex-end;
}

.cnt-edit-address-modal .button {
	margin-top: 30px;
	margin-bottom: 26px;
	float: right;
}

.cnt-edit-address-modal h2 {
	padding-bottom: 15px;
	font-size: 16px;
	padding-top: 8px;
}

.cnt-edit-address-modal span.txt-future-edit {
	color: #9B9B9B;
}

.cnt-edit-address-modal.button:hover,
.cnt-verification-modal.button:hover {
	background: #0056b3;
}

.cnt-edit-address-modal .close,
.cnt-verification-modal .close {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	opacity: 1;
}

.cnt-cart-summary .checkout-item-sub-subhead {
	display: flex;
	justify-content: space-between;
	padding-bottom: 11px;
}

.cnt-cart-summary .cnt-summary-info {
	display: flex;
}

.cnt-cart-summary .checkout-item-data-group {
	padding: 0 0 1.5rem;
	border-bottom: 1px solid #c8ccd0;
}

.cnt-shipping-address-book .accord-selection {
	border-radius: 6px;
	border: 1px solid #E9E9E9;
	background: var(--Neutral-50, #FFF)
}

.cnt-shipping-address-book {
	padding-bottom: 17px;
}

.gift-card {
	background: var(--Neutral-50, #FFF);
	border: 1px solid #E9E9E9;
	border-radius: 6px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	height: 100px;
}

.gift-card h2 {
	color: var(--Neutral-900, #000);
	font-family: "Helvetica Neue", "Arial";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	top: 10px;
	position: relative;
}

.gift-card svg {
	margin: 0 23px 0 16px;
}

.gift-card .cnt-gc-info {
	flex-grow: 1;
	margin-right: 20px;
}

.gift-card .card-number-row,
.gift-card .applied-row,
.gift-card .balance-row {
	line-height: 1rem;
}

.gift-card .actions {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.gift-card .actions a {
	margin-bottom: 5px;
	margin-right: 1rem;
	text-decoration: none;
	cursor: pointer;
}

.gift-card .edit-link {
	color: #2281FF;
}

.gift-card .remove-link {
	color: #D33131;
}

.cnt-payment .navBar {
	padding-bottom: 0;
}

.cnt-pickup-order {
	width: 740px;
}

.cnt-new-address-modal .modal-title,
.modal.titled>.modal-title {
	font-size: 16px;
	text-transform: none;
}

.modal.titled>a.close-modal .icon-close:before,
.modal.titled>a.close-modal .icon-close:after {
	background-color: black;
	height: 2px;
}

.modal-pick-up.modal.titled>.modal-inner {
	padding: 15px 0;
	margin-top: 15px;
	height: auto;
}

.modal.titled>.modal-inner .accord-selection p {
	margin-top: 1.1rem;
}

.cnt-store-pickup-person .button {
	margin-top: 30px;
}

/* custom credit card dropdown */
.custom-dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
}

.custom-dropdown select {
	display: none;
}

.checkout .panel__menu {
	background: none;
}


.card-nickname {
	display: inline-block;
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	font-weight: normal;
	padding-right: 4px;
}

.last4Digits {
	padding-left: 4px;
}

.select-selected {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.select-selected img {
	margin-right: 10px;
}

.select-selected:after {
	content: "";
	top: 20px;
	right: 10px;
	border: 6px solid transparent;
	border-color: #ccc transparent transparent transparent;
	position: absolute;
}

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #ccc transparent;
	top: 7px;
}

.select-items {
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 99;
	width: 100%;
	display: none;
}

.select-items div {
	color: #000;
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.select-items div:hover,
.same-as-selected {
	background-color: #f1f1f1;
}

.select-items img {
	margin-right: 10px;
}

.cnt-cart-summary .btn-accordion {
	background-color: #dcedfa;
}

.cnt-checkout .cnt-gift-yes-no,
.pickup .cnt-gift-yes-no {
	display: flex;
	flex-direction: row;
}

.txt-giftwrap-note,
.txt-giftwrap-msg {
	color: var(--Neutral-500, #8E8E8E);
	font-size: 14px;
}

/* #ccNewTypeError,
#ccNumberError,
#ccExpirationError,
#paymentNameCardError,
#businessNickNameError,
#firstNameError,
#lastNameError,
#addressError,
#cityError,
#stateError,
#postalCodeError,
#countryError,
#phoneError, */
.error-message
 {
	color: red;
}

.error-border {
	border: 1px solid red;
}

.nexcom-control.blueCheck label .checkbox {
	background: url(../img/common/checkbox3.png) left top no-repeat;
	height: 17px;
	width: 17px;
	margin-right: 4px;
}

.nexcom-control.blueCheck input:checked~label .checkbox {
	background: url(../img/common/checkbox3.png) -18px top no-repeat;
}

.desktopCard {
	display: none;
}

.mobileCard {
	display: inline-block;
}

#cnt-credit-card {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* Container for input with appended image */
.input-container {
	position: relative;
	width: 100%;
	overflow: visible;
}

.input-container input {
	padding-right: 50px; /* Adjust this value based on the width of the card logo */
	width: 100%;
	height: calc(2.25rem + 2px);
}

.card-logo {
	position: absolute;
	right: 10px; /* Adjust to position correctly within the input field */
	top: 50%;
	transform: translateY(-50%);
	width: 30px; /* Adjust the size as needed */
	height: auto;
	z-index: 10;
	pointer-events: none;
}

.modal-separator {
	border-bottom: 1px solid #ccc;
	margin: 0 -20px; /* Negative margin to cancel out modal padding */
	width: calc(100% + 40px); /* Ensure full width including the negative margins */
}

#modalClassDiv .modal-separator {
	margin-top: 60px !important;
}

/* When the separator is present, this class will be added dynamically */
.modal-inner.no-margin-top {
	margin-top: 0 !important; /* Adjust or remove the margin when separator exists */
}

/* Flexbox for the City/State/ZIP row */
.cnt-city-state-zip {
	display: flex;
	justify-content: flex-start; /* Align items to the start */
	gap: 16px; /* Adjust spacing between the inputs */
	width: 100%; /* Ensure the inputs take the available width */
	flex-wrap: nowrap; /* Ensure the fields stay on one line */
}

/* City input: shorten it */
#newCity,
#editCity,
.cnt-form-modal #addr-city,
.cnt-new-shipping-address #city
{
	width: 250px; /* Explicit width to take more space */
}

/* State dropdown: widen it */
#newState,
#editState,
.cnt-form-modal #state,
.cnt-new-shipping-address #state{
	width: 203px; /* Explicit width to take a moderate amount of space */
}

.cnt-new-shipping-address #zipCode1{
	width: 92.9%
}

@media only screen and (max-width: 768px) {
	.hide-on-mobile {
		display: none;
	}
	/* Adjust flex layout for City/State/ZIP row */
	.cnt-city-state-zip {
		display: block;
		width: 100%;
	}

	.cnt-payment .cnt-payment-fields .form-group-cc-number{
		width: 100%;
		padding-right: 0;
	}

	/* Ensure each field takes full width on mobile */
	#editCity,
	#editState,
	#editPostalCode,
	#newCity,
	#newState,
	#newPostalCode,
	.cnt-new-shipping-address #city,
	.cnt-new-shipping-address #state,
	.cnt-form-modal #addr-city,
	.cnt-form-modal #state,
	#billing-addr-postal1
	{
		width: 100%;
		margin-bottom: 10px; /* Add some space between the inputs */
	}

	.cnt-billing-fields .nexcom-control,
	.cnt-checkout-cc-form .nexcom-control,
	.cnt-payment .cnt-payment-fields .nexcom-control,
	.cnt-payment .cnt-billing-fields .nexcom-control {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px; /* Add some space between the inputs */
	}

	.cnt-new-shipping-address #zipCode1,
	.cnt-new-shipping-address #zipCode2{
		width: 50%;
		margin-bottom: 10px; /* Add some space between the inputs */
	}
	/* Optional: Adjust any other modal-specific styling */
	.cnt-edit-address-modal .modal-content {
		width: 100%;
		padding: 10px; /* Ensure padding looks good on smaller screens */
	}

	/* Ensure the Expiration Date fields are 50% width each */
	#divMonth, #divYear {
		width: 48%;  /* 48% width for both to leave space for margin */
		margin-bottom: 10px;
	}

	/* Ensure Month and Year fields are displayed side by side */
	.cnt-payment .d-flex {
		display: flex;
		justify-content: space-between;  /* Evenly space the two fields */
		gap: 2%;  /* Provide small gap between Month and Year */
	}

	/* Remove extra margins or paddings */
	.cnt-payment-fields {
		padding-top: 0;
	}

	#cnt-new-cc-card .w-50 {
		width: 100% !important;
	}
}

@media only screen and (min-width: 768px) {
	.cnt-multi-shipping .navBar,
	.cnt-checkout .navBar,
	.cnt-payment .navBar {
		margin-bottom: 0;
		padding-bottom: 1.5rem;
	}

	.cnt-multi-shipping .navBar-item,
	.cnt-payment .navBar-item,
	.cnt-checkout .navBar-item {
		justify-content: center;
		max-width: 195px;
		margin-right: .5rem;
	}

	.cnt-gift-card-form #giftCertificatePayment,
	.cnt-gift-card-form #giftCertificatePayment .cnt-pin,
	.cnt-checkout .cnt-shipping-methods .cnt-shipping-type,
	.cnt-payment .cnt-payment-fields,
	.cnt-payment .cnt-billing-fields {
		flex-direction: row;
	}

	.cnt-payment .cnt-billing-fields {
		display: flex;
		gap: 16px;
		flex-wrap: nowrap;
		width: 100%;
		justify-content: flex-start;
	}

	.cnt-gift-card-form #giftCertificatePayment .cnt-pin {
		padding-left: 1rem;
	}


	.cnt-multi-shipping .navBar-item span,
	.cnt-payment .navBar-item span,
	.cnt-checkout .navBar-item span {
		color: #000;
		opacity: 0.4;
		font-size: 18px;
	}

	.cnt-checkout .cnt-shipping-methods .nexcom-control.radiobox {
		width: 181px;
		height: 75px;
		display: flex;
		justify-content: center;
	}

	.cnt-shipping-address-book .cnt-address-info+a {
		display: block;
	}

	.cnt-shipping-address-book {
		width: auto;
	}

	.cnt-checkout .cnt-shipping-options {
		flex-direction: row;
	}

	.cnt-store-pickup-options .nexcom-control.radiobox {
		width: auto;
		min-width: 230px;
	}

	.cnt-ship-home-options .nexcom-control.radiobox {
		width: 222px;
	}

	.cnt-new-shipping-address .nexcom-control.radiobox {
		width: 250px;
	}

	.cnt-new-shipping-address #addressValidateConfirm  .nexcom-control.radiobox {
		border: none;
	}

	#modalClassDiv.shipping-add-ajax {
		width: 740px;
		min-width: 740px;
	}

	.cnt-new-shipping-address .cnt-shipping-form {
		flex-direction: column;
	}

	.cnt-new-shipping-address .cnt-shipping-form .button {
		align-self: flex-end;
		margin-right: 1.5rem;
		margin-top: 2rem;
		width: 330px;
		text-transform: capitalize;
	}

	.cnt-multi-shipping .navBar,
	.cnt-checkout .navBar,
	.cnt-payment .navBar,
	.cnt-new-shipping-address .cnt-new-address,
	#editAddressForm .cnt-edit-address,
	.cnt-store-pickup-person .cnt-new-pickup,
	.cnt-customer-addresses .cnt-address-info span {
		flex-direction: row;
	}

	.cnt-customer-addresses .cnt-address-info span {
		align-items: center;
	}

	.cnt-form-modal .button,
	.cnt-store-pickup-person .button {
		width: 48%;
		align-self: flex-end;
		margin-top: 30px;
		margin-right: 15px;
		float: right;
	}

	.cnt-customer-addresses .cnt-address-info span strong {
		padding-right: 0.2rem;
		width: 10.5rem;
	}

	.cnt-payment #checkoutRightCartSummary,
	.cnt-multi-shipping #multiShippingCartSummary,
	.cnt-checkout #checkoutRightCartSummary {
		position: -webkit-sticky;
		position: sticky;
		top: 160px;
		align-self: flex-start;
	}

	/* .cnt-payment .cnt-main,
	.cnt-multi-shipping .multi-shipping,
	.cnt-checkout .cnt-main {
		height: 100vh;
		height: 100vh;
	} */

	.cnt-new-card {
		padding-bottom: 1rem;
	}

	.cnt-new-shipping-address #newNickName,
	#newAddressSection #addr-nickname,
	#addressSection #savedBillAddress,
	#editAddressForm #editNickName,
	#nickName {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
	}

	.cnt-new-address .cnt-state-zip{
		flex-direction: row;
		display: flex;
	}

	.cnt-edit-address .cnt-state-zip,
	.cnt-edit-address-modal .cnt-state-zip,
	.cnt-new-shipping-address .cnt-state-zip,
	.cnt-form-modal .cnt-state-zip{
		display: flex;
		flex-direction: row !important; /* Ensure it's a row layout */
		gap: 15px; /* Adjust the spacing between elements */
	}

	#cnt-payment-billing-address .cnt-state-zip{
		width: 100%;
	}

 	#editAddressForm .modal-separator {
		border-bottom: 1px solid #ccc;
		position: absolute; /* Position the separator absolutely */
		left: 0; /* Align to the left edge of the modal */
		right: 0; /* Align to the right edge of the modal */
		top: 50px; /* Adjust this value to position it vertically within the modal */
		box-sizing: border-box; /* Include padding and border in the element's total width */
	}

	.cnt-new-address .cnt-state{
		padding-right: 10px;
		width: 40%;
	}

	.cnt-new-address .cnt-zip{
		width: 60%;
	}

	.cnt-form-modal .cnt-zip{
		width: 100%;
	}

	.cnt-edit-address .cnt-state,
	.cnt-form-modal .cnt-state,
	.cnt-new-shipping-address .cnt-state,
	.cnt-edit-address .cnt-zip,
	.cnt-form-modal .cnt-zip
	.cnt-new-shipping-address .cnt-zip{
		width: auto !important; /* Override any fixed width */
		flex: none; /* Disable flex behavior */
	}

	.cnt-form-modal .cnt-zip .error-message,
	.cnt-new-address .cnt-zip .error-message,
	.cnt-edit-address .cnt-zip .error-message {
		margin-top: -20px;
	}

	.cnt-new-address #newCountry {
		max-width: none;
	}

	.cnt-form-modal .cnt-state{
		width: 40%;
	}

	.cnt-store-pickup-person .form-check-group {
		flex-direction: row;
		align-items: center;
	}

	.cnt-new-address-modal .modal-content {
		height: 612px;
		top: 60%;
	}

	.cnt-shipping-address-book .address-option input[type=radio]~label {
		height: 50px;
		flex-direction: row;
		align-items: inherit;
		justify-content: space-between;
	}

	.cnt-shipping-address-book .address-option.radiobox {

		flex-direction: column;
	}

	.nexcom-control.radiobox input~label .radiobox__radio-button {
		margin-top: 0;
	}

	.cnt-edit-address-modal .modal-content {
		top: 60%;
	}

	.cnt-shipping-address-book .address-option .edit-address {
		padding-top: 0px;
		align-self: center;
	}

	.cnt-customer-addresses .edit-info {
		align-items: center;
	}

	.cnt-new-address-modal .modal-content,
	.cnt-edit-address-modal .modal-content,
	.cnt-verification-modal .modal-content,
	.cnt-form-modal .modal-content,
	.modal-pick-up {
		background: #fff;
		padding: 20px;
		border-radius: 5px;
		width: 80%;
		max-width: 741px;
		height: auto;
	}

	.cnt-verification-modal .address-option {
		flex-direction: row;
	}

	.cnt-store-pickup-person .cnt-new-pickup .nexcom-control,
	#editAddressForm .cnt-edit-address .nexcom-control,
	.cnt-new-shipping-address .cnt-new-address .nexcom-control {
		padding-right: 16px;
	}

	.cnt-multi-shipping .panel__header_link {
		padding-left: 1rem;
	}

	.gift-card svg {
		margin: 0 54px 0 16px;
	}

	.gift-card .cnt-gc-info {
		align-self: flex-end;
		margin: 0;
	}

	.cnt-verification-modal .modal-content {
		top: inherit;
	}

	.verification-modal .modal-body {
		margin-bottom: 20px;
	}

	.cnt-verification-modal .address-option {
		padding: 1rem;
	}

	.desktopCard {
		display: block
	}

	.mobileCard {
		display: none
	}

	.highlighted-option {
		background-color: #124784; /* Highlight color for the selected option */
		color: white !important; /* Text color for the highlighted option */
	}
}