.venipak_shipping_method_icon {
padding-right: 5px;
}
.venipak_shipping_method_description {
display: block;
font-size: 11px;
line-height: 11px;
color: #666;
}
.venipak_pickup_filter {
display: flex;
white-space: nowrap;
padding-top: 5px;
font-size: 12px;
}
.venipak_pickup_filter div label {
display: inline;
margin-bottom: 0;
}
.venipak_pickup_filter div {
float: right;
display: flex;
align-items: baseline;
}
.venipak-shipping-pickup-filter-item {
padding-right: 5px;
}
.venipak-map {
max-width: 400px;
}
.wc-venipak-shipping-terminals {
text-align: right;
}
.wc-venipak-shipping-terminals td {
box-sizing: border-box;
}
.wc-venipak-shipping-terminals select,
.wc-venipak-shipping-terminals #venipak_pickup_point,
.wc-venipak-shipping-terminals #selected-pickup-info,
.wc-venipak-shipping-terminals #venipak-map {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.venipak_pickup_point.venipak-loading {
opacity: 0.7;
cursor: wait;
position: relative;
padding-right: 35px;
}
.venipak_pickup_point.venipak-loading::after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: venipak-spin 0.8s linear infinite;
}
@keyframes venipak-spin {
to {
transform: translateY(-50%) rotate(360deg);
}
}
.venipak_pickup_point.venipak-loading option {
color: #999;
} .select2-container--default .select2-selection--single.venipak-loading {
position: relative;
opacity: 0.7;
}
.select2-container--default .select2-selection--single.venipak-loading::after {
content: '';
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: venipak-spin 0.8s linear infinite;
pointer-events: none;
z-index: 1;
} .select2-container--default .select2-selection--single.venipak-loading .select2-selection__arrow {
display: none;
} ul#shipping_method li:has(.venipak-pickup-wrapper) {
float: none;
width: 100%;
min-height: auto;
overflow: visible;
margin-bottom: 10px;
}
.venipak-pickup-wrapper {
display: block;
clear: both;
max-width: var(--venipak-pickup-width, 275px);
padding: 10px 0 0;
margin-left: auto;
}
.venipak-pickup-wrapper .select2-container {
width: 100% !important;
}
.venipak-pickup-wrapper .select2-selection--single {
overflow: hidden !important;
}
.venipak-pickup-wrapper .select2-selection__rendered {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
padding-right: 30px !important;
}
.venipak-pickup-wrapper #selected-pickup-info {
text-align: right;
word-wrap: break-word;
overflow-wrap: break-word;
margin-top: 10px;
font-size: 0.85em;
line-height: 1.4;
}
.venipak-pickup-wrapper #venipak-map {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
margin-top: 10px;
} .venipak-pickup-wrapper select.venipak_pickup_point,
.venipak-pickup-wrapper .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #9339f2;
}