.timerange-reserve .calendar {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

 .timerange-reserve .calendar .col {
    padding: 0.5rem;
}

 .timerange-reserve .calendar .col .day {
    cursor: pointer;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 40px; */
    aspect-ratio: 1;
    background-color: rgb(232, 241, 245);
    border-radius: 50%;
}

 .timerange-reserve .calendar .col .day-name {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: rgb(24, 114, 156);
    border-radius: .25rem;
}

/* Nap */

 .timerange-reserve .day-hours {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

 .timerange-reserve .day-hours .col {
    padding: 0.25rem;
    justify-content: start;
}

 .timerange-reserve .day-hours .col .day {
    padding: .25rem;
    width: max-content;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(214, 230, 238);
    border-radius: .25rem;
}

 .timerange-reserve .day-hours .col .day-name {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: rgb(24, 114, 156);
    border-radius: .25rem;
}

 .timerange-reserve #msg-box{
    position: fixed;
    top: 120px;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%, 0);
}