.addp-product-box
{
display: flex;
flex-flow: column;
align-items: center;
margin: 20px 0;
background-color: rgb(240, 240, 240);
padding: 20px;
}
.addp-product-box .addp-box-title
{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.addp-modal 
{
display: none;
}
.addp-modal.show
{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10001;
display: block;
width: 100%;
height: 100%;
max-width: 700px;
max-height: 80%;
overflow: hidden;
background-color: rgb(255, 255, 255);
}
.addp-modal-close
{
background-color: transparent;
border: none;
color: #1d2327;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px;
padding: 0;
}
.addp-modal.show + .addp-modal-backdrop
{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
content: '';
display: block;
background-color: rgba(0, 0, 0, 0.288);
z-index: 10000;
}
.addp-modal.show .modal-header
{
display: flex;
position: absolute;
top: 0;
left: 0;
height: 50px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 5px 10px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(66, 68, 90, 0.15);
-moz-box-shadow: 0px 5px 15px 0px rgba(66, 68, 90, 0.15);
box-shadow: 0px 5px 15px 0px rgba(66, 68, 90, 0.15);
}
.addp-modal.show .modal-body
{
overflow-x: hidden;
overflow-y: auto;
margin-top: 50px;
height: calc(100% - 50px);
}
.addp-modal.show .modal-content
{
padding: 10px;
}
.addp-product-row,
.addp-product-packaging-row
{
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 10px;
}
.addp-product-packaging-row p
{
margin: 0;
}
.addp-product-row
{
border-bottom: 1px solid rgba(54, 54, 54, 0.24);
padding-bottom: 3px;
}
.addp-product-packaging-row select
{
max-width: 50%;
width: 100%;
margin-left: auto;
}
.addp-product-row img,
.addp-product-packaging-row img
{
max-width: 20%;
max-height: 100px;
}
.addp-product-row .add-product-row-content
{
flex: 1;
padding-left: 10px;
}
.addp-product-row .add-product-row-content p
{
margin-bottom: 5px;
}
.addp-product-row-price
{
text-align: right;
font-weight: bold;
}
.addp-product-total-row
{
display: flex;
justify-content: space-between;
}
.addp-product-total-row span:last-of-type
{
font-weight: bold;
}
.addp-modal.show a.button
{
line-height: 3.375em;
}
.addp-pack-row
{
display: flex;
justify-content: space-between;
}
.addp-pack-row span.label
{
font-weight: bold;
}
.addp-selectable
{
display: flex;
margin-top: 10px;
align-items: center;
}
.addp-selectable select
{
max-width: 50%;
width: 100%;
margin-left: auto;
}
td.product-quantity
{
text-align: center;
}
.addp-desc
{
font-size: 13px;
color: gray;
line-height: auto;
}
.addp-input-row
{
display: flex;
align-items: center;
padding-top: 0px;
max-height: 0;
overflow: hidden;
transition: max-height .5s;
}
.addp-input-row input
{
margin-left: 10px;
}
.addp-input-row label
{
width: 100%;
}
@media (max-width: 767px)
{
.addp-modal.show
{
max-width: calc(100vw - 50px);
}
}
.addp-button-wrapper
{
margin-top: 20px;
padding-top: 20px;
}
.addp-checkbox-wrapper
{
margin-top: 10px;
}
.addtnl-product-next.loading::before {
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3CradialGradient id='a12' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23FFFFFF' stop-opacity='.9'%3E%3C/stop%3E%3Cstop offset='.6' stop-color='%23FFFFFF' stop-opacity='.6'%3E%3C/stop%3E%3Cstop offset='.8' stop-color='%23FFFFFF' stop-opacity='.3'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3C/stop%3E%3C/radialGradient%3E%3Ccircle transform-origin='center' fill='none' stroke='url(//ceglanyrenesans.pl/wp-content/plugins/woocommerce-additional-products-v2/src/assets/front/%23a12)' stroke-width='15' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'%3E%3CanimateTransform type='rotate' attributeName='transform' calcMode='spline' dur='2' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle transform-origin='center' fill='none' opacity='.2' stroke='%23FFFFFF' stroke-width='15' stroke-linecap='round' cx='100' cy='100' r='70'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
content: '';
margin-right: 5px;
background-size: cover;
}