/* General */
#identity #wrapper .container,
#addresses #wrapper .container,
#address #wrapper .container,
#order-follow #wrapper .container,
#module-giftcard-mygiftcards #wrapper .container,
#module-advansedwishlist-mywishlist #wrapper .container,
#module-psgdpr-gdpr #wrapper .container,
#order-detail #wrapper .container{max-width: 980px !important; width: 100% !important; margin: 0 auto; padding: 15px;}
#my-account #wrapper .container,
#history #wrapper .container{max-width: 1125px !important;}
.cart-summary-line .label a span i{color: #000000;}
.cart-summary-subtotals .label a i, #checkout .splioPromoCode{display: none;}
#cart-subtotal-discount .label a i{font-size: 14px; color: #000000; display: inline-block;}


/* Cart Page */
.splioPromoCode .promo-discounts {text-align: left !important; padding: 0 !important; margin-top: 15px;}
.splioPromoCode .promo-discounts span {color: #000 !important; font-size: 12px !important; cursor: pointer;} 
.splioPromoCode .promo-discounts .code {color: #000 !important; pointer-events: none; font-size: 12px !important;}
.splioPromoCode .promo-discounts .add-to-cart-splio {border-bottom: 0.2px solid #938d8d;}

/* Checkout Page */
#checkout .splioPromoCode .promo-discounts {text-align: left !important; padding: 0 !important; margin-top: 15px !important;}
#checkout .splioPromoCode .promo-discounts span {color: #000 !important; font-size: 13px !important; cursor: pointer; font-weight: bold;} 
#checkout .splioPromoCode .promo-discounts .code {color: #000 !important; pointer-events: none; font-size: 12px !important; font-weight: bold;}
#checkout .splioPromoCode .promo-discounts .add-to-cart-splio {border-bottom: 0.2px solid #938d8d;}
#checkout #cart-subtotal-discount .label a:first-child i { display: inline-block; }

/* My accout pages */
#identity #wrapper .container #left-column,
#module-psgdpr-gdpr #wrapper .container #left-column,
#history #wrapper .container #left-column,
#addresses #wrapper .container #left-column,
#address #wrapper .container #left-column,
#order-follow #wrapper .container #left-column,
#module-giftcard-mygiftcards #wrapper .container #left-column { width: 22%; }
#identity #content-wrapper.left-column #main { padding: 30px 15px 0px 15px; max-width: 500px; }
.my-account-sidebar ul li a img { margin: 0px 5px 0px 0px }
.my-account-sidebar ul li a#return-link img,
.my-account-sidebar ul li a#assets-link img,
.my-account-sidebar ul li a#gift-link img { width: 18px; }
#authentication .register-form p.cusphoneerr { bottom: -5px; }
.register-form p.intlError { margin-bottom: 10px; }
#authentication #wrapper .login-form .cphone .intl-tel-input .flag-container { top: 26px; z-index: 5 }
#authentication #wrapper .login-form .cphone .intl-tel-input .country-list { margin-top: 10px; }
body#checkout #login-form .intl-tel-input { width: 100%; }
body#checkout #login-form .intl-tel-input .flag-container { top: -10px; }
body#checkout #login-form .intl-tel-input.allow-dropdown .selected-flag,
body#checkout #login-form .intl-tel-input.separate-dial-code .selected-flag { width: 48px; height: 48px; margin: 10px 0px 0px; }
body#checkout #login-form .fl_wrap .intl-tel-input .form-control,
body#checkout #customer-form .fl_wrap .intl-tel-input .form-control { padding-left: 55px; }
.cphone p.cusphonereq { margin: 0px; }
#authentication .register-form p.intlError { margin: 0px; margin-top: 10px; }
#authentication .register-form #customer-form .fl_wrap { float: left; width: 100%; }
#authentication .login-form #login-form .cphone p.intlError { margin-bottom: 5px; }
body#checkout section.checkout-step .js-customer-form .form-group.form-error p.intlError { bottom: -20px; }
body#checkout .block-promo .cart-voucher #promo-code.collapse.in { display: block; }
.footer_links{margin-top: 20px;}

@media (min-width: 0px) and (max-width: 1024px) {
    #checkout .splioPromoCode {float: left; width: 100%;}
    /* My accout pages */
	.mobile-my-account-links ul li a img { margin: 0px 5px 0px 0px }
	.mobile-my-account-links ul li a.myaccount-icons img { width: 18px; }
	#identity #wrapper .container #left-column,
	#module-psgdpr-gdpr #wrapper .container #left-column,
	#history #wrapper .container #left-column,
	#addresses #wrapper .container #left-column,
	#address #wrapper .container #left-column,
	#order-follow #wrapper .container #left-column,
	#module-giftcard-mygiftcards #wrapper .container #left-column { width: 100%; }
	#wrapper .container #left-column a.returm-myaccount-link { padding: 15px !important; padding-left: 35px !important; }
	#my-account #left-column .accordion .accordion-item .amount-pledge p { line-height: 12px; }
	body#checkout .cart-summary-line { height: auto; line-height: 30px; }
	#history .accordion-item .accordion-button,
	#history .accordion-item .accordion-button:not(.collapsed) {font-family: "Barlow", sans-serif;font-weight: bold;font-style: italic;font-size: 11px;color: #000000;background: #ffffff;box-shadow: none;padding: 15px 20px;position: relative;}
	#history .accordion-item .collapse:not(.show) {display: none;}
	#history .accordion-item .collapse {display: block;}
	#history .accordion-item .rewards li {width: 50%;padding: 0px 1% 8px 1%;}
	#history #content-wrapper{padding: 0px;}
	#history .accordion-item .rewards li .bg-border {padding: 10px;}
	#history .accordion-item .accordion-body .rewards p {font-size: 9px;margin: 5px auto 0px;}
	#history h3.r-price {font-size: 12px;height: 44px !important;margin-top: 10px !important;}
}


.splioPromoCode .cart-summary-line { float: left; margin-right: 10px; }
.splioPromoCode .hoverme, .hoverme  { position: absolute; right: 10px; top: 5px; z-index: 3; }
.splioPromoCode { position: relative; background: #f7f7f7; padding: 3px 20px; margin: 10px 0 0px 0;}
#cart .splioPromoCode span.label{font-size: 13px !important;}
.splioPromoCode .hovericon,
.hoverme img,
.hovericon { cursor : pointer; }
.splioPromoCode .pop-content.pop, .pop-content.pop, .pop-content{ display: none;opacity: 0; z-index: 999999 !important; position: absolute; width: 200px; height: auto; right: 0px; border-radius: 10px; padding: 20px;  padding-bottom: 15px; background: #000; }

.splioPromoCode .pop-content.pop p,
.pop-content.pop p{ color: #fff; font-size: 13px; text-align: left; padding-bottom: 5px; }
.hoverme:hover > .pop,
.hoverme:hover > .pop-content  { display: block; opacity: 1 }

#my-account .r-title { width: auto; }
#my-account .r-icon { display: block; width: 100%; }


/*p.text{ position: relative;}
.hoverme{ position: relative; top: -40px;  cursor: pointer; right: -140px; width: 0px;}
.hoverme img{cursor: pointer;}
.hoverme:hover > .pop { opacity: 1;  z-index: 999999 !important; position: absolute; width: 200px; height: auto;  right: -122px;	 border-radius: 10px; padding: 20px; padding-bottom: 5px;}
.pop { opacity: 0; width: 0; height: 0; background: #000;  z-index: -1; margin: auto;position: absolute; }
.pop > p { color: #fff; font-size: 13px;  text-align: left; padding-bottom: 5px; border-radius: 13px; margin-bottom: 0;}
body#cart .pop-content{right: -37px;}
body#cart .hoverme{top: -22px; right: -338px;}
.splioPromoCode .cart-summary-line{margin: 0px !important;}
@media (min-width: 0px) and (max-width: 370px) { 
	.hoverme{right: -123px;}
}
@media (min-width: 0px) and (max-width: 1024px) {
 	.pop-content{text-align: left; background-color: #000; color: #fff;  overflow: scroll; width: 200px; height: 250px; border-radius: 13px; left: -150px; position: absolute; display: none; align-items: center; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; padding: 20px;}  
    p.text{ color: #fff; font-size: 11px !important; }
    .hoverme{position: relative; top: -20px; cursor: pointer;  right: -123px; width: 0px;}
     body#cart   .hoverme{right: -292px; }
}
@media (min-width: 662px) and (max-width: 800px) {
	.hoverme{right: -226px;}
}*/
.bg-border{background: #ffffff; border: 1px solid #eaeaea; padding: 29px 29px 21px; border-radius: 3px; position: relative;}
#history h3{  font-size: 16px; font-weight: 900; font-family: "Barlow", sans-serif; color: #000000; margin: 26px 0px 25px 0px; display: block; font-style: italic;}
#history .r-title { width: auto; }
#history .r-icon { display: block; width: 100%; }
#history .bg-border.account-info h3 { margin: 5px 0px 25px 0px; text-transform: uppercase; }
.loyalty-program.bg-border p { font-size: 12px; font-family: Open Sans,sans-serif; font-weight: normal; }
#history .rightside-image .img-fluid { height: 196px; }
.my-account-sidebar .bg-border{margin-bottom: 20px; padding: 0px;}
.account-info p,
.account-info span{font-size: 12px; color: #666666; display: block; margin: 0px;}
.account-info a{font-size: 10px; width: 174px; height: 35px; line-height: 32px; border: 1px solid #000000; margin-top: 20px; margin-bottom: 5px; display: inline-block;}
.r-title{font-size: 10px; }
.r-icon{ margin: 25px 0px 0px 0px }
#history h3.r-price{margin: 0px; height: 54px; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 0px; margin-top: 16px; }
#history h3.r-price.rewards-title { font-size: 11px; }
#history h3.r-price p{margin: 0px;}
#history h3.r-price span{font-size: 10px; font-weight: normal; font-style: normal; font-family: Open Sans,sans-serif;}
#history p.r-price { font-size: 9px; font-weight: normal; font-style: normal; font-family: Open Sans,sans-serif; margin: 14px 0px 12px; padding: 0px; }
#history p.reward-iconcart { font-size: 7px; color: #000; text-align: center; margin: 10px 0px 0px 0px; padding: 0px; }
.rewards{overflow: visible !important;}
#history .rewards-accordion-item {border: 0px;}

#my-account #overlay { z-index:8 }
#my-account #popup-message { z-index: 9 }
#popup-message .copy-message {  height: auto; z-index: 9; position: fixed; background: #fff; width: 100%; max-width: 400px; left: 0px; right: 0px; margin: auto; top:0px; padding: 25px; align-content: center; align-items: center; color: #000; font-size: 13px; max-height: 100px; bottom: 0px;  }
#popup-message .close-icons{ position: absolute; right: 0px; top: 0px; font-size: 24px; cursor: pointer; line-height: 0px; }
@media (min-width: 0px) and (max-width: 1024px) { 
	#popup-message .copy-message { font-size: 12; }
}