th, td {
vertical-align: middle;
}
td.class_sold {
background-color:red;
}
td.class_sold_before {
background-image: linear-gradient(180deg,red 40%,
white 70%);
background-repeat: no-repeat;
background-size: 100% 100%;
}
td.class_sold_after {
background: linear-gradient(180deg, white 40%, red 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 100% 100%;
}
td.class_option{
background-color:orange;
}
td.class_holiday {
background-color: rgb(175,175, 175);
}
td.class_weekend {
background-color: rgb(175,175, 175);
}
td.class_option_before {
background-image: linear-gradient(180deg,orange 40%,
white 70%);
background-repeat: no-repeat;
background-size: 100% 100%;
}
td.class_option_after {
background-image: linear-gradient(180deg, white 40%, orange 100%);
background-repeat: no-repeat;
background-size: 100% 33%;
background-position: 100% 100%;
}
td.class_sold_before_option_after {
background-image: linear-gradient(180deg,red 40%,
orange 70%);
background-repeat: no-repeat;
background-size: 100% 100%;
}
td.class_sold_after_option_before {
background: linear-gradient(180deg,
orange 40%, red 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 100% 100%;
}
table.my_table_calendar tr:first-child {
    background-color:#ebe6e1;
}
table.my_table_calendar tr:nth-child(2) td{
    background-color: lightgoldenrodyellow;
}
.reserve_button {
background-color: #CFC7BE;
    border: 2px solid black;
    color: black;
    font-size: smaller;
    font-weight: bold;
}