﻿/*New css*/
.address-book{margin-bottom: 50px; max-height: 100%; margin-bottom: 16px; border-radius:0;   padding: 24px 40px; position:relative}
.address-book h4 {font-size: 24px;line-height: normal;font-weight: 700;margin: 0px;}
.address-book h5 {font-size: 16px;line-height: normal;font-weight: 600;color: var(--woodsmoke-color);margin-bottom: 8px;}
.address-book .default-add {padding: 7px 10px 5px;background: #fff;color: #646F7D;border-radius:0 8px 0 4px;font-size: 12px;font-style: normal;font-weight: 600;line-height: normal; position:absolute; right:0; top:0;}
.address-book .address-block p{font-size:16px; line-height:normal; margin-bottom:8px; font-weight:400;}
.address-edit{font-size:14px; line-height:normal; font-weight:600; text-decoration:none; border-right:1px solid #B1B9C1; padding-right:16px; margin-right:16px;cursor: pointer;}
.address-edit:last-child{border-right:none; padding-right:0px; margin-right:0px; display: flex; align-items: center;}
.delete-address{margin-left: 16px;}
.address-book .new-address-block{max-width:744px;}
.address-book .new-address-block input{background:var(--white-color); border-color:#B1B9C1;}
.address-book .new-address-block select{background:var(--white-color); border-color:#B1B9C1;}
.address-book .new-address-block p{font-size:18px; line-height:21px;}
.address-book .address-box{background:var(--white-color); padding:16px 24px; border-radius:8px; border:1px solid #B1B9C1; margin-bottom:10px;}
.address-book .address-box h5{font-size:16px; line-height:19px; font-weight:600; margin-bottom:10px;}
.address-book .address-box p {margin:0px; margin-right:20px;}
.address-book .hiligt-bg{background:#ECF3ED; border:1px solid #0FA91C;}
.address-block.active {border: 1px solid #33BDE3;background: #ECFAFF;}
.address-block.active .default-add{ border-left:1px solid; border-bottom:1px solid; border-color:#33BDE3;}
.address-block {border-radius: 8px;border: 1px solid #E9ECF0;padding:24px 32px;margin-bottom: 24px; position:relative; height: calc(100% - 20px);}
.address-book .confirm-text{display:flex; align-items:center; margin-top:13px;}
.address-book .confirm-text span {font-size: 14px;font-weight: 600;line-height: 18px;color:#075A0B;}
.address-book .not-verified-text span{color:#646F7D;}
.address-book .not-verified-text img{filter: grayscale(100%);}
.address-book .alert-success {font-size: 16px;line-height: 19px;font-weight: 600;color: #075A0B;border: 2px solid #0FA91C;border-radius: 8px;width: 100%;background: #ECF3ED;position: absolute;top: 20px;left: 0;right: 0;padding:0px 24px;min-height: 52px;display: flex;align-items: center; z-index:9;}
.address-book .alert-success.alert-bottom, .address-book .alert-error.alert-bottom {position: fixed;bottom: 140px;left: 22%;right: 0;top: inherit;}
.address-book .registerFormBlock .form-group {padding-bottom: 20px;margin: 0 0 16px;}
.address-book .checkbox {padding: 10px 0 24px;}
.no-address-yet{display:flex; justify-content: center; align-items: center; padding: 80px 0;}
.no-address-yet h5{font-size:24px; font-weight:600; line-height: 32px; margin-bottom: 8px;}
.no-address-yet p{font-size:18px; line-height: 24px; margin-bottom: 0px; color: var(--nevada-color);}
.no-address-yet .address-text{ margin: 32px 0;}
/*.first-address{font-size:24px; font-weight:600; margin-bottom:8px; display:block;}*/
/*Checkout Address*/
.checkout-address {padding:24px;}
.checkout-address h5{font-size:16px;font-weight:600; margin-bottom:0; color:var(--woodsmooke-color)}
.checkout-address .address-block{margin-bottom:16px; padding-bottom:16px;}
.checkout-address .address-book .default-add{margin:0px 12px 8px; display:inline-block;}
.address-book .contact-address-book{font-size:16px; line-height:20px; margin:12px 0 !important}
.checkout-address .address-book {padding: 0;}
.checkout-address .address-block p {font-size: 16px;line-height: 19px;margin-bottom: 8px;font-weight: 400;}
.disable-address-book {background-color: var(--light-bg-color);color: var(--cadet-blue-color) !important;pointer-events: none;}
.warning-block {background: #FEE9E8;padding: 16px 12px;margin: 16px 0px;border-radius: 4px;}


.information-alert {margin: 16px 0;border: 1px solid #FABE2E;padding: 8px;border-radius: 4px;display: flex;align-items: center;}
.verified-text{color:#075A0B;font-size:14px; font-weight:600; line-height:18px;}
.add-personal-details .form-control.active {border-color: #0FA91C;background-color: #fff;}
.add-personal-details .text-muted{font-weight:600; font-size:14px; line-height:18px; color:#646F7D;}
.add-personal-details .custom-link {text-decoration: none;}
.custom-popup .add-personal-details .need-help span {font-size: 16px;line-height: 18px;color: #646F7D;font-weight: 400;}
.custom-popup .add-personal-details .need-help {padding: 15px 25px;background: var(--light-bg-color);text-align: center;justify-content: center;}
.custom-popup .add-personal-details .need-help .help-number {font-weight: 700;}

/*Personal details*/
.personal-details-block span:first-child{display:block; font-size:16px; font-weight:600; line-height:19px; margin-bottom:12px; color:#212121;}
.personal-details-block span:last-child{display:block; font-size:20px; font-weight:400; line-height:24px;}
.personal-details-sec .toggle-check.custom-toggle-check {display: flex;align-items: center;justify-content: space-between; margin:0px 0px 16px;}
.personal-details-sec .contact-prefference-box h6{font-size:14px; line-height:18px; font-weight:600; margin:0px 0px 12px;}
.personal-details-sec .form-check.form-switch:after {content: "";position: absolute;height: 20px;width: 1px;background-color: #B1B9C1;left: -16px;top: 6px;}
.personal-details-sec .form-check.form-switch {position: relative;}
.personal-details-sec .custom-toggle-check .form-check-input {padding:11px 20px;}
.personal-details-sec .toggle-check.custom-toggle-check .form-check-input:checked {background-color: rgba(50, 215, 75, 1);border-color:rgba(50, 215, 75, 1);}
.personal-details-sec .toggle-check.custom-toggle-check .form-check-input {background-color: rgba(120, 120, 128, 0.32);border-color:transparent;}
.personal-details-sec .contact-prefference-box{padding:16px 16px 0px; border: 1px solid rgba(233, 236, 240, 1); border-radius:4px;}
.personal-details-sec .toggle-check .form-check-label {font-size: 16px;margin-left: 0;line-height: 20px;}
.confirm-text {display: flex;align-items: center;color: #075A0B; margin:12px 0px 0px;}
.confirm-text img {margin-right: 8px;height: 16px;width: 16px;}
.not-verified {display: flex;align-items: center;color: #646F7D; margin:12px 0px 0px;}
.personal-details-block .not-verified span:first-child {display: flex;font-weight: 600;margin-bottom: 0;margin-right:4px;}
.personal-details-sec.security-sec .form-check.form-switch:after {display:none;}

.address-dropdown {position: relative;}
.address-dropdown .input-wrapper {position: relative;}
/* Dropdown hidden initially */
.dropdown-popupup {display: none;position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #E9ECF0;border-radius: 4px;background: #fff;box-shadow: 0px 2px 10px 0px #0000001A;z-index: 10;}
/* Show dropdown when input-wrapper or any child is focused */
.address-dropdown .input-wrapper:focus-within .dropdown-popupup {display: block;}
.address-dropdown .street-address-list {border-left: 4px solid #fff;padding: 16px;font-size: 16px;cursor: pointer;border-bottom: 1px solid #E9ECF0;display: flex;align-items: center;}
.address-dropdown .street-address-list svg {margin-right: 12px;}
.address-dropdown .street-address-list:hover {background-color: #f0f0f0;border-left: 4px solid #33BDE3;font-weight: 700;}
.address-dropdown .street-address-list:first-child:hover {border-radius: 4px 0 0 0;} 

.verified-address-block{position:absolute; bottom:16px; width:90%;}
/*Checkout footer*/
.checkout-footer{width:100%; position:fixed; bottom:0;z-index:9999; background:var(--white-color); padding:16px; box-shadow: 0px -4px 16px 0px #3B42581A;} 
@media(min-width:1440px) {
    .address-book .addressbook-btn button {min-width: 200px;}
}
@media(min-width:1800px) {
.myProfileRightPanel.address-book .registerFormBlock {margin-right: 300px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.icon-bg-btn {font-size: 18px;padding: 0px 26px;}
}
@media (min-width:768px) and (max-width:1279.98px) {
.address-book, .myProfileRightPanel {padding: 24px 20px;}
.personal-details-block span:last-child {display: block;font-size: 16px;font-weight: 400;line-height: 20px;}
.address-book .alert-success.alert-bottom, .address-book .alert-error.alert-bottom {position: absolute;bottom: -70px;left: 0;right: 0;top: inherit;}
}
@media (min-width:768px) and (max-width:991.98px) {
.address-book h4{font-size:20px; line-height:30px;}
.address-book h5{font-size:18px; line-height:22px; margin-bottom:8px;}
.address-block{margin-bottom:22px; padding-bottom:22px;height: 220px;}
}

@media(max-width:767.98px) {
.address-book .default-add{margin:4px 0px; display:inline-block;}
.address-book .address-block p {font-size: 16px;line-height: normal;margin:6px 0;}
.address-block{margin-bottom:16px; padding:22px;}
.address-book .addressbook-btn button {margin-bottom: 16px;}
.address-book {padding: 16px; margin-bottom: 50px;}
.address-book h5 {font-size: 16px;line-height: 18px;font-weight: 600;color: var(--woodsmoke-color);margin-bottom: 8px;}
.address-edit {font-size: 16px;line-height: normal;}
.address-book h4 {font-size: 24px;line-height: 24px;font-weight: bold;}
.personal-details-sec .contact-prefference-box {margin-bottom: 22px;}
.address-book .alert-success {width: 94%;background: #ECF3ED;position: absolute;top: 6px;left: 0;right: 0;padding: 0px 24px;min-height: 44px;}

.address-book h3 {font-size: 16px;font-weight: bold;background: transparent;padding: 0;color: var(--woodsmoke-color);line-height: 24px;margin-top: 0px;}
.address-book .shipping-address-inner {padding: 0;}
.address-book .checkout-form .form-group {padding-left: 0;padding-right: 0;margin-bottom: 20px;}
.add-personal-details .icon-bg-btn, .add-personal-details .icon-border-btn {font-size: 14px;padding: 12px 6px;height: inherit;line-height: 18px;}
.personal-details-block span:last-child {display: block;font-size:20px;font-weight: 400;line-height: normal;}
.address-book .icon-border-btn {min-width: 120px;min-height: 36px;border-radius: 4px; font-size:16px;}
.address-block .icon-border-btn {font-size: 16px;line-height: 18px;height: 38px;padding: 9px 16px;}
.personal-details-sec .contact-prefference-box h6 {font-size: 16px;font-size: 14px;line-height: normal;margin-bottom: 18px;}
.address-book .registerFormBlock .help-block {margin: 4px 0px 0;}
.address-book .alert-success.alert-bottom, .address-book .alert-error.alert-bottom {position: fixed;bottom: 17px;left: 0;right: 0;top: inherit;}
.personal-details-sec .form-check.form-switch:after {left: -10px;}
.address-modal button.icon-bg-btn, .address-modal .address-edit {margin-top: 6px;margin-bottom: 6px;}
.address-book .new-address-block p {font-size: 16px;line-height: 18px;margin: 6px 0 12px;}
.address-modal h5 {margin-bottom: 8px !important;}
}
.security-warning{padding:8px 16px 8px 16px; background:#FEE9E8; border-radius:4px; margin-top:16px;}
.address-book .address-block .security-warning p{font-size:16px; font-weight:500; color:#D61308; line-height:19px; margin:0;}
.security-warning .address-edit{font-size:14px; font-weight:600; line-height:17px;}
.verify-popup .registerFormBlock .form-error:after{background-image:none;}