.ppom-wrapper {
padding: 0 !important;
clear: both;
margin-bottom: 15px;
width: 100%;
}
.ppom-wrapper span.show_description {
font-size: 11px;
color: #999;
padding-left: 5px;
}
.ppom-wrapper span.show_required {
color: red;
}   .related.products .amount-options {
display: none;
} .upsells .amount-options {
display: none;
} #ppom-price-container {}
#ppom-price-container ul li {
list-style: none;
line-height: 4px;
} #ppom-price-cloner-wrapper {
display: none;
}  .ppom-palettes label>input {
visibility: hidden;
position: absolute;
}
.ppom-single-palette {
margin: 2px;
}
.ppom-palettes label>input+.ppom-single-palette {
cursor: pointer;
text-align: center;
width: 60px;
height: 60px;
float: left;
border: 2px solid transparent;
position: relative;
color: #c73c3c;
transition: 0.5s all;
-webkit-transition: 0.5s all;
box-shadow: 0 0 8px #d9d4d4;
}
.ppom-palettes label>input:checked+.ppom-single-palette {
border: 2px solid #000;
margin-right: 10px;
}
.ppom-palettes .amount {
position: absolute; bottom: 0;
text-align: center;
left: 0;
width: 100%;
}
.ppom-single-palette:hover {
-moz-box-shadow: 0px 0px 5px white;
-webkit-box-shadow: 0px 0px 5px white;
box-shadow: 0px 0px 8px white;
z-index: 999;
}  .ppom_upload_image_box { }
.ppom_upload_image_box .pre_upload_image { overflow: hidden;
float: left;
text-align: center;
background-color: #FFF;
margin: 5px;
cursor: pointer;
position: relative;
max-width: 100px;
}
.ppom_upload_image_box .input_image { bottom: 0;
background-color: #fff;
width: 100%;
}
.p_u_i_name {
background-color: #E0DFDF;
overflow: hidden;
margin: 0 auto;
font-size: 13px;
padding: 5px;
}
.nm-imagetools .fa {
color: black;
} .ppom_audio_box .ppom_audio {
text-align: center;
} .ppom-file-container {
background-color: #ccc;
padding: 25px;
}
.modal-body {
position: relative;
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.ppom-dragdrop-text {
display: block;
font-style: italic;
}
.ppom-file-cb {
display: none !important
}  .ppom-option-price-list li>span:first-child {
padding: 10px;
float: left;
clear: both;
}
.ppom-option-price-list li>span:last-child {
padding: 10px;
float: right;
} .ppom-wrapper table td {
text-align: center !important;
} .ppom-c-hide{
display:none;
}
.ppom-c-show{
display:block;
}     #ppom-input-bulkquantity input[type=range] {
-webkit-appearance: none;
margin-top: 0.5rem;
width: 100%;
border: none !important;
background: transparent;
padding: 0;
}
#ppom-input-bulkquantity input[type=range]:focus {
outline: none;
}
#ppom-input-bulkquantity input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 0.3rem;
cursor: pointer;
animate: 0.2s;
background: #eee;
border-radius: 5px;
}
#ppom-input-bulkquantity input[type=range]::-webkit-slider-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
-webkit-appearance: none;
margin-top: -0.35rem;
}
#ppom-input-bulkquantity input[type=range]::-moz-range-track {
width: 100%;
height: 0.3rem;
cursor: pointer;
animate: 0.2s;
background: #eee;
border-radius: 5px 10px;
}
#ppom-input-bulkquantity input[type=range]::-moz-range-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
}
#ppom-input-bulkquantity input[type=range]::-ms-track {
width: 100%;
height: 0.9rem;
cursor: pointer;
animate: 0.2s;
background: transparent;
color: transparent;
}
#ppom-input-bulkquantity input[type=range]::-ms-fill-lower {
background: #e1e1e1;
border-radius: 10px 5px;
}
#ppom-input-bulkquantity input[type=range]::-ms-fill-upper {
background: #eee;
border-radius: 10px;
}
#ppom-input-bulkquantity input[type=range]::-ms-thumb {
height: 1rem;
width: 1rem;
border-radius: 0.5rem;
background: #0275d8;
cursor: pointer;
}
#ppom-input-bulkquantity input[type=range]:focus::-ms-fill-lower {
background: #eee;
}
#ppom-input-bulkquantity datalist {
display: flex;
justify-content: space-between;
height: 6px;
overflow: hidden;
margin-top: -6px;
}
#ppom-input-bulkquantity datalist option::before {
content: '';
display: block;
width: 0;
border-right: 1px solid #DDD;
height: 10px;
padding-left: 3px;
text-indent: 0;
} .ppom-croppie-btn {
display: none;
} .nm-boxes-outer .pre_upload_image {
float: left;
margin-right: 5px;
position: relative;
}
.ppom-image-overlay{
position: absolute;
bottom: 0;
left:0;
opacity: 0;
width: 100%;
text-align: center;
}
.pre_upload_image:hover{
opacity: .7;
}
.pre_upload_image:hover .ppom-image-overlay{
opacity: 1;
background-image: url(//in-eternum.hr/wp-content/plugins/woocommerce-product-addon/css/share.png);
}
.ppom-popup-body.images{
text-align: center;
}
.nm-boxes-outer input[type=radio],
.nm-boxes-outer input[type=checkbox] {
display: none;
}
.nm-boxes-outer input+img {
cursor: pointer;
border: 2px solid transparent;
}
.nm-boxes-outer input:checked+img {
border: 2px solid #f00;
}
.ppom-col {
padding: 0 5px!important;
} .ppom-slider-container {
margin: 10px auto;
}
.ppom-pricematrix-range {
clear: both;
border-bottom: 1px #ccc dashed;
}
#ppomSlider,
.ppom-range-bs-slider {
width: 100%;
}
#ppomSlider .slider-selection {
background: #81bfde;
}
.ppom-delete-option-table {
color: red;
cursor: pointer;
} #ppom_tooltip {
font-family: Ubuntu, sans-serif;
font-size: 0.875em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5);
line-height: 1.5;
color: #fff;
background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -ms-radial-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: -o-linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
background: linear-gradient( top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.88));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
position: absolute;
z-index: 10024;
padding: 15px;
overflow: visible;
}
#ppom_tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7);
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#ppom_tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6);
top: -20px;
bottom: auto;
}
#ppom_tooltip.left:after {
left: 10px;
margin: 0;
}
#ppom_tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
} .ppom-quantity-box-cols {
padding: 0px 0px 6px 0px;
border: 1px solid gray;
border-radius: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
line-height: 15px;
font-size: 11px;
}
.ppom-quantity-qty-section input {
width: 20px;
}
.ppom-quantity-price-wrap {
display: block;
margin-top: -10px;
}   .iris-picker .iris-square {
margin-right: 8% !important;
} .woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart {
display: block !important;
}
.elementor-add-to-cart form.cart {
display: block !important;
} .ppom-wrapper div.filelist {
display: flex;
}
div.filelist .u_i_c_box {
flex: 1;
}
.ppom-option-notice {
color: red;
padding: 5px;
font-size: 17px;
text-align: center;
}
.ppom-option-notice p {
margin: 0 !important;
}
.nm-horizontal-layout .ppom-instock,
.ppom-quantities-grid .ppom-instock {
display: block;
}
#powerTip {
white-space: inherit !important; }
.ppom-wrapper .ppom-tooltip {
cursor: help;
}
@media only screen and (max-width: 600px) {
#powerTip { }
}
.woocommerce-js .ppom-flex-controller{
display: block !important;
} .ppom-number-plusminus {
display: inline-flex;
justify-content: stretch;
}
.ppom-number-plusminus input {
vertical-align: middle;
-moz-appearance: textfield !important;
box-sizing: content-box;
margin: 0;
text-align: center;
}
.ppom-number-plusminus input::-webkit-inner-spin-button,
.ppom-number-plusminus input::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
.ppom-cb-price {
float: right;
}
.ppom-wrapper .ppom-input.date[readonly] {
background: #fff;
}
.daterangepicker {
z-index: 99999 !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
padding: 0;
}
.daterangepicker .drp-calendar.right {
border-left: 1px solid #ddd;
}
[data-remodal-id^="ppom_textbox_model_"] {
max-width: 700px !important;
min-height: 0 !important;
}
span.ppom-tooltip .ppom-tooltip-icon {
width: 13px;
height: 13px;
font-size: 11px;
line-height: 13px;
background-color: #000;
border-radius: 100%;
display: inline-block;
text-align: center
}
span.ppom-tooltip .ppom-tooltip-icon::after {
content: '?';
font-size: 10px;
color: #fff;
line-height: 13px;
font-weight: 700;
}.elementor-widget-wl-category-grid .slick-list{
margin: 0 -15px;
}
[class*="ht-category-wrap"] [class*="ht-category-image-"]{
overflow: hidden;
}
.ht-category-wrap{
margin-bottom: 30px;
}
.ht-category-wrap .ht-category-image{
overflow: hidden;
margin-bottom: 20px;
}
.ht-category-wrap .ht-category-image a {
display: block;
position: relative;
}
.ht-category-wrap .ht-category-image a img {
width: 100%;
}
.ht-category-wrap .ht-category-image a.ht-category-border::before {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
content: "";
border: 1px solid #fff;
transition: all 0.5s ease 0s;
transform: scale(1);
}
.ht-category-wrap .ht-category-image a.ht-category-border-2::before {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
content: "";
border: 1px solid #fff;
transition: all 0.5s ease 0s;
transform: scale(0.9);
opacity: 0;
visibility: hidden;
}
.ht-category-wrap .ht-category-image-3 {
border-radius: 100%;
border: 1px solid #e1e1e1;
transition: all 0.3s ease 0s;
margin-bottom: 20px;
}
.ht-category-wrap .ht-category-image-3 a img {
width: 100%;
}
.ht-category-wrap.ht-category-bg-padding {
background: #f8f8f8;
padding: 25px 30px 30px;
}
.ht-category-wrap .ht-category-image-zoom a img {
transition: all 0.5s ease 0s;
}
.ht-category-wrap .ht-category-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.ht-category-wrap .ht-category-content h3 {
margin: 0;
font-size: 20px;
}
.ht-category-wrap .ht-category-content h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content span {
display: inline-block;
line-height: 1;
position: relative;
font-size: 16px;
}
.ht-category-wrap .ht-category-content span::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(100% + 10px);
width: 50px;
height: 1px;
content: "";
background-color: #ccc;
}
.ht-category-wrap .ht-category-content-3 {
position: relative;
z-index: 9;
max-width: 80%;
margin: -43px auto 0;
padding: 15px 10px 14px;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg1 {
background-color: #f4ede7;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg2 {
background-color: #e8f5f2;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg3 {
background-color: #e3e4f5;
}
.ht-category-wrap .ht-category-content-3.ht-category-content-3-bg4 {
background-color: #faf5e5;
}
.ht-category-wrap .ht-category-content-3 h3 {
font-size: 18px;
line-height: 1;
margin: 0;
text-align: center;
}
.ht-category-wrap .ht-category-content-3 h3 span {
font-size: 14px;
margin-left: 5px;
}
.ht-category-wrap .ht-category-content-3 h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content-3 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-4{
text-align: center;
}
.ht-category-wrap .ht-category-content-4 h3 {
font-size: 16px;
display: inline-block;
position: relative;
margin: 0;
letter-spacing: 0.5px;
}
.ht-category-wrap .ht-category-content-4 span {
position: absolute;
top: -8px;
right: -33px;
font-size: 14px;
}
.ht-category-wrap .ht-category-content-4 h3 a {
color: #444;
}
.ht-category-wrap .ht-category-content-4 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-5{
text-align: center;
}
.ht-category-wrap .ht-category-content-5 h3 {
font-size: 14px;
text-transform: uppercase;
margin: 0;
font-weight: 500;
letter-spacing: 0.5px;
}
.ht-category-wrap .ht-category-content-5 h3 span {
margin-left: 5px;
color: #dc9a0e;
}
.ht-category-wrap .ht-category-content-5 h3 a {
color: #000000;
display: inline-block;
border-bottom: 1px solid transparent;
}
.ht-category-wrap .ht-category-content-5 h3 a:hover {
color: #dc9a0e;
border-bottom: 1px solid #dc9a0e;
}
.ht-category-wrap:hover .ht-category-image a.ht-category-border::before {
transform: scale(0.95);
}
.ht-category-wrap:hover .ht-category-image a.ht-category-border-2::before {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.ht-category-wrap:hover .ht-category-image-3 {
border: 1px solid #dc9a0e;
}
.ht-category-wrap:hover .ht-category-image-zoom a img {
transform: scale(1.1);
}
.ht-category-wrap-2 {
position: relative;
overflow: hidden;
padding: 48px 20px 42px;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}
.ht-category-wrap-2::before {
position: absolute;
z-index: 2;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
content: "";
opacity: 0;
visibility: hidden;
transform: scale(0.9);
transition: all 0.7s ease 0s;
border: 4px solid transparent;
pointer-events: none;
}
.ht-category-wrap-2{
text-align: center;
}
.ht-category-wrap-2 .ht-category-image-2 {
margin-top: 39px;
display: inline-block;
}
.ht-category-wrap-2 .ht-category-image-2 a {
display: block;
text-align: center;
}
.ht-category-wrap-2 .ht-category-image-2 a img {
max-width: 100%;
transition: all 0.7s ease 0s;
}
.ht-category-wrap-2 .ht-category-content-2 h3 {
font-size: 22px;
text-transform: capitalize;
line-height: 1;
margin: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ht-category-wrap-2 .ht-category-content-2 h3 span {
font-size: 14px;
margin: 0 0 0 8px;
}
.ht-category-wrap-2 .ht-category-content-2 h3 a {
color: #444;
display: block;
}
.ht-category-wrap-2 .ht-category-content-2 h3 a:hover {
color: #dc9a0e;
}
.ht-category-wrap-2 .ht-category-content-2 h3::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -14px;
margin: 0 auto;
background-color: #D3D3D3;
width: 90px;
height: 2px;
}
.ht-category-wrap-2:hover::before {
opacity: 1;
visibility: visible;
transform: scale(1);
border: 4px solid #dc9a0e;
}
.ht-category-wrap-2:hover .ht-category-image-2 a img {
transform: scale(1.2);
}