body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8rem;
    color: #3C1474;
}

.details {
    color: #D3315B;
}

.app-content.container {
    text-align: center;
}

.logo_wrapper_customer img {
    max-width: 100%;
}

.pay-img {
    display:inline-block;
    content: ' ';
    background-image: url("/themes/blinkaspace/assets/images/ok.svg");
    /*filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(7489%) hue-rotate(243deg) brightness(105%) contrast(118%); !*paars*!*/
    /*filter: brightness(0) saturate(100%) invert(42%) sepia(87%) saturate(1491%) hue-rotate(91deg) brightness(92%) contrast(92%); !*groen*!*/
    filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(1193%) hue-rotate(114deg) brightness(89%) contrast(93%); /*zee groen*/
    background-size: 100% 100%;
    height: clamp(120px,20vw,200px);
    width: clamp(120px,20vw,200px);
}

.success .pay-img {
	background-image: url("/themes/blinkaspace/assets/images/ok.svg");
}
.error .pay-img {
	background-image: url("/themes/blinkaspace/assets/images/close.svg");
	filter: brightness(0) saturate(100%) invert(31%) sepia(47%) saturate(5106%) hue-rotate(327deg) brightness(87%) contrast(89%);
}

.cancel .pay-img,
.pending .pay-img {
	background-image: url("/themes/blinkaspace/assets/images/alert.svg");
	filter: brightness(0) saturate(100%) invert(86%) sepia(55%) saturate(4477%) hue-rotate(333deg) brightness(102%) contrast(100%);
}