.calendar
{

    box-shadow: 20px 10px 20px 10px rgba(0,0, 0, 0.2);
}

.day-calendar
{
    background-color: rgba(128, 128, 128, 0.22);
    padding:1em;
}

.day-by-week
{
    text-align: center;
    padding-top: 2em;
    margin-top: 2em;
}

.cels {
    padding-top: 1em;
    padding-bottom: 1em;
}

.cels-available:hover {
    background-color: rgb(128, 112, 199);
}
.cels-selected
{
    background-color: rgb(68, 0, 255);
}

.cels-between 
{
    background-color: rgba(68, 0, 255, 0.275);
}

.cels-grey
{
    background-color: rgba(128, 128, 128, 0.261);
}

.cels-reserved
{
    background-color: rgba(255, 132, 0, 0.72);
}
.cels-full-reserved
{
    background-color: rgba(255, 0, 0, 0.72);
}
.div_btn-calendar
{
    display:flex;
    align-items: center;
    align-content: center;
    margin:auto;
    margin-top: 1em;

}
.btn-calendar
{
 
    margin:auto;

}

.block_calendar
{
    max-width: 400px;
}

.div_info_calendar 
{
    box-shadow: 5px 5px 5px 5px rgba(0,0, 0, 0.2);
    margin:1em;
    padding:1em;

}

.div_info_resa 
{
    padding:1em;
}

.wrapper_1-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calendar-content {
    display: flex;
    justify-content: space-between;
}

.calendar-left, .calendar-right {
    flex: 1;
}

#calendar-table, #days-of-week {
    width: 100%;
    text-align: center;
}

.calendar-nav {
    margin-top: 10px;
}