a.wpr-quantity-update,a.wpr-subscription-update,a.wpr-add-product{margin:2px}a.wpr-add-product{margin-bottom:10px}#wpr-subscription-pause-submit,#wpr-subscription-pause-cancel,a.wpr-quantity-save,a.wpr-cancel-qty{margin:2px 2px 2px 0}#wpr-subscription-pause-submit{margin-right:0}#wpr-subscription-pause-cancel{margin-left:0}.wpr-subscription-update-submit,.wpr-subscription-cancel-submit{margin:2px}.wpr-subscription-update-submit{margin-right:0}.wpr-subscription-cancel-submit{margin-left:0}.wpr-add-new-subscription{text-align:center;max-width:100%;height:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}.wpr-add-new-subscription>div{margin-bottom:20px;flex:0 0 330px;width:30%}.wpr-add-new-subscription .wpr-product-image img{display:inline-block}.wpr-subscription-cancel-add{position:-webkit-sticky;position:sticky;top:0;float:right;padding:7px;cursor:pointer;text-decoration:none}.ssd-display-notification{border:1px solid rgba(0,124,75,1);padding:5px 10px;margin:5px 0;border-radius:5px;color:rgba(0,124,75,1);display:block;clear:both}.wpr-add-new-form-content .ssd-display-notification{margin-top:100px}.ssd-error-display-notification{border:1px solid rgba(255,0,0,1);padding:5px 10px;margin:5px 0;border-radius:5px;color:rgba(255,0,0,1);display:block;clear:both}.ssd-modal-wrapper{z-index:9999;position:fixed;top:0;bottom:0;width:100%;height:100vh;display:none;overflow-x:scroll;background:#eee}#ssd-modal-content{padding-top:90px;height:100%;background:#eee}.ssd-hide{display:none}.ssd-show{display:block!important}.ssd-modal{position:relative;padding:20px 15px;background:#eee;color:#000;text-align:center;height:100vh}.ssd-close-modal,.ssd-shipping-close-modal{display:inline-block;float:right;margin-right:45px}.ssd-close-modal-link{cursor:pointer;padding:5px}.ssd-search-modal{display:inline-block}.ssd-search-modal-header{position:fixed;background:#eee;top:0;width:100%;z-index:999;padding-top:40px;padding-bottom:20px}#ssd-modal-content .bos4w-or-subscribe,#ssd-shipping-modal-content .bos4w-or-subscribe{display:none}.ssd-shipping-modal-wrapper{z-index:9999;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;bottom:0;display:none;overflow-x:scroll;background:#eee}.ssd-shipping-modal{position:relative;padding:20px 15px;background:#eee;color:#000;text-align:center}.ssd-cancellation-modal-wrapper{z-index:9999;position:fixed;top:0;bottom:0;width:100%;height:100vh;display:none;overflow-x:scroll;background:rgba(0,0,0,.6);align-items:center;justify-content:center;&.ssd-hide {
display: none;
}
&.ssd-show {
display: flex !important;
}
.ssd-cancellation-modal {
position: relative;
padding: 35px 20px 20px 20px;
border-radius: 10px;
text-align: center;
height: auto;
color: #000;
background-color: rgba(255, 255, 255, .9);
border: 1px solid #adadad;
backdrop-filter: blur(10px);
width: 100%;
max-width: 350px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
@media screen and (max-width: 768px) {
width: 100%;
min-width: 100vw;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
overflow-y: auto;
padding: 40px 20px;
box-sizing: border-box;
border-radius: 0;
border: none;
}
}
#ssd-cancellation-modal-content {
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
.ssd-cancellation-reasons-wrap {
width: 100%;
}
}
h3 {
text-align: center;
font-weight: bold;
margin: 0 0 15px 0;
}
p {
font-size: 14px;
margin: 0;
}
.ssd-cancellation-close-modal {
position: absolute;
top: 5px;
right: 5px;
}
.ssd-reasons-list {
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
.ssd-reason-item {
position: relative;
margin: 0 !important;
padding: 0;
background: rgba(255, 255, 255, .7);
border-radius: 6px;
border: 1px solid #fff;
backdrop-filter: blur(10px);
cursor: pointer;
transition: .34s;
label {
margin: 0;
padding: 8px 12px;
justify-content: center;
}
span {
font-size: 16px;
text-align: center;
color: #2d2d2d;
transition: .34s;
}
input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
&:hover {
background-color: rgb(0, 0, 0);
border-color: #000;
span {
color: #fff;
}
}
&.selected {
background-color: rgb(0, 0, 0);
border-color: #000;
span {
color: #fff;
}
}
}
}
#ssd-confirm-cancel {
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 14px;
border-radius: 4px;
background-color: var(--wc-primary);
color: var(--wc-primary-text);
border: none;
transition: .34s;
cursor: pointer;
&:hover {
transform: scale(1.05, 1.05);
}
&:disabled {
pointer-events: none;
opacity: .6;
}
}
}#wpr-shipping-type-subscription #shipping_method{margin-top:20px}.disable-click{pointer-events:none;opacity:.7}@media screen and (min-width:768px) and (max-width:1100px){.wpr-add-new-subscription{flex-wrap:wrap}.wpr-add-new-subscription>div{flex:45%}}@media screen and (max-width:768px){.wpr-add-new-subscription{flex-wrap:wrap}.wpr-add-new-subscription>div{flex:100%}}@media screen and (min-width:800px){#wpr-subscription-pause-submit,#wpr-subscription-pause-cancel,.pause_subscription{margin-bottom:4px!important}}@media screen and (max-width:560px){div[class^="wpr-variable-form-"] td.label,div[class^="wpr-variable-form-"] td.value{display:inline-block;width:100%}}@media screen and (max-width:460px){a.wpr-quantity-save,a.wpr-cancel-qty{width:100%;margin:2px 0 2px}}.wpr-subscription-add-submit{margin-bottom:10px}