.calendar-wrap {
    font-family: Arial;
    width: 430px;
	max-width: 100%;
    margin: 30px auto;
    position: relative;
}

.hello-week__header {
    padding: 13px;
}

.hello-week {
    box-shadow: none;
    background: #fcfcfc;
    padding: 0;
}

.hello-week__week__day {
    background: #e5dfd3;
    color: #000000;
    outline: 1px solid #e6e6e6;
    font-size: 14px;
}

.hello-week__label {
    font-size: 24px;
    line-height: 1.5;
}

.hello-week__week__day:nth-child(6), 
.hello-week__week__day:nth-child(7) {
    background: #cfc6b3;
}

.hello-week__day.is-selected {
    background: #d1ffd9 !important;
    color: #000000 !important;
}

.hello-week__day {
    background: #d1ffd9;
    outline: 1px solid #e6e6e6;
    overflow: hidden;
    font-size: 14px;
    margin-top: 1px;
}

.hello-week__day:first-child {
    margin-top: 1px;
}

.hello-week__day.is-weekend, .hello-week__day.is-today {
    background: #d1ffd9 !important;
    color: #000000 !important;
}


.hello-week__day.type1:after {
    background-color: #ffb3b3 !important; 
    position: absolute;
    top: 0;
    left: 0;
    right: -80px;
    bottom: 0;
    content: "";
    transform: rotate(-55deg);
}

.hello-week__day.type2 {
    background-color: #ffb3b3 !important;
    color: #ffffff !important;
}

.hello-week__day.type3:after {
    background-color: #ffb3b3 !important; 
    position: absolute;
    top: 0;
    left: -80px;
    right: 0;
    bottom: 0;
    content: "";
    transform: rotate(-55deg);
}

.hello-week__next, .hello-week__prev {
    position: absolute;
    top: 23px;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}

.hello-week__next {
    right: 10px;
}

.hello-week__prev {
    left: 10px;
}