:root{
	--disabled-color: #ddd;
}


.quantity-input .input-container{
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.quantity-input.disabled{
	cursor: pointer;
}

.quantity-input.disabled .size-item-bulk svg + svg{
	display: none;
}
#single-size span.disabled{
	
	background-color: #ffffff;
	color: #CCCCCC7F;
	border: solid 1px #CCCCCC;
	position: relative;
}

#single-size span.disabled::after{
	content: '';
	height: 1px; 
	background-color: var(--disabled-color);
	width: 100%;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.designer-maten-inputs .quantity-input.disabled .input-container:before{
	content: '';
    height: 100%;
    background-color: #ffffff;
    width: 100%;
    position: absolute;
    z-index: 1;
    border: solid 1px var(--disabled-color);
    border-radius: 10px;
}
.designer-maten-inputs .quantity-input.disabled .input-container:after{
	content: '';
	height: 1px;
	background-color: var(--disabled-color);
	width: 100%;
	transform: rotate(-10deg);
	position: absolute;
	z-index: 1;
}
.designer-maten-inputs .quantity-input.disabled .size-item-bulk{
	color: #CCCCCC80;
	position: relative	
}
.designer-maten-inputs .quantity-input.disabled .size-item-bulk:before,
.quantity-input.disabled .size-item-bulk:before,
form #single-size .size-item.disabled div:before{
    content: 'Klik voor verwachte levertijd';
    background-color: #D8127D;
    color: #ffffff;
    border-radius: 4px;
    position: absolute;
    top: -34px;
    height: 24px;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 203px;
    text-transform: none;
    z-index: 2;
    left: -90px;
    display: none;
    font-family: Montserrat;
}
#bulk-size .quantity-input.disabled .size-item-bulk:before{
	line-height: 1.3;
}
.designer-maten-inputs .quantity-input.disabled:hover .size-item-bulk:before,
.designer-maten-inputs .quantity-input.disabled:hover .size-item-bulk:after,
.quantity-input.disabled:hover .size-item-bulk:before,
.quantity-input.disabled:hover .size-item-bulk:after,
form #single-size .size-item.disabled div:hover:before,
form #single-size .size-item.disabled div:hover:after{
	display: initial;
}

.designer-maten-inputs .quantity-input.disabled .size-item-bulk:after,
.quantity-input.disabled .size-item-bulk:after,
form #single-size .size-item.disabled div:after{
	content: '';
	top: -10px;
	left: 10px;
	position: absolute;
	z-index: 1;
	display: none;
	border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  border-top: 5px solid #D8127D;
}

form #single-size .size-item.disabled div:before{
	left: -125%;
	line-height: 1.3;
}
form #single-size .size-item.disabled div:after{
	left: 22px;
}


.designer-maten-inputs .quantity-input.disabled .input-container *{
	opacity: 0.6;
	border-color: var(--disabled-color);
	pointer-events: none;
}
/* staat grotendeels in style.css */
div.voorraad-inschrijven-popup,
div.custom-mijn-account-order-again-full{
	font-family: Montserrat;
	z-index: 11;
}
.voorraad-inschrijven-popup h2{
	font-weight: 700;
}
.voorraad-inschrijven-popup .custom-mijn-account-popup-content,
.custom-mijn-account-order-again-full .custom-mijn-account-popup-content{
	max-width: 500px;
}
.custom-mijn-account-order-again-full .custom-orders-body-content{
	height: unset;
	padding: 0;
}
.voorraad-inschrijven-popup .custom-mijn-account-popup-header,
.custom-mijn-account-order-again-full .custom-mijn-account-popup-header{
	display: flex;
	flex-direction: column;
	position: relative;
	padding-bottom: 10px
}
.custom-mijn-account-order-again-full .producten{
    row-gap: 20px;
    display: flex;
    flex-wrap: wrap;
}
.custom-mijn-account-order-again-full .custom-mijn-account-popup-header h2{
	font-size: clamp(16px, 3vw, 23px);
}
.custom-mijn-account-order-again-full span.details-label {
    font-weight: 600;
}
.custom-mijn-account-popup-header-top{
    display: flex;
    justify-content: space-between;
}
.voorraad-leverdatum-text{
	font-size: 13px;
	font-weight: 700;
	color: #2B9D63;
}
.voorraad-leverdatum{
	font-size: 13px;
	font-weight: 500;
	color: #2B9D63;	
}
.voorraad-inschrijven-popup .custom-mijn-account-popup-header:after{
	content: '';
	height: 1px;
	width: calc(100% + 40px);
	background-color: #DEE1EA; 
	position: absolute;
	left: -20px;
	bottom: 0;
}
.voorraad-inschrijven-popup .custom-mijn-account-popup-body{
	padding-top: 14px;
}
.voorraad-inschrijven-popup p{
	margin-bottom: 22px; 
}
.voorraad-inschrijven-popup label{
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 8px;
}
.voorraad-inschrijven-popup input{
	border-radius: 8px;
	border: 1px solid #DEE1EA;
	width: 100%;
	height: 44px;
	font-size: 16px;
	font-weight: 400;
	background-color: #ffffff;
	padding: 0 14px;
}
body .voorraad-inschrijven-popup button.button:hover{
	background-color: #28C76F !important;
}
@media (max-width: 767px){
	.voorraad-inschrijven-popup .custom-mijn-account-popup-content,
	.custom-mijn-account-order-again-full .custom-mijn-account-popup-content{
		margin-right: 20px;
	    margin-left: 20px;	
	}
}



/*Ontwerptool*/

form #single-size .size-item.disabled div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 2;
}
form #bulk-size .quantity-input{
	display: flex;
}
form #bulk-size .quantity-input .input-container{
	float: unset;
	margin: unset;
	border-radius: unset;
}

form #bulk-size .quantity-input.disabled .input-container:before{
	content: '';
    height: 100%;
    background-color: #ffffff;
    width: 100%;
    position: absolute;
    z-index: 1;
    border: solid 1px var(--disabled-color);
    border-radius: 10px;
}
form #bulk-size .quantity-input.disabled .input-container:after{
 	content: '';
	height: 1px;
	background-color: var(--disabled-color);
	width: 100%;
	transform: rotate(-10deg);
	position: absolute;
	z-index: 1;
}
form #bulk-size .quantity-input.disabled .size-item-bulk{
	color: #CCCCCC80;
	position: relative	
}
form #bulk-size .quantity-input .size-item-bulk{
    flex: 0 0 60px;
}
@media(min-width: 768px){
	form #bulk-size .quantity-input.disabled .input-container:before{
		border-radius: unset;
	}
	form #bulk-size .quantity-input.disabled .input-container:after{
		content: '';
	    height: 1px;
	    background-color: var(--disabled-color);
	    width: 120%;
	    transform: rotate(-38deg);
	    position: absolute;
	    z-index: 1;
	    transform-origin: 22px 6px;
	}	
	form #bulk-size .quantity-input.disabled .size-item-bulk svg{
		display: none;
	}
	form #bulk-size .quantity-input .size-item-bulk{
	    flex: 0 0 53px;
	}
}
@media (max-width: 767px){
	form #bulk-size .quantity-input .input-container{
		border-radius: 10px;
		width: inherit;
	}
	form #bulk-size .quantity-input.disabled .size-item-bulk:after{
		content: ':'!important;	
	}
	form #bulk-size .quantity-input .size-item-bulk{
		margin-right: 4px;
	}
	form #bulk-size .quantity-input.disabled .size-item-bulk{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-right: 4px;
		flex: 0 0 60px;
	}
	form #bulk-size .quantity-input.disabled .input-container:before, form #bulk-size .quantity-input.disabled .input-container:after{
		/* max-width: calc(30% + 60px); */
		width: 100%;
	}
}

.custom-mijn-account-order-again-full .custom-mijn-account-popup-header{
    flex-wrap: wrap;
    flex-direction: unset;
    justify-content: space-between;
}
.custom-mijn-account-order-again-full .custom-mijn-account-popup-header-content{
	width: 100%;
}
.custom-mijn-account-order-again-full .order-item-details-tails{
	flex-wrap: wrap;	
}
.custom-mijn-account-order-again-full h4{
	font-size: 14px;
}


[data-sd-color].disabled{
    border: 1px solid var(--disabled-color);
    position: relative;
}
/* [data-sd-color].disabled:before{
    content: 'Deze kleur is tijdelijk uitverkocht';
    background-color: #D8127D;
    color: #ffffff;
    border-radius: 4px;
    position: absolute;
    top: -34px;
    height: 24px;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 203px;
    text-transform: none;
    z-index: 1;
    left: -90px;
    display: none;
    font-family: Montserrat;
}
[data-sd-color].disabled:after{
    content: '';
    top: -10px;
    left: 10px;
    position: absolute;
    z-index: 1;
    display: none;
    border-left: 5.5px solid transparent;
    border-right: 5.5px solid transparent;
    border-top: 5px solid #D8127D;
}
[data-sd-color].disabled:hover:after, [data-sd-color].disabled:hover:before{
	display: initial;
} */
[data-sd-color].disabled figure img{
	opacity: 0.5;
}
[data-sd-color].disabled figure{
	pointer-events: none;
}
[data-sd-color].disabled figure:after{
    content: "";
    rotate: -45deg;
    height: 1px;
    width: 100%;
    border-radius: 50%;
    background: var(--disabled-color);
    position: absolute;
    top: 50%;

}

.duotone_list{
	position: relative;
}
.duotone_not_int_stock{
	position: absolute;
	z-index: 2;
	top: 0;
	pointer-events: none;
	background-color: #D8127D;
    color: #ffffff;
    border-radius: 4px;
    font-family: Montserrat;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 500;
    left: 0;
    right: 0;
    max-width: fit-content;
    margin: unset;
    /* New stock */
    position: fixed;
}