/*@media(max-width:991px){
	.checkout .site-content,
	.one_page .site-content,
	.multiple .site-content,
	.choose_method_multiple_packages .site-content{background:#f3f3f3;}
}*/
.fake-spinner {
	background: url(../images/ajax-loader.gif) no-repeat;
	width: 0px;
	height: 0px;
}
.checkout-thank-you {
	background: url(../images/ajax-loader.gif) no-repeat left center;
	float: right;
	margin-top: 30px;
	padding: 10px 0 10px 35px;
}
.shipping-page .checkout-summary-box-loading {
  position: absolute;
  left: 10px;
  top: 25px;
}
.shipping-methods-hint {
  position: relative;
}
.shipping-page .checkout-btn.loading::after {
    content: '';
    background: url('../images/loading_white.svg');
    width: 58px;
    height: 58px;
    position: absolute;
    right: -6px;
    top: -7px;
    transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
}
.shipping-methods{
  min-height: 45px;
}
.ajax-states-spinner {
	display: none;
}
input[name='state_name']{
	display: none;
}
@media(min-width:992px){
	.checkout:not(.action-receipt) .site-content,
	.one_page .site-content,
	.multiple .site-content,
	.choose_method_multiple_packages .site-content{
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,1) 70%, rgba(243,243,243,1) 80%);
	}
	.account-menu h4{display:none;}
}

.checkout-box{background:#f3f3f3;min-height:80vh!important;} /*this is the gray column*/

@media(max-width:991px){
	.checkout-page .checkout-box{margin: 0 -12px;padding: 1px 15px 20px;}
	.checkout-page .sidebar_summary,
	.express-checkout-page.checkout-page .sidebar_summary{
		background:#fff;
		padding: 10px 15px;
		border-radius:6px;		
	}
}
@media(min-width:992px){
	.checkout-page .checkout-box{
		padding: 0 0 40px 30px;
	}
	.checkout-page .sidebar_summary,
	.express-checkout-page.checkout-page .sidebar_summary{
		background:#fff;
		padding: 20px 30px 20px 0px;
		margin-bottom: 0px;
		height: 100%;
	}
}

.checkout-page .checkout-box .top-icons{width:70%;}
.checkout-page .checkout-box .top-icons .bi{
	color:#b6b6b6;
	background:#f3f3f3;
	padding: 0 10px;
}
.checkout-page .checkout-box .top-icons .bi:not(.dark){cursor: default;}
.checkout-page .checkout-box .top-icons .bi.dark{color:#666;}

@media(max-width:480px){
	.checkout-box .express-checkout-icons{
		margin: 15px auto;
		font-size:1.2rem;
	}
	.checkout-box .express-checkout-icons .bi{margin-right: 8px;font-size:1.4rem;}

	.checkout-page .checkout-box .top-icons{
		margin:25px auto;
		border-bottom: 2px dashed #b6b6b6;
	}
	.checkout-page .checkout-box .top-icons .icons{top: -15px;}
	.checkout-page .checkout-box .top-icons .bi{font-size: 1.6rem;}
}
@media(min-width:481px){
	.checkout-box .express-checkout-icons{
		margin: 25px auto 30px;
		font-size:1.6rem;
	}
	.checkout-box .express-checkout-icons .bi{margin-right: 8px;font-size:2rem;}

	.checkout-page .checkout-box .top-icons{
		margin: 40px auto;
		border-bottom: 3px dashed #ccc;
	}
	.checkout-page .checkout-box .top-icons .icons{top: -20px;}
	.checkout-page .checkout-box .top-icons .bi{font-size: 2.2rem;}	
}

.checkout-page .sidebar_summary .edit-cart-link,
.checkout-page .step-title .edit-step-link{
	color:#00668c;
	background:transparent;
	font-size:.9rem;
	text-transform:capitalize;
	font-weight:normal;
	text-decoration:underline;
	padding: 0px;
	float:right;	
}

.checkout-page .summary-title{	
	color:#999;
	font-size:1rem;
}
.sidebar_summary .item img{width:70px;}
.checkout-page .checkout-user{font-size:1rem;}

.checkout-page .sidebar-summary-inner .shopping-cart{
	border-bottom: 6px solid #f3f3f3;
	border-top: 6px solid #f3f3f3;
	margin: 0px;
	max-height:410px;
	overflow:auto;
}
.checkout-page .sidebar-summary-inner .total-info tr:last-child{
	border:none;
	text-transform:uppercase;
}
.checkout-page .sidebar-summary-inner .total-info tr:last-child td{padding-top: 0px;}
.checkout-page .sidebar-summary-inner .total-info td {padding: 5px;}

.checkout-start-page .singin-method-first-box,
.checkout-start-page .singin-method-box,
.checkout-page .step-content{
	background:#fff;
	border-radius:6px;
	border:none;
	padding: 15px 20px 15px 20px;
}
.checkout-page .step-content .title{
	text-transform:uppercase;
	font-size:.8rem;
	color:#bbb;
	font-weight:bold;
	margin:5px 0;
}
.checkout-start-page .checkout-btn,
.checkout-page .checkout-btn{
	width: 170px;
	text-align:left!important;
	padding: 10px 15px;
}
.shipping-page.single-shipping-page.checkout-page .checkout-btn{margin-top: 10px;}
.checkout-page .step-content{margin: -6px 0 20px 0;}

.checkout-start-page .singin-method-first-box .h5,
.checkout-start-page .singin-method-box .h5{
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1rem;
	margin-bottom:5px;
	margin-top: 0px;
}
.social-login .h5, .alt-payment-methods .h5{margin-top:10px!important;}
.checkout-start-page .singin-method-box p{margin: 0px;}
.checkout-start-page .returning-customer-box.singin-method-box .fieldset{
	display:flex!important;
	flex-direction:row;
}
.checkout-start-page .returning-customer-box.singin-method-box .fieldset .field{
	width:48%;
	float:left;
}
.checkout-page .step-title{
	background:#fff;
	border-radius:6px;
	border:none;
	padding: 10px 20px;
	color:#999;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1rem;
	margin-top: 20px;
}
.checkout-page .step-title a{color:#888;text-decoration:none;}

.step-title.sign-in-sign-up.current-step{display:none;}

.single-shipping-page .page-title,
.single-shipping-page .shipping-methods h5,
.step-content .page-title,
#express-checkout-summary-box .shipping-summary-box .shipto-method > label,
.shipping-package-summary h5,
.step-content h5{
	color:#c0c0c0;
	text-transform:uppercase;
	font-size: .9rem;
	font-weight:bold;
	letter-spacing: 0px;
	margin-bottom: 0px;
}
.checkout-page .step-title .title-class .bi{
	margin-right:10px;
	font-size:1.6rem;
}
/* shiping methods layout */
.shipping-options-pool{
	display:flex;
	flex-wrap: wrap;
}

@media(max-width:480px){
	.shipping-option,
	.shipto-method .shipping-option {width: 100%;margin:0 0 1% 0;}
}
@media(min-width:481px) and (max-width:767px){
	.shipping-option {width: 49%;margin:0 1% 1% 0!important;float:left;}
}
@media(max-width:767px){
	.shipto-method .shipping-option {width: 100%;margin:0 0 1% 0;}
	.checkout-edit-cart-page .cart-summaries{margin-top: 10px;}
}
@media(min-width:768px){
	.shipping-option{
		width:49%;
		float:left;
		margin:0 1% 0% 0!important;
	}
	.shipto-method .shipping-option{width:100%;margin:0 0% 1% 0!important;border-top: 0px;}
	#express-checkout-summary-box .shipping-summary-box .shipto-method{padding-left: 0px;}
}
@media(min-width:992px) and (max-width:1199px){
	.shipping-option,
	.shipto-method .shipping-option {width: 100%!important;margin:0!important;}
}
/* shipping methods & prices in the blocks */
.shipping-option label,
.shipto-method .shipping-option label{
	border:1px solid #e1e1e1!important;
	padding:7px 50px 7px 10px!important;	
	width:100%;
	height: 100%;
	display: block;
	position:relative;
	vertical-align:center;
	cursor:pointer;
}
.shipping-option label .method-price{
	font-weight:bold;
	color:#000;
	position:absolute;
	right: 7px;
	top:7px;
}

#express-checkout-summary-box .shipping-summary-box .shipto-method .fieldset{
	display: flex;
    flex-wrap: wrap;
}

#express-checkout-summary-box .shipping-summary-box .shipto-method > label{padding: 0px;}

/* end shipping methods layout */

.checkout-payment-page .payment-type-tab .payment-type-tab-title,
.payment-types input,
.new-cc-info .field-radio input,
.shipping-page .shipping-methods input,
.shipping-addresses .field-radio input,
.payment-type-tab-content .fieldset .field-radio input,
.shipto-method .fieldset .field-radio input,
.shipto-method input[type=radio] {
	display: none;
}
.payment-type-tab-content .fieldset .field-radio input[type=text],
.shipping-methods .rush-shipping-methods input[type=checkbox]{display:inline-block;}
.shipping-methods .rush-shipping-methods .field label{
	border: 1px solid transparent!important;
	background: transparent!important;
	top: 0px;
	left: 0px;
	vertical-align:middle;
	position:static;
	text-transform:capitalize;
	font-size:.9rem;
}

.new-cc-info .field-radio input + label:before,
.shipping-addresses .field-radio input + label:before,
.payment-type-tab-content .fieldset .field-radio input + label:before{
	content: "\f26a";
	color:#ddd;
	font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 22px;
}
.new-cc-info .field-radio input:checked + label:before,
.shipping-addresses .field-radio input:checked + label:before,
.payment-type-tab-content .fieldset .field-radio input:checked + label:before,
.shipping-addresses .field-radio input:checked + label,
.new-cc .field-radio input:checked + label{
	color:#fd7802;

}
.package-message .field label{
	position: unset;
	margin-bottom: 10px;
}
.shipping-page .shipping-methods label,
.shipto-method  label,
.shipping-option label, 
.shipto-method .shipping-option label{
	border-radius:3px!important;
	border: 1px solid #ddd!important;
}
.shipping-page .shipping-methods input:checked + label,
.shipto-method input:checked + label{
	border: 1px solid #fd7802!important;
	box-shadow: 0px 0px 5px #ccc!important;
	border-radius:3px!important;
}

.new-cc-info.js-new-cc-info .field-radio input:checked + label{box-shadow:none;border:none}
.new-cc-address.js-new-cc-address{margin-left: 5px;}
.step-content .accepted-cards{
	font-size: 10px;
    text-transform: uppercase;
}
.step-content .sidebar_summary{padding: 0px;margin: 0 -5px;}

.checkout-payment-page .payment-type-tab.credit-card .checkout-btn-wrap{
	display: none;
}
.checkout-payment-page .payment-type-tab .checkout-btn-wrap{border:none;padding: 0 0 5px 0;}
.checkout-payment-page .payment-type-tab.credit-card .fieldset:first-child::not(.new-cc-wrap) .checkout-btn-wrap {
	display: block;
}

.checkout-payment-page .payment-methods-wrap .card-info-box .card-info-inner.expired{background:transparent;}
.payment-types label {
	display: block;
	width: 100%;
	height: 55px;
	cursor: pointer;
	border: 1px solid #2c2e2f;
	border-radius: 4px;
	text-align: center;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0;
}
.payment-types input:checked + label {
	border-color: #fd7802;
	box-shadow: 0px 0px 5px #ccc;
	cursor:pointer;
}
.payment-types label span{
	font-size: .8rem;
    text-transform: uppercase;
    font-weight: bold;
}
.checkout-payment-page .alternative-payment-button {
	width: 100%;
}

.payment-types ul {list-style: none;padding-left:10px;}
.checkout-payment-page .promos-box .promo-code-box, 
.checkout-payment-page .promos-box .gift-card-box {
	display: block;
}
.checkout-page .gift-card-box label ,
.checkout-page .promo-code-box label {
	cursor: pointer;
}

@media(max-width:570px){
	.applied-gift-certificates-box label{flex-direction:column;}
	.checkout-payment-page .payment-methods-wrap .card-info-box .card-info-inner .checkout-btn{width:140px;}
}

/* orange tick checkbox label */
.checkout .field.field-radio label{
	padding-left: 35px;
}

@media(max-width:767px){
	.payment-types li{width:49%;margin:1% 1% 0 0;}
	.checkout-page .gift-card-box .input-group,
    .checkout-page .promo-code-box .input-group{
    	display: flex;
    }
}
@media(min-width:768px){
	.payment-types li {
		width: calc(98% / 5);
		width: -moz-calc(98% / 5);
		width: -ms-calc(98% / 5);
		width: -webkit-calc(98% / 5);
		margin-right: 5px;
	}
}

.checkout-payment-page .purchase-order .fieldset > div:first-of-type,
.checkout-payment-page .payment-type-tab .payment-type-tab-content {
  	border: none;
  	background:#fff;
}
.checkout-payment-page .payment-type-tab .payment-type-tab-content{
	display: none;
}
.step-content .field.field-radio{
	border-top: 2px dotted #eee;
	padding:5px 0 0;
	margin:0 0 5px;
}
.step-content .field.field-radio label{
	padding: 5px 10px 5px 43px;
	display:block;
}

.step-content .field.field-radio:first-of-type{border:none;}
.payment-type-tab-content .field.field-radio:first-of-type{border-top: 2px dotted #eee;padding-top:5px;}
.step-content .shipping-option.field.field-radio{border:none!important;}

.field.field-expiration select{width:50%;float:left;}
.single-shipping-page #new-address{margin: 0px; display: none;}
.fieldset.shipping-addresses{margin-bottom: 0px;}
.checkout-payment-page .promos-box{margin: 0px 0 5px!important;}

.payment-type-tab-content{
	margin-top: 20px;
	background:#fff;
}

.field.field-blank label{font-weight:bold;}
.paypal-button.paypal-button-color-white{
	border: 1px solid #ddd!important;
	border-radius: 0px!important;
}
.alt-payment-methods .paypal .paypal-checkout,
.checkout-start-page.singin-method-box .btn-facebook,
.checkout-start-page.singin-method-box .btn-google{
	float: right;
	margin-left:10px;	
}

.social-login .h5,
.alt-payment-methods .h5{
	margin-top: 20px;
}
.pay-methods-box{height:10px;}

.multiple-shipping-page .cart-line{border-bottom: 4px dotted #eee;}

.multiple-shipping-page .cart-line .item img,
.multiple-shipping-page .cart-line .item .image-wrap{width:70px;}
.multiple-shipping-page .cart-line .package-address .remove-wrap .bi{color:#00668c;cursor:pointer;}
.multiple-shipping-page .cart-line .package-address .qty-wrap {width: 70px;}
.multiple-shipping-page .cart-line .package-address .remove-wrap {width: 15px;}

@media(min-width:576px){
	#express-checkout-summary-box .shipping-summary-box .shipto-address,
	#express-checkout-summary-box .payment-summary.cc-payment-summary .column1,
	.package-summary.multiple-packages .shipto-address{float:left;width:33%!important;}
	#express-checkout-summary-box .shipping-summary-box .shipto-method,
	#express-checkout-summary-box .payment-summary.cc-payment-summary .column2,
	.package-summary.multiple-packages .shipto-method{float:left;width:66%!important;padding-left: 10px;}
	.shipping-packages-summary .shipto-address,
	.shipping-packages-summary .shipto-method,
	.payment-summary.cc-payment-summary .column1,
	.payment-summary.cc-payment-summary .column2,
	.multiple-package-summary .shipping-package-summary.package-summary .shipto-address,
	.multiple-package-summary .shipping-package-summary.package-summary .shipto-method{width:48%;float:left;}
}
.shipto-address .address-grid-box span{font-weight:500;}
.address-grid-box .address-prop-row{display:inline;}
#express-checkout-summary-box .payment-summary-box input, 
.express-checkout-page #security-code-block input, 
#express-checkout-summary-box .payment-summary-box select, 
.review-order-box #security-code-block input,
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block input[id*="pay-cvv"]{border: 1px solid #ddd;}
#express-checkout-summary-box .payment-summary-box .input-group input{padding: 5px;}

.shipping-packages-summary .shipto-address .title, 
.shipping-packages-summary .shipto-method .title, 
.payment-summary.cc-payment-summary .column1 .title, 
.payment-summary.cc-payment-summary .column2 .title{
	text-transform:uppercase;
	color:#888;
	font-size:.8rem;
}
.how-to-find{
	color:#00668c;
	font-size:12px;
	text-decoration:underline;
	cursor: pointer;
}
.pay-cvv .how-to-find{font-size: 10px;margin-left: 10px;}

hr.thick-line{
	border-top: 4px dotted #eee;
	margin: 0px;
}
#express-checkout-summary-box hr.thick-line{margin: 15px 0 5px;}

.cvv_required_form.fieldset{
	margin: 0px!important;
	width:200px;
}
/*how to find content block*/
.how-to-find-content{
	display: none;
	background: var(--bs-light);
	border-radius: var(--bs-border-radius);
}
.how-to-find-content h4{
	margin: 0px;
	font-size:1rem;
	font-weight:bold;
}
.how-to-find-content h5{
	margin: 10px 0 5px 0;
	font-size:.8rem;
	color:#888;
	font-weight:normal;
}
.how-to-find-content p{margin: 10px 0 0 0;line-height: 20px;}
.how-to-find-content .close-how-to-find{
	font-weight:bold;
	margin-top: -5px;
	float: right;
	cursor:pointer;
}
/* end of how to find content block */

.new-cc-info,
.new-cc-address.js-new-cc-address{margin: 0px;}

.checkout-page .checkout-btn,
.one-page .checkout-btn,
.cart-content .checkout-btn{position:relative;}
.cart-content .checkout-btn:after{display:none;}
.checkout-page .checkout-btn:after,
.one-page .checkout-btn:after,
.cart-page .checkout-btn:after{
    content: "\f134";
    color: #eae8e8;
   	font-family: bootstrap-icons !important;
   	font-size:14px;
    position: absolute;
    right: 14px;
    top: 6px;
    font-size: 20px;
}
.complete-order-btn.checkout-btn:after,
.checkout-start-page .checkout-btn:after,
.cart-page .checkout-btn:after{
	content: "\f47a";
}
.save-for-quote-btn{display:none;}
.cart-checkout .save-for-quote-btn{display:block;}

/* multiple packages methods */
.package-summary{
	border-bottom: 4px dotted #eee!important;
	margin: 10px 0;
	padding-bottom:10px;
}
.package-summary:last-of-type{border:none;}
.package-summary h6{color:#444;}
.package-items{
	background: var(--bs-light);
    border-radius: var(--bs-border-radius);
	padding: 5px;
	margin-bottom: 15px;
}
.package-items li{border-bottom: 1px dotted #ddd;padding:5px 5px 5px 10px;}
.package-items li:last-of-type{border:none;}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block{
	position:relative;
	margin-bottom: 0px;
	padding-left: 43px;
	max-width:180px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block label[for*="pay-cvv"]{
	display:inline;
	background: #fff;
    top: -2px;
    left: 50px;
    padding: 0 5px;
    position: absolute;
    white-space:nowrap;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block input[id*="pay-cvv"]{
	margin-top: 8px;
	padding: 5px 10px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block .how-to-find{margin-left: 10px;color:#00668c;}
.selected-card, .new-cc-wrap{position:relative;}
.field.field-radio.card-info-box {
 	display:flex;
 	justify-content:space-between;
}
@media(max-width:767px){
	.field.field-radio.card-info-box{flex-direction:column;}
	.back-to-previous, .ship-to-single-link{text-align:center;display:block;margin-bottom: 10px;float:none;}
	.checkout-payment-page .payment-type-tab.credit-card .fieldset.selected-card .checkout-btn-wrap{position:relative;}
	.fieldset .field, .field-braintree{padding: 1px 0 0 0px!important;}
	.checkout-payment-page .payment-methods-wrap .new-cc-address{margin: 0 0 10px!important;}		
}

.checkout-payment-page .payment-methods-wrap .card-info-box label[for^="pay_"]{width:100%;}

/*multiple shipping on receipt*/
.shipping-packages-summary .multi-shipping-package-summary .shipping-package-summary h5,
.completed-order-summary .shipping-summary-box .shipping-package-summary h5{
	margin: 0px;
	background: transparent;
	padding: 0px;
}
.data-input label{display:inline-block;}

.payment-types .pay-by-cc div{
	padding: 0px;
	margin: 0px;
	width:70px;
	line-height: 10px;
}
.paypal-button.paypal-button-color-white{
	height: 60px!important;
	border: 1px solid #ccc!important;
}

@media only screen and (min-width: 150px){
	.paypal-button:not(.paypal-button-card) {
	    height: 65px!important;
	    min-height: 65px!important;
	    max-height: 65px!important;
	}
}    

.checkout-payment-page .payment-type-tab .fieldset{position:relative;}
.fieldset.new-cc-wrap .accepted-cards{margin-left:43px;}

.completed-order-summary .order-summary, 
.completed-order-summary .shipping-summary-box, 
.completed-order-summary .payment-summary-box{
	border-radius: var(--bs-border-radius);
}
.account-benefits ul {
	margin-bottom: 0px;
}
.account-benefits > div,
.account-form > div{
	border-top: 6px solid #f3f3f3;
  	padding-top: 10px;
}

.receipt-register-box h5{
	color: #999;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
.order-complete-page .order-info .print-order-pdf,
.order-complete-page .order-info .print, 
.order-complete-page .order-info .email{
	margin: 0 10px;
	color: #000;
    font-size: 1.6rem;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}
.border-block{border-radius: var(--bs-border-radius);}

.gc-code, 
.account-page .status{border-radius: 20px;background:#00a8d1;}

/*from responsive*/
@media (min-width: 992px) {
    .checkout-page .sidebar_summary {
        float: left;
        width: 40%;
    }
    .checkout-box {
        float: right;
        padding-left: 20px;
        width: 60%;
    }
}
.checkout-page:after, 
.express-checkout-page.checkout-page:after{
	clear:both;
}

#cvv_error{
	color:#cc0000;
}