.week-calendar-wrapper {
    width: 370px;
    margin: 0 auto;
    font-size: 14px;
}

.week-calendar-title {
    font-size: 24px;
    padding: 10px;
    text-align: center;
}

.week-calendar-item {
    display: inline-block;
    min-width: 35px;
    text-align: center;
    padding: 5px 0;
    margin: 5px;
}

.week-callendar-body-wrapper > div {
    display: inline-block;
}

.week-calendar-next, .week-calendar-prev {
    width: 20px;
    cursor: pointer;
}

.week-calendar-next {
    margin-left: 5px;
}

.week-callendar-days-body .week-calendar-item {
    border: 1px solid green;
    border-radius: 5px;
    cursor: pointer;
    color: green;
    padding: 7px 0;
    width: 35px;
    height: 35px;
}

.week-callendar-days-title .week-calendar-item {
    text-align: left;
}

.week-callendar-days-body .week-calendar-item.prev, .week-callendar-days-body .week-calendar-item.not-available {
    border: 1px solid red;
    text-decoration: line-through;
    color: red;
    cursor: default;
}

.week-callendar-days-body .week-calendar-item.selected {
    border-radius: 50%;
    background: green;
    color: #fff;
}

.week-calendar-wrapper i {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.week-calendar-wrapper .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.week-calendar-wrapper .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.week-calendar-wrapper .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.week-calendar-wrapper .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.week-callendar-days-body, .week-callendar-days-title, .week-calendar-title {
    width: 320px;
    margin: 0 auto;
}

.calendar-wrapper .week-calendar-wrapper {
    background: #ffffff;
    width: initial;
    padding: 20px;
    box-shadow: -5px 7px 36px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    max-width: 480px;
    margin: auto;
}

.calendar-wrapper .week-calendar-title {
    font-size: 22px;
    padding-bottom: 25px;
}


.calendar-wrapper .week-callendar-days-title {
    color: #C4C4C4;
    margin-bottom: 10px;
}

.calendar-wrapper .week-callendar-body-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.calendar-wrapper .week-callendar-days-body {
    margin: 0;
}

.calendar-wrapper .week-calendar-prev {
    width: fit-content;
}

    .calendar-wrapper .week-calendar-prev i,
    .calendar-wrapper .week-calendar-next i {
        background-color: #FFFFFF;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        -webkit-transform: initial;
        width: 30px;
        height: 30px;
    }

    .calendar-wrapper .week-calendar-prev i {
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.90735e-06L8 16L-1.20769e-06 7.99686' fill='%23C4C4C4'/%3E%3C/svg%3E%0A");
    }

.calendar-wrapper .week-calendar-next i {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16V0L8 8.00314' fill='%23C4C4C4'/%3E%3C/svg%3E%0A");
}

.calendar-wrapper #wish-date {
    position: absolute;
    right: 65px;
    top: 27px;
    width: 50px;
    font-size: 0;
    min-width: auto;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70;' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F6F6F6;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M22.1,46.8c0,0.6,0.5,1.1,1.1,1.1h23.6c0.6,0,1.1-0.5,1.1-1.1V32.9H22.1V46.8z M41.4,35h2.1 c0.6,0,1.1,0.5,1.1,1.1c0,0.6-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1C40.4,35.5,40.8,35,41.4,35z M41.4,39.3h2.1 c0.6,0,1.1,0.5,1.1,1.1c0,0.6-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1C40.4,39.8,40.8,39.3,41.4,39.3z M41.4,43.6h2.1 c0.6,0,1.1,0.5,1.1,1.1s-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1S40.8,43.6,41.4,43.6z M33.9,35h2.1c0.6,0,1.1,0.5,1.1,1.1 c0,0.6-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1C32.9,35.5,33.3,35,33.9,35z M33.9,39.3h2.1c0.6,0,1.1,0.5,1.1,1.1 c0,0.6-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1C32.9,39.8,33.3,39.3,33.9,39.3z M33.9,43.6h2.1c0.6,0,1.1,0.5,1.1,1.1 s-0.5,1.1-1.1,1.1h-2.1c-0.6,0-1.1-0.5-1.1-1.1S33.3,43.6,33.9,43.6z M26.4,35h2.1c0.6,0,1.1,0.5,1.1,1.1c0,0.6-0.5,1.1-1.1,1.1 h-2.1c-0.6,0-1.1-0.5-1.1-1.1C25.4,35.5,25.8,35,26.4,35z M26.4,39.3h2.1c0.6,0,1.1,0.5,1.1,1.1c0,0.6-0.5,1.1-1.1,1.1h-2.1 c-0.6,0-1.1-0.5-1.1-1.1C25.4,39.8,25.8,39.3,26.4,39.3z M26.4,43.6h2.1c0.6,0,1.1,0.5,1.1,1.1s-0.5,1.1-1.1,1.1h-2.1 c-0.6,0-1.1-0.5-1.1-1.1S25.8,43.6,26.4,43.6z' style='fill: rgb(255, 254, 254);'/%3E%3Cpath class='st0' d='M42.5,28.6c0.6,0,1.1-0.5,1.1-1.1v-4.3h-2.1v4.3C41.4,28.1,41.9,28.6,42.5,28.6z' style='fill: rgb(255, 255, 255);'/%3E%3Cpath class='st0' d='M-0.1,0v70h70V0H-0.1z M50,46.8c0,1.8-1.4,3.2-3.2,3.2H23.2c-1.8,0-3.2-1.4-3.2-3.2V26.4 c0-1.8,1.4-3.2,3.2-3.2h3.2v-2.1c0-0.6,0.5-1.1,1.1-1.1c0.6,0,1.1,0.5,1.1,1.1v2.1h-2.1v4.3c0,0.6,0.5,1.1,1.1,1.1 c0.6,0,1.1-0.5,1.1-1.1v-4.3h12.9v-2.1c0-0.6,0.5-1.1,1.1-1.1s1.1,0.5,1.1,1.1v2.1h3.2c1.8,0,3.2,1.4,3.2,3.2V46.8z' style='fill: rgb(255, 255, 255);'/%3E%3C/g%3E%3C/svg%3E");
    border: none;
    background-color: #ff6600;
    background-size: 55px;
    background-position: center;
}

    .calendar-wrapper #wish-date:hover,
    .calendar-wrapper #wish-date:focus {
        cursor: pointer;
        background-color: #B24801;
    }

.calendar-wrapper .week-callendar-days-body .week-calendar-item {
    color: initial;
    background-color: initial;
    border: none;
}

    .calendar-wrapper .week-callendar-days-body .week-calendar-item.selected {
        background: #ff6600;
        min-width: auto;
        width: 30px;
        height: 30px;
        padding: 5px 0;
        color: #ffffff;
    }

    .calendar-wrapper .week-callendar-days-body .week-calendar-item.prev,
    .calendar-wrapper .week-callendar-days-body .week-calendar-item.not-available {
        opacity: 0.4;
        border: none;
        text-decoration: none;
        color: #0E2A49;
    }

.calendar-wrapper {
    position: relative;
}

.overview .week-calendar {
    display: none;
}

#shopping-info .week-calendar {
    /*#7847*/
    display: block;
}

.calendar-wrapper .week-calendar {
    display: initial;
}

#wish-date.calendar-icon {
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 5px center;
}

.calendar-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='-1875.4319 -1771.1042 1664 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(0.9999999999999999, 0, 0, 0.9999999999999999, -1209.7799072265627, -1128.4501953125002)'%3E%3Cpath d='M -537.652 1021.346 L -249.652 1021.346 L -249.652 733.346 L -537.652 733.346 L -537.652 1021.346 Z M -185.652 1021.346 L 134.348 1021.346 L 134.348 733.346 L -185.652 733.346 L -185.652 1021.346 Z M -537.652 669.346 L -249.652 669.346 L -249.652 349.346 L -537.652 349.346 L -537.652 669.346 Z M -185.652 669.346 L 134.348 669.346 L 134.348 349.346 L -185.652 349.346 L -185.652 669.346 Z M -537.652 285.346 L -249.652 285.346 L -249.652 -2.654 L -537.652 -2.654 L -537.652 285.346 Z M 198.348 1021.346 L 518.348 1021.346 L 518.348 733.346 L 198.348 733.346 L 198.348 1021.346 Z M -185.652 285.346 L 134.348 285.346 L 134.348 -2.654 L -185.652 -2.654 L -185.652 285.346 Z M 582.348 1021.346 L 870.348 1021.346 L 870.348 733.346 L 582.348 733.346 L 582.348 1021.346 Z M 198.348 669.346 L 518.348 669.346 L 518.348 349.346 L 198.348 349.346 L 198.348 669.346 Z M -153.652 -194.654 L -153.652 -482.654 C -153.652 -491.321 -156.819 -498.821 -163.152 -505.154 C -169.485 -511.487 -176.985 -514.654 -185.652 -514.654 L -249.652 -514.654 C -258.319 -514.654 -265.819 -511.487 -272.152 -505.154 C -278.485 -498.821 -281.652 -491.321 -281.652 -482.654 L -281.652 -194.654 C -281.652 -185.987 -278.485 -178.487 -272.152 -172.154 C -265.819 -165.821 -258.319 -162.654 -249.652 -162.654 L -185.652 -162.654 C -176.985 -162.654 -169.485 -165.821 -163.152 -172.154 C -156.819 -178.487 -153.652 -185.987 -153.652 -194.654 Z M 582.348 669.346 L 870.348 669.346 L 870.348 349.346 L 582.348 349.346 L 582.348 669.346 Z M 198.348 285.346 L 518.348 285.346 L 518.348 -2.654 L 198.348 -2.654 L 198.348 285.346 Z M 582.348 285.346 L 870.348 285.346 L 870.348 -2.654 L 582.348 -2.654 L 582.348 285.346 Z M 614.348 -194.654 L 614.348 -482.654 C 614.348 -491.321 611.181 -498.821 604.848 -505.154 C 598.515 -511.487 591.015 -514.654 582.348 -514.654 L 518.348 -514.654 C 509.681 -514.654 502.181 -511.487 495.848 -505.154 C 489.515 -498.821 486.348 -491.321 486.348 -482.654 L 486.348 -194.654 C 486.348 -185.987 489.515 -178.487 495.848 -172.154 C 502.181 -165.821 509.681 -162.654 518.348 -162.654 L 582.348 -162.654 C 591.015 -162.654 598.515 -165.821 604.848 -172.154 C 611.181 -178.487 614.348 -185.987 614.348 -194.654 Z M 998.348 -258.654 L 998.348 1021.346 C 998.348 1056.013 985.681 1086.013 960.348 1111.346 C 935.015 1136.679 905.015 1149.346 870.348 1149.346 L -537.652 1149.346 C -572.319 1149.346 -602.319 1136.679 -627.652 1111.346 C -652.985 1086.013 -665.652 1056.013 -665.652 1021.346 L -665.652 -258.654 C -665.652 -293.321 -652.985 -323.321 -627.652 -348.654 C -602.319 -373.987 -572.319 -386.654 -537.652 -386.654 L -409.652 -386.654 L -409.652 -482.654 C -409.652 -526.654 -393.985 -564.321 -362.652 -595.654 C -331.319 -626.987 -293.652 -642.654 -249.652 -642.654 L -185.652 -642.654 C -141.652 -642.654 -103.985 -626.987 -72.652 -595.654 C -41.319 -564.321 -25.652 -526.654 -25.652 -482.654 L -25.652 -386.654 L 358.348 -386.654 L 358.348 -482.654 C 358.348 -526.654 374.015 -564.321 405.348 -595.654 C 436.681 -626.987 474.348 -642.654 518.348 -642.654 L 582.348 -642.654 C 626.348 -642.654 664.015 -626.987 695.348 -595.654 C 726.681 -564.321 742.348 -526.654 742.348 -482.654 L 742.348 -386.654 L 870.348 -386.654 C 905.015 -386.654 935.015 -373.987 960.348 -348.654 C 985.681 -323.321 998.348 -293.321 998.348 -258.654 Z' style='fill: rgba(46, 46, 46, 0.804);'/%3E%3C/g%3E%3C/svg%3E");
}

@media all and (max-width: 480px) {

    .week-calendar-wrapper {
        width: 100%;
    }

    .week-callendar-body-wrapper > div {
        vertical-align: middle;
    }

    .week-callendar-days-body, .week-callendar-days-title, .week-calendar-title {
        width: 80%;
    }

    .calendar-wrapper #wish-date {
        right: 5px;
    }
}

@media all and (min-width: 720px) {

    .calendar-wrapper .week-calendar-wrapper {
        max-height: 200px;
    }
}