.haru-single-product {
     background-color: #f8f9fa;
}
/*#canvas-container[_ngcontent-ctl-c8] {*/
#canvas-container {
     background-color: transparent !important;
}
/*#canvas-content[_ngcontent-ctl-c8] {*/
#canvas-content{
     background-color: transparent !important;
}
/*#canvas[_ngcontent-ctl-c8] {*/
#canvas {
    border: unset !important;
     border-bottom: 2px solid #c1c1c1 !important;
     border-right: 2px solid #c1c1c1 !important;
     box-shadow: 0 2px 8px rgb(97 97 97 / 50%) !important;
}
.start-again-link i {
     color: #a6ce39!important;
}
.start-again-link {
     background-color: white!important;
     box-shadow: -2px 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
     color: #a3c93d !important;
     border-color: #a3c93d !important;
     font-size: 14px!important;
}
.form-select {
     font-size: 1.2rem;
}
.W2PrintTools label {
     font-size: 1.2rem;
}
#haru-content-main > div.haru-single-product > div > div > div > div > div.W2PrintTools > app-root > div > div > div > div:nth-child(2) > app-properties-panel > div > div:nth-child(3) > div > label {
     background-color: #a6ce39;
     max-width: 103px;
    /* Max width depends on translation*/
}
.py-2 {
     padding-top: 0.8rem!important;
     padding-bottom: 0.8rem!important;
}
#haru-content-main > div.haru-single-product > div > div > div > div > div.W2PrintTools > app-root > div > div > div > div:nth-child(1) > div > div > button {
     background-color: white;
     padding: 5px;
     color: #666;
    /*for all buttons beneath +, - , arrows*/
}
.badge {
     background-color: transparent;
}
/*First button*/
/*.bg-danger
{
     background-color: white!important;
     color: #c13030;
     border: 1px solid #ddd;
}*/
/*Second button*/
/*.bg-orange {
     background-color: white!important;
     color: #ff9400;
     border: 1px solid #ddd;
}*/
/*third button*/
/*.bg-success
 {
     background-color: #6dab3c!important;
     border: 1px solid #ddd;
}*/