.P-Calendar .each-mounth {
    text-align: center;
    margin: 10px 0px 0px 0px;
    border: 1px solid #e5edee;
    border-radius: 10px;
    overflow: hidden;
}

.P-Calendar .head-Calendar {
    background: #2ad5005c;
    padding: 10px 0;
    margin: 0;
}

.P-Calendar .number-year {
    font-weight: bold;
    color: #484848;
    font-size: 14px;
    text-align: center;
}

.number-year {
    display: flex-root;
}

.number-day {
    color: #333;
}

.price-day {
    color: #333;
}

.left-month {
    float: left;
    margin-left: 20px;
}

.right-month {
    float: right;
    margin-right: 20px;
}

.P-Calendar .name-week {
    margin: 10px 0px;
    color: #2f2f2f;
}

.P-Calendar .body-Calendar li {
    text-align: center;
    display: inline-block;
    width: 13%;
    max-width: 13%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.3%;
    flex: 0 0 13.3%;
    margin: -2px 0px;
}

.P-Calendar .each-day.disable {
    cursor: default;
    background-color: #fff;
    border: none;
}

.P-Calendar .each-day.disable span {
    color: transparent;
    background-color: transparent !important;
}

.P-Calendar .body-Calendar li {
    text-align: center;
    display: inline-block;
    width: 13%;
    max-width: 13%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.3%;
    flex: 0 0 13.3%;
    margin: 1px 0px;
    border: 1px solid #e5edee;
}

.P-Calendar .Ename-week {
    border: none !important;
}

.P-Calendar .each-day {
    background: #0e728339;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    overflow: hidden;
}

.today {
    border: 1px solid #5a9ea7;
    font-weight: bold;
}

.P-Calendar .each-day.holiday span {
    color: #fd2323;
}

.P-Calendar .each-day span {
    display: block;
}

.P-Calendar .each-day.selected {
    cursor: pointer;
    background-color: #efa910 !important;
}

.P-Calendar .each-day.selected span {
    color: #ffffff;
}

.P-Calendar .each-day.past-day {
    background: repeating-linear-gradient(-45deg, transparent, transparent 8px, #dddddd08 0, #dddddd5c 10px) !important;
}

.P-Calendar .each-day.past-day span {
    color: #acacac;
}

.P-Calendar .each-day.reserved-day {
    cursor: not-allowed;
    background-color: #f4f4f4;
}

.reserved-day > .price-day > .text-danger {
    color: #d5d5d5 !important
}

.P-Calendar .each-day.reserved-day span {
    color: #d0cfcf;
}

.P-Calendar .each-day.temp-block {
    background-color: #d2d2d2;
}

.P-Calendar .each-day.reserved-first-day {
	
    background: linear-gradient(-45deg, rgb(236, 244, 245) 50%, rgba(255, 255, 255, 0) 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(215, 215, 215, 0.8) 0px, rgba(215, 215, 215, 0.8) 6px) repeat scroll 0% 0%
}

.P-Calendar .each-day.reserved-first-day span {
    color: #000000;
}

.P-Calendar .each-day.reserved-first-day-selected {
    background: linear-gradient(-45deg, rgb(249, 166, 10) 50%, rgba(255, 255, 255, 0) 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(215, 215, 215, 0.8) 0px, rgba(215, 215, 215, 0.8) 6px) repeat scroll 0% 0%
}

.P-Calendar .each-day.reserved-last-day {
    background: linear-gradient(135deg, rgb(236, 244, 245) 50%, rgba(255, 255, 255, 0) 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(215, 215, 215, 0.8) 0px, rgba(215, 215, 215, 0.8) 6px) repeat scroll 0% 0%
}

.P-Calendar .each-day.reserved-last-day span {
    color: #1a1a1a;
}

.P-Calendar .each-day.reserved-last-day-selected {
    background: linear-gradient(135deg, rgb(249, 166, 10) 50%, rgba(255, 255, 255, 0) 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(215, 215, 215, 0.8) 0px, rgba(215, 215, 215, 0.8) 6px) repeat scroll 0% 0%
}

.ew-i {
    border: 1px solid #c2c7c8;
    padding: 4px 12px;
    border-radius: 5px;
    background: #e5edee;
    cursor: pointer;
    transition: .3s;
}
.P-Calendar .each-day.reserved-first-day.selected {
    background: #efa910  !important; /* Removes the gradient */
    color: white;
}

.mobile-reserve-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease-in-out;
}

.mobile-reserve-btn.hidden {
    transform: translateY(100%);
}