.product-formula-form-item {
	 will-change: opacity, filter;
}
label .label-option-contents > img[src*="png"] {
     border:none!important;  
    padding: 2px;
    padding-left: 0px!important;
}
.label-option-contents {

	transition: 0.1s ease all;	
}
.label-option-contents[style*="background-image"] {
    background-color: #f6f6f6;
}
label {
	 -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;   
}
.product-formula-form-items-wrapper {
	/*border-bottom:1px solid #ccc;*/
}
.product-formula-form-item-valid-checker {
	background-color: var(--colorgreen);;
	display: inline-block;
	border-radius: 50%;
	min-height: 20px;
	min-width: 20px;
	float: left;
	margin-right: 5px;
}
.product-formula-form-item:not(.is-required) sup.required {
	display: none;
}
.product-formula-form-item sup.required {
	margin: auto; 
	padding: inherit;
	display: inline-block;
    opacity: 0!important;
	
}


.product-formula-form-fake-item > :is(h3, .h3):first-child,
.product-formula-form .product-formula-form-item > :is(h3, .h3):first-child,
.product-formula-form .product-formula-form-item > :is(h4, .h4):first-child { /* IS HEADER */
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
	width: 100%;
	position: relative;
	display: flex; 
	
	padding: 10px;
	line-height: 20px;
}
.product-formula-form .product-formula-form-item > :is(h3, .h3, h4, .h4):first-child { /* IS HEADER */
/*    margin-bottom: 0px!important;

	margin-left: -20px;
	margin-right: -20px;
    
	width: calc(100% + 40px);
	margin-top: -10px;
	margin-bottom: 10px;*/
}
.product-formula-form .product-formula-form-item > :is(h3, .h3, h4, .h4):first-child + *:not(.kdp-pf-form-item-content) {
	padding-top: 10px!important;
}

.product-formula-form-item:not(.kdp-pf-form-item-opened) :is(h3, .h3) {
	cursor: pointer!important;
}


.kdp-pf-form-item-content {
	padding:5px;
	margin-left: -5px;
	margin-top: 0px;
	width: calc(100% + 10px);
	margin-bottom:0px!important;
}





.product-formula-form-item.kdp-pf-form-item-hidden:not(.always-visible) .kdp-pf-form-item-content {

} 
.product-formula-form-fake-item {
    cursor:not-allowed;
}
.product-formula-form-item.unloaded:not(.always-visible) {
	opacity: 0.5;
}
.product-formula-form-item.has-chosen-option.had-interaction.kdp-pf-form-item-hidden :is(h3, .h3), .product-formula-form-fake-item :is(h3, .h3) {
	background-color: var(--colorgreenverylight);;
	background-color:rgba(103,190,112,0.15);
	background-color:var(--colorgreenverylight);
}
.product-formula-form-item.has-chosen-option:not(.kdp-pf-form-item-hidden) > :is(h3, .h3) {
	background:linear-gradient(to bottom, rgba(103,190,112,0.15), rgba(103,190,112,0));
	background:linear-gradient(to bottom,var(--colorgreenlight), var(--colorgreenzero));
}

.product-formula-form-item :is(h3, .h3) .product-formula-form-item-valid-checker { /*:not(.has-chosen-option)*/
	display: none;
}
.product-formula-form-item :is(h3, .h3) .product-formula-form-item-index-num {
	display: inline-block;
	/*border-radius: 50%;
	min-height: 20px;
	min-width: 22px;
	float: left;
	margin-right: 5px;
	text-align: center;
	padding-left: 1px;
	border:1px solid rgba(0,0,0,0.2)*/;
}
.product-formula-form-item :is(h3, .h3) .product-formula-form-item-index-num {
	/*background-color: #fff;*/

}
.product-formula-form-fake-item  :is(h3, .h3),
.product-formula-form-item.has-chosen-option.had-interaction.kdp-pf-form-item-hidden :is(h3, .h3) {
    color:var(--colorgreen);
}
.product-formula-form-item.has-chosen-option.had-interaction :is(h3, .h3) .product-formula-form-item-index-num {
	/*background-color: var(--colorgreen);;
	color:#fff;*/
}

.product-formula-form-item-index-num {
    display: inline-block;
    min-width: 12px;
    text-align: right;
}
.product-formula-form-item-index-num:empty, 
.product-formula-form-item-index-num:empty::after,
.no-options-to-be-chosen .product-formula-form-item-index-num{
    opacity: 0!important;
}
.product-formula-form-item-index-num::after {
    content: '.';
    margin-right: 0px;
    display: inline-block;
}
.kdp-pf-form-item-images {

	display:grid;
	grid-gap: 10px;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
.kdp-pf-form-item-images * {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.kdp-pf-form-item-images.griditems-2 { 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.kdp-pf-form-item-images.griditems-3 { 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.kdp-pf-form-item-images.griditems-4 { 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.kdp-pf-form-item-images.griditems-5, .kdp-pf-form-item-images.griditems-10, .kdp-pf-form-item-images.griditems-15 { 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.OLD .kdp-pf-form-item-images .label-option-contents .text {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 5px;
	backdrop-filter: blur(10px);
	background-color:rgba(240,240,240,0.5);
}
.kdp-pf-form-item-images .label-option-contents .text { 
    position: absolute;
	display: block;
    top: 100%;
    margin-top: 5px;
	left: 0px;
	width: 100%;
    text-align: center;   
    white-space: nowrap;
    padding-bottom: 2px;
    
}
.kdp-pf-form-item-images .label-option-contents:not(:hover) .text { 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.kdp-pf-form-item-images .label-option-contents:hover .text { 
    
    background-color: #fff;
    box-shadow: 0px 0px 0px 2px #fff;
    min-width: 100%;
    width: auto!important;
    max-width:300px!important;
    display: block;
    z-index: 9999;
    
}
.kdp-pf-form-item-images .label-option-contents {
    margin-bottom: 100px;
}
.kdp-pf-form-item-images > * {
    margin-bottom: 30px!important;
}
label input[type="radio"], label input[type="checkbox"], 
.kdp-pf-form-item-images input[type="radio"], .kdp-pf-form-item-images input[type="checkbox"] {
	display: none;
}
.kdp-pf-form-item-images > * {
	margin: 0px;
	min-height: 50px;
}
.kdp-pf-form-item-images *[style*=".svg"] {
	background-size: contain;
}
input[type="radio"] + .label-option-contents, input[type="checkbox"] + .label-option-contents {
	cursor: pointer;
	
	box-shadow: 0px 0px 0px 1px #CCC;
	border-radius: 3px;
	padding: 5px;
	text-align: center;
}
input[disabled] + .label-option-contents {
		box-shadow: 0px 0px 0px 1px #eee;
}
input[type="radio"]:not(input[disabled]) + .label-option-contents:not(:hover), input[type="checkbox"]:not(input[disabled]) + .label-option-contents:not(:hover) {
	opacity: 1;
	
	
}
input[type="radio"]:active + .label-option-contents, 
input[type="radio"]:checked + .label-option-contents, input[type="checkbox"]:checked + .label-option-contents, input:not(input[disabled]) .label-option-contents:hover {
	opacity: 1; 
	box-shadow: 0px 0px 0px 2px #FA5800;
	box-shadow: 0px 0px 0px 2px var(--colorgreen);!important;
}
.kdp-pf-form-item-input-select input[type="radio"] + .label-option-contents {
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: calc(100% - 23px) 22px;
}
.kdp-pf-form-item-input-select:not(.select-opened) input[type="radio"]:checked + .label-option-contents {
	/*background-image: url('/themes/koffiedrukker/images/icons/chevron-down-gray.svg');*/
}
.kdp-pf-form-item-input-select.select-opened label:first-child input[type="radio"] + .label-option-contents {
	/*background-image: url('/themes/koffiedrukker/images/icons/chevron-down-gray.svg');*/
}
.kdp-pf-form-item-input-select.select-opened label:first-child input[type="radio"]:checked + .label-option-contents {
	/*background-image: url('/themes/koffiedrukker/images/icons/chevron-down-green.svg');*/
}


.kdp-pf-form-item-input-select:not(.select-opened) input[type="radio"]:checked + .label-option-contents {
	box-shadow:0px 0px 0px 1px #CCC!important;
	background-color:#fff;
	
}
label:hover .label-option-contents {
	background-color: var(--colorgreenlight)!important;
}
.kdp-pf-form-item-images label:hover .label-option-contents { 
	box-shadow: 0px 0px 0px 2px var(--colorgreen); !important;
}
.label-option-contents img:not([src*="svg"]) {
	border:1px solid #ccc;
	border-radius: 4px;
}
input[type="radio"]:checked + .label-option-contents, input[type="checkbox"]:checked + .label-option-contents { 
	background-color:var(--colorgreenverylight);;
}
.kdp-pf-form-item-input-inline {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
}
.kdp-pf-form-item-even-odd-column {
    display: grid!important;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    margin: 0px;
    margin-bottom: auto;
}
.kdp-pf-form-item-even-odd-column > * {
    margin: 0px;
}

.kdp-pf-form-item-input-select .kdp-pf-form-item-input-inline {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 5px;
}
.kdp-pf-form-item-input-select {
	position: relative;
	min-height: 45px;
	margin-bottom: 15px;
	
	
}
.kdp-pf-form-item-input-select .kdp-pf-form-item-input-inline { 
	
	padding: 5px;
	position: absolute;
	left:10px;
	right: 10px;
	top: 0px;
	
	transform: scale(1,1);
}
.kdp-pf-form-item-input-select.select-opened .kdp-pf-form-item-input-inline { 
	z-index: 9999;
}
.kdp-pf-form-item-input-select.select-opened .kdp-pf-form-item-input-inline { 
	border-radius: var(--border-radius-sm,5px);
	background-color: #fff;
	border:1px solid #ddd;
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1),  0px 0px 10px 0px rgba(0,0,0,0.1);
}
.kdp-pf-form-item-input-select:not(.select-opened) label:not(.checked) {
	display: none;
}
.kdp-pf-form-item-input-inline.product-formula-form-amount-table {
	grid-template-columns: 1fr;
}

.kdp-pf-form-item-input-inline label {
	display: inline-block;
}
input[type="radio"] + label {
    cursor: pointer;
}
label .label-option-contents { 
    padding: 5px 10px;
	text-align: left;
    display: flex;
    justify-content: flex-start;
}
label .label-option-contents > * {
    margin: auto 0px;
    margin-right: 5px!important;
    display: block;
}

label .label-option-contents > *[class*="fa-"],
label .label-option-contents > *[style*="background-image"] {
    width: 30px;
}
label .label-option-contents > img:first-child {
    max-width: 60px;
}
label .label-option-contents > *[style*="background-image"] {
    height: 30px;
 
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

div[id*="payment"] label .label-option-contents > *[style*="background-image"] {
    width: 40px;
    height: 40px;
}
label .label-option-contents > *:last-child {
    margin-right: auto;
}
.kdp-pf-form-item-input-inline  label .label-option-contents { 
	padding: 5px 10px;
	text-align: left;
	/*display: grid;
	grid-template-columns: 40px 1fr;
	grid-gap: 5px;
*/

    display: flex;
     justify-content: flex-start;
    width: 100%;
    min-height: 40px;
}
.kdp-pf-form-item-input-inline  label .label-option-contents > * {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0px;
    margin-right: auto;
}
.kdp-pf-form-item-input-inline > *:not(:first-child) {
     /*margin-left: 5px;   */
}
.kdp-pf-form-item-input-inline > *:last-child {
    margin-right: 0px;
}

/*.product-formula-form-amount-table-header {
	display: grid;
	grid-template-columns: 50px 80px 1fr 1fr;
	grid-gap: 5px;
	width: 100%;
	padding-bottom: 5px;
}
.product-formula-form-amount-table-header > * {
	margin: auto;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	
}*/
.kdp-pf-form-item-input-inline.product-formula-form-amount-table  .label-option-contents > .text { 
	display: grid;
	grid-template-columns: 80px 1fr 1fr;
	grid-gap: 5px;
}
.kdp-pf-form-item-input-inline.product-formula-form-amount-table .product-formula-form-amount-table-label-manual-amount > .text {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
}
.kdp-pf-form-item-input-inline  label .label-option-contents > * {
	margin: auto 0px;
}
.kdp-pf-form-item-input-inline  label .label-option-contents > img {
	height: 40px;
}
.kdp-pf-form-item-input-inline  label .label-option-contents > .fake-radio-input,
.kdp-pf-form-item-input-inline  label .label-option-contents > .fake-checkbox-input {
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	max-width: 20px;
    min-width: 20px;
    
}
.product-formula-form-amount-table  .kdp-pf-form-item-input-inline  label .label-option-contents > .fake-radio-input {
    height: 16px;
    max-width: 16px;
    transform: scale(1,1);
}


input[disabled] + .label-option-contents  {
	color:#ccc;
}
input:checked + div div[class*="fake"] {
	
	background-color: var(--colorgreen);;
}
.kdp-pf-form-item-input-select label {
    width: 100%;
}



.product-formula-form-item.kdp-pf-form-item-hidden .kdp-pf-form-item-content {
	
}

.kdp-pf-form-item-hidden, .kdp-pf-form-item-hidden {
	
}
.product-formula-form .kdp-pf-form-item-hidden {
	padding-bottom: 0px;
}
.product-formula-form .kdp-pf-form-item-hidden :is(h3, .h3) {
	margin-bottom: 0px!important;
}



.kdp-pf-form-item-remind-required:not(.kdp-pf-form-item-hidden) {
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #FF5B00;
    }
.product-formula-form-item :is(h3, .h3) {
      user-select: none;
}
product-formula-form-item:not(.kdp-pf-form-item-opened):not(.always-visible) :is(h3, .h3)[onclick] {
	cursor: pointer;
	 -webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;   
}


:is(h1, .h1) + ul.plusmin-list {
    margin-top: -10px!important;
}
.kdp-product-page-item-with-border :is(h1, .h1) {
    margin-top: 10px!important;
}

.kdp-pf-form-item-input-select:not(.select-opened) .checked .label-option-contents .select-text + img,
.kdp-pf-form-item-input-select:not(.select-opened) .checked .label-option-contents .select-text + .text,
.kdp-pf-form-item-input-select:not(.select-opened) .checked .label-option-contents .select-text + * + .text,
.kdp-pf-form-item-input-select.select-opened .select-text {
    display: none;
}


.kdp-pf-form-item-input-inline > .fa {
    position: absolute;
    top:50%;
    margin-top: -12px;
    line-height: 20px!important;
    right: 20px;
    transition: 0.1s ease transform;
    display: none;
}
.kdp-pf-form-item-input-select .kdp-pf-form-item-input-inline > .fa { 
    display: block;
}
.kdp-pf-form-item-input-select.select-opened .kdp-pf-form-item-input-inline > .fa {
    top:30px;   
    transform: rotate(180deg);
    color:var(--colorgreen);
}
 .not-combinable .label-option-contents {
    box-shadow: 0px 0px 0px 1px #E6e6e6!important;
    color:#11111150;
     background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes66666610.svg');
   /* background-image:url('/themes/koffiedrukker/images/patterns/chess66666610.svg');*/

    background-size:4px 4px;
}
.not-combinable img {
    filter: grayscale(100%);
}

.product-formula-form-item.unloaded:not(.always-visible) {
    /*background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes00000005.svg');
    background-size:6px 6px;*/
    opacity: 0.8;
}
/*.product-formula-form-item.kdp-pf-form-item-hidden.unloaded:not(.always-visible) {
    animation:stripes6pxbusy 0.5s infinite linear;
    background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes00000010.svg');
    background-size:6px 6px;
}
.product-formula-form-item.kdp-pf-form-item-hidden.unloaded:not(.always-visible) {
    animation:stripes9pxbusy 0.5s infinite linear;
    background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes00000010.svg');
    background-size:9px 9px;
    cursor:not-allowed;
}
.product-formula-form-item.kdp-pf-form-item-hidden.unloaded + .product-formula-form-item.kdp-pf-form-item-hidden.unloaded:not(.always-visible) {
    filter: grayscale(100%) opacity(0.66);
    animation:stripes9pxbusy 110000s infinite linear;
} */
.product-formula-form-item.kdp-pf-form-item-hidden:not(.unloaded) :is(h3, .h3)[onClick*=openProductFormItemJS]:hover {
    box-shadow: inset 0px 0px 0px 100px rgba(0,0,0,0.03);
} 
@keyframes stripes6pxbusy {
    0%{ background-position:0px 0px; }
    100% { background-position:6px 0px; }
}

@keyframes stripes9pxbusy {
    0%{ background-position:0px 0px; }
    100% { background-position:9px 0px; }
}

.product-formula-form-item.unloaded.always-visible::before,
.product-formula-form-item.unloaded:not(.kdp-pf-form-item-hidden)::before { 
     position: absolute;
    display: block;
    content: ' ';
    min-height: 5px;  
    background-color: var(--colorgreenverylight);
    top: 100%;
    left: 0px;
    right: 0px;
    width: 100%;
}

.product-formula-form-item.unloaded.always-visible::after,
.product-formula-form-item.unloaded:not(.kdp-pf-form-item-hidden)::after { 
   /* position: absolute;
    display: block;
    content: ' ';
    min-height: 5px;
    min-width: 1px;
    max-width: 400px!important;
    background-color: var(--colorgreen);
    top:100%;
    left: 0px;
    transition: 0.3s ease width, 0.3s ease height 0s, 0.3s ease background;
    width: 0%;
    color:#fff;
    line-height: 10px;
    overflow: hidden;
    font-size: 8px;
    text-align: center;
    animation-name: configuratorbusyindicator;
    animation-duration: 2s;  
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-radius: 2px;*/
    
}
@keyframes configuratorbusyindicator {
	0% {
        box-shadow: 100% 0px 0px 0px #ccc;
		left: 0%;
		width: 0%;
	}
	50% {
        box-shadow: -25% 0px 0px 0px #ccc;
		left: 25%;
		right: 25%;
        width:50%;
	}
	100% {
         box-shadow: -100% 0px 0px 0px #ccc;
        width: 0%;
		left: 100%;
		right: 0%;
	}
}
.product-formula-form-item.kdp-pf-form-item-hidden:not(.had-interaction):not(.kdp-pf-form-item-opened):not(.always-visible){
    cursor:not-allowed;
}
    
.kdp-pf-form-item-input-inline label {
	position: relative;
}
.label-option-contents .kdp-pf-form-item-input-badge {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: var(--colororange);
	color:#fff;
	
	padding: 3px 5px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size:var(--fontsize_small,11px);
	margin: 0px!important;
	z-index: +1;
}

@media (max-width:660px){
	.label-option-contents .kdp-pf-form-item-input-badge {
		line-height: 1;
		padding: 3px 5px;
		font-size: 8px;
	}
}